[Mod] Resize Image / Resimi Yeniden Boyutlandırmak

[yeniturkBB]

Mod İsmi: Resimi Yeniden Boyutlandırmak
Mod Açıklaması: Forumdaki resimi Javascript kodu kullanarak yeniden boyutlandırmaya yarar. Mysql kullanmaz.
Mod Yapımcısı: Oktay Yenitürk (Oktayusx)
Önemli Not: Modda kullanılan javascript kodu bir javascript kaynak sitesinden alınmıştır.
Format: Mod X

Arkadaşlar. Maalesef resime tıkladığınızda resim büyümez =( . Onun js kodunu bulamadım. Ama ilgi görürse bu modum daha gelişmişinide yapabilirim (vBulletin deki gibi mesela)

Resize_Image_Oktayusx.zip

Kendi yaptığım Resim Boyutlandırma Modu

(22.19 KiB) 1212 kere indirildi

[Dn_35]

çalışan güzel bir mod var zaten resime tıkladınmı büyütüyor, inceleyebilirisin

Easy Resize Posted Images

Kod: Tümünü seç

##############################################################
## MOD Title: Easy Resize Posted Images
## MOD Author: kber < webmaster@phpbbegypt.com > (kber) http://www.phpbbegypt.com
## MOD Description:  This MOD resizes images within the posts . Images resized are made
## clickable and openable in a popup in full-size.
## MOD Version: 1.1.2
## PHPBB versions: phpbb3 -( RC1 -> 3.0.2 )
## Installation Level: (Easy)
## Installation Time: 3 Minute
## Files To Edit:  styles/prosilver/template/viewtopic_body.html 
                         styles/subsilver2/template/viewtopic_body.html   
## Included Files:
## License: http://opensource.org/licenses/gpl-license.php GNU General Public License v2
##############################################################
## For security purposes, please check: http://www.phpbb.com/mods/
## for the latest version of this MOD. Although MODs are checked
## before being allowed in the MODs Database there is no guarantee
## that there are no security problems within the MOD. No support
## will be given for MODs not found within the MODs Database which
## can be found at http://www.phpbb.com/mods/
##############################################################
## Author Notes:
## Tested with phpbb3.0.0
##############################################################
## Before Adding This MOD To Your Forum, You Should Back Up All Files Related To This MOD
##############################################################
#
#-----[ OPEN ]------------------------------------------
#
styles/prosilver/template/viewtopic_body.html
#
#-----[ FIND ]------------------------------------------
#
          <!-- ELSE -->
         <strong>{L_FORUM_RULES}</strong><br />
         {FORUM_RULES}
      <!-- ENDIF -->

      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- ENDIF -->
#
#-----[ AFTER , ADD ]------------------------------------------
# note : you may change( 600px) to whatever you want

<script>
window.onload = resizeimg;
function resizeimg()
{
   if (document.getElementsByTagName)
   {
      for (i=0; i<document.getElementsByTagName('img').length; i++)
      {
         im = document.getElementsByTagName('img')[i];
         if (im.width > 600)
         {
            im.style.width = '600px';
            eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
            eval("im.onclick = pop" + String(i) + ";");
            if (document.all) im.style.cursor = 'hand';
            if (!document.all) im.style.cursor = 'pointer';
            im.title = 'Click Here To See Image Full Size ';
         }
      }
   }
}

</script>

#
#-----[ OPEN ]------------------------------------------
#
styles/subsilver2/template/viewtopic_body.html
#
#-----[ FIND ]------------------------------------------
#
<!-- INCLUDE overall_header.html -->
#
#-----[ AFTER , ADD ]------------------------------------------
# note : you may change( 600px) to whatever you want

<script>
window.onload = resizeimg;
function resizeimg()
{
   if (document.getElementsByTagName)
   {
      for (i=0; i<document.getElementsByTagName('img').length; i++)
      {
         im = document.getElementsByTagName('img')[i];
         if (im.width > 600)
         {
            im.style.width = '600px';
            eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
            eval("im.onclick = pop" + String(i) + ";");
            if (document.all) im.style.cursor = 'hand';
            if (!document.all) im.style.cursor = 'pointer';
            im.title = 'Click Here To See Image Full Size ';
         }
      }
   }
}

</script>

#
#-----[ SAVE/CLOSE ALL FILES ]------------------------------------------
#
# EoM 

## For some style you may need to pruge the cashe from your ACP

[serkan_u19911]

çalışan güzel bir mod var zaten resime tıkladınmı büyütüyor, inceleyebilirisin

Easy Resize Posted Images

Kod: Tümünü seç

##############################################################
## MOD Title: Easy Resize Posted Images
## MOD Author: kber < webmaster@phpbbegypt.com > (kber) http://www.phpbbegypt.com
## MOD Description:  This MOD resizes images within the posts . Images resized are made
## clickable and openable in a popup in full-size.
## MOD Version: 1.1.2
## PHPBB versions: phpbb3 -( RC1 -> 3.0.2 )
## Installation Level: (Easy)
## Installation Time: 3 Minute
## Files To Edit:  styles/prosilver/template/viewtopic_body.html 
                         styles/subsilver2/template/viewtopic_body.html   
## Included Files:
## License: http://opensource.org/licenses/gpl-license.php GNU General Public License v2
##############################################################
## For security purposes, please check: http://www.phpbb.com/mods/
## for the latest version of this MOD. Although MODs are checked
## before being allowed in the MODs Database there is no guarantee
## that there are no security problems within the MOD. No support
## will be given for MODs not found within the MODs Database which
## can be found at http://www.phpbb.com/mods/
##############################################################
## Author Notes:
## Tested with phpbb3.0.0
##############################################################
## Before Adding This MOD To Your Forum, You Should Back Up All Files Related To This MOD
##############################################################
#
#-----[ OPEN ]------------------------------------------
#
styles/prosilver/template/viewtopic_body.html
#
#-----[ FIND ]------------------------------------------
#
          <!-- ELSE -->
         <strong>{L_FORUM_RULES}</strong><br />
         {FORUM_RULES}
      <!-- ENDIF -->

      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- ENDIF -->
#
#-----[ AFTER , ADD ]------------------------------------------
# note : you may change( 600px) to whatever you want

<script>
window.onload = resizeimg;
function resizeimg()
{
   if (document.getElementsByTagName)
   {
      for (i=0; i<document.getElementsByTagName('img').length; i++)
      {
         im = document.getElementsByTagName('img')[i];
         if (im.width > 600)
         {
            im.style.width = '600px';
            eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
            eval("im.onclick = pop" + String(i) + ";");
            if (document.all) im.style.cursor = 'hand';
            if (!document.all) im.style.cursor = 'pointer';
            im.title = 'Click Here To See Image Full Size ';
         }
      }
   }
}

</script>

#
#-----[ OPEN ]------------------------------------------
#
styles/subsilver2/template/viewtopic_body.html
#
#-----[ FIND ]------------------------------------------
#
<!-- INCLUDE overall_header.html -->
#
#-----[ AFTER , ADD ]------------------------------------------
# note : you may change( 600px) to whatever you want

<script>
window.onload = resizeimg;
function resizeimg()
{
   if (document.getElementsByTagName)
   {
      for (i=0; i<document.getElementsByTagName('img').length; i++)
      {
         im = document.getElementsByTagName('img')[i];
         if (im.width > 600)
         {
            im.style.width = '600px';
            eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
            eval("im.onclick = pop" + String(i) + ";");
            if (document.all) im.style.cursor = 'hand';
            if (!document.all) im.style.cursor = 'pointer';
            im.title = 'Click Here To See Image Full Size ';
         }
      }
   }
}

</script>

#
#-----[ SAVE/CLOSE ALL FILES ]------------------------------------------
#
# EoM 

## For some style you may need to pruge the cashe from your ACP

bu kodlar modun tamamımı? tamamı ise bu kodun tüm sitelere uyması gerek

[Dn_35]

tabiki tamamı, lazımsa kullanabilirsin.

[RastaN]

çalışan güzel bir mod var zaten resime tıkladınmı büyütüyor, inceleyebilirisin

Bu modda resim yeni bir pencerede açılıyor ve burada üzerine tıklanınca büyüyor! Ve pencereyi sağ köşeden kapatmak durumunda kalıyoruz.

Durum bu mudur? Ben mi yanlış birşey yaptım?

1) Resimin gerçek ebadı kadar açılan bir pencerede resmi açan ve üzerine tıklanınca kapanmasını sağlayan kurulumu basit bir mod varmı şuan acaba?

2) Birde resimlere ve linklere tıklandığında forumdan çıkıyoruz, linke gidiyoruz! Lİnkin yeni bir sekmede açılması için ne yapmak gerekir?

Teşekkürler!

[nikolay]

çalışan güzel bir mod var zaten resime tıkladınmı büyütüyor, inceleyebilirisin

Easy Resize Posted Images

Kod: Tümünü seç

##############################################################
## MOD Title: Easy Resize Posted Images
## MOD Author: kber < webmaster@phpbbegypt.com > (kber) http://www.phpbbegypt.com
## MOD Description:  This MOD resizes images within the posts . Images resized are made
## clickable and openable in a popup in full-size.
## MOD Version: 1.1.2
## PHPBB versions: phpbb3 -( RC1 -> 3.0.2 )
## Installation Level: (Easy)
## Installation Time: 3 Minute
## Files To Edit:  styles/prosilver/template/viewtopic_body.html 
                         styles/subsilver2/template/viewtopic_body.html   
## Included Files:
## License: http://opensource.org/licenses/gpl-license.php GNU General Public License v2
##############################################################
## For security purposes, please check: http://www.phpbb.com/mods/
## for the latest version of this MOD. Although MODs are checked
## before being allowed in the MODs Database there is no guarantee
## that there are no security problems within the MOD. No support
## will be given for MODs not found within the MODs Database which
## can be found at http://www.phpbb.com/mods/
##############################################################
## Author Notes:
## Tested with phpbb3.0.0
##############################################################
## Before Adding This MOD To Your Forum, You Should Back Up All Files Related To This MOD
##############################################################
#
#-----[ OPEN ]------------------------------------------
#
styles/prosilver/template/viewtopic_body.html
#
#-----[ FIND ]------------------------------------------
#
          <!-- ELSE -->
         <strong>{L_FORUM_RULES}</strong><br />
         {FORUM_RULES}
      <!-- ENDIF -->

      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- ENDIF -->
#
#-----[ AFTER , ADD ]------------------------------------------
# note : you may change( 600px) to whatever you want

<script>
window.onload = resizeimg;
function resizeimg()
{
   if (document.getElementsByTagName)
   {
      for (i=0; i<document.getElementsByTagName('img').length; i++)
      {
         im = document.getElementsByTagName('img')[i];
         if (im.width > 600)
         {
            im.style.width = '600px';
            eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
            eval("im.onclick = pop" + String(i) + ";");
            if (document.all) im.style.cursor = 'hand';
            if (!document.all) im.style.cursor = 'pointer';
            im.title = 'Click Here To See Image Full Size ';
         }
      }
   }
}

</script>

#
#-----[ OPEN ]------------------------------------------
#
styles/subsilver2/template/viewtopic_body.html
#
#-----[ FIND ]------------------------------------------
#
<!-- INCLUDE overall_header.html -->
#
#-----[ AFTER , ADD ]------------------------------------------
# note : you may change( 600px) to whatever you want

<script>
window.onload = resizeimg;
function resizeimg()
{
   if (document.getElementsByTagName)
   {
      for (i=0; i<document.getElementsByTagName('img').length; i++)
      {
         im = document.getElementsByTagName('img')[i];
         if (im.width > 600)
         {
            im.style.width = '600px';
            eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
            eval("im.onclick = pop" + String(i) + ";");
            if (document.all) im.style.cursor = 'hand';
            if (!document.all) im.style.cursor = 'pointer';
            im.title = 'Click Here To See Image Full Size ';
         }
      }
   }
}

</script>

#
#-----[ SAVE/CLOSE ALL FILES ]------------------------------------------
#
# EoM 

## For some style you may need to pruge the cashe from your ACP

buradaki kodları tam olarak nereye kopyalıyoruz acaba anlatabilirmisin ?

[ramco29]

viewtopic.php?f=30&t=108 Mod kurulum makalesini okursanız ne kadar basit olduğunu göreceksiniz.

[matraxxx]

Bu mod İndexteki Banner ı da Yeniden Boyutlndırıp Küçültüyo
Bunu nasıl engelleyebiliriz yada engelleniyomu..

[akansu]

Bu mod İndexteki Banner ı da Yeniden Boyutlndırıp Küçültüyo
Bunu nasıl engelleyebiliriz yada engelleniyomu..

imageset.cfg içerisinden logoya boyut atayın:

Şöyle birşey :

Aç :
styles/kullandığım_tema/imageset/imageset.cfg

Bul :
img_site_logo = site_logo.png

Ve yaptığın logonun Boyutlarını belirt... Örnekler:

img_site_logo = site_logo.png*150*798
img_site_logo = site_logo.png*110*460

.... gibi

-----------
posting.php?mode=quote&f=34&p=81255#pr77447 şu cevapta belirtilen Easy Resize Posted Images modunun son hali şu şekildedir:

Kod: Tümünü seç

    ##############################################################
    ## MOD Title: Easy Resize Posted Images
    ## MOD Author: kber < webmaster@phpbbegypt.com > (kber) http://www.phpbbegypt.com
    ## MOD Description:  This MOD resizes images within the posts . Images resized are made
    ## clickable and openable in a popup in full-size.
    ## MOD Version: 1.1.2
    ## PHPBB versions: phpbb3 -( RC1 -> 3.0.2 )
    ## Installation Level: (Easy)
    ## Installation Time: 3 Minute
    ## Files To Edit:  styles/prosilver/template/viewtopic_body.html 
                             styles/subsilver2/template/viewtopic_body.html   
    ## Included Files:
    ## License: http://opensource.org/licenses/gpl-license.php GNU General Public License v2
    ##############################################################
    ## For security purposes, please check: http://www.phpbb.com/mods/
    ## for the latest version of this MOD. Although MODs are checked
    ## before being allowed in the MODs Database there is no guarantee
    ## that there are no security problems within the MOD. No support
    ## will be given for MODs not found within the MODs Database which
    ## can be found at http://www.phpbb.com/mods/
    ##############################################################
    ## Author Notes:
    ## Tested with phpbb3.0.0
    ##############################################################
    ## Before Adding This MOD To Your Forum, You Should Back Up All Files Related To This MOD
    ##############################################################
    #
    #-----[ OPEN ]------------------------------------------
    #
    styles/prosilver/template/viewtopic_body.html
    #
    #-----[ FIND ]------------------------------------------
    #
              <!-- ELSE -->
             <strong>{L_FORUM_RULES}</strong><br />
             {FORUM_RULES}
          <!-- ENDIF -->

          <span class="corners-bottom"><span></span></span></div>
       </div>
    <!-- ENDIF -->
    #
    #-----[ AFTER , ADD ]------------------------------------------
    # note : you may change( 600px) to whatever you want

    <script type="text/javascript">
    // <![CDATA[
    window.onload = resizeimg;
    function resizeimg()
    {
       if (document.getElementsByTagName)
       {
          for (i=0; i<document.getElementsByTagName('img').length; i++)
          {
             im = document.getElementsByTagName('img')[i];
             if (im.width > 600)
             {
                im.style.width = '600px';
                eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
                eval("im.onclick = pop" + String(i) + ";");
                if (document.all) im.style.cursor = 'hand';
                if (!document.all) im.style.cursor = 'pointer';
                im.title = 'Click Here To See Image Full Size ';
             }
          }
       }
    }
    // ]]>
    </script>

    #
    #-----[ OPEN ]------------------------------------------
    #
    styles/subsilver2/template/viewtopic_body.html
    #
    #-----[ FIND ]------------------------------------------
    #
    <!-- INCLUDE overall_header.html -->
    #
    #-----[ AFTER , ADD ]------------------------------------------
    # note : you may change( 600px) to whatever you want

    <script type="text/javascript">
    // <![CDATA[
    window.onload = resizeimg;
    function resizeimg()
    {
       if (document.getElementsByTagName)
       {
          for (i=0; i<document.getElementsByTagName('img').length; i++)
          {
             im = document.getElementsByTagName('img')[i];
             if (im.width > 600)
             {
                im.style.width = '600px';
                eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
                eval("im.onclick = pop" + String(i) + ";");
                if (document.all) im.style.cursor = 'hand';
                if (!document.all) im.style.cursor = 'pointer';
                im.title = 'Click Here To See Image Full Size ';
             }
          }
       }
    }
    // ]]>
    </script>

    #
    #-----[ SAVE/CLOSE ALL FILES ]------------------------------------------
    #
    # EoM 

    ## For some style you may need to pruge the cashe from your ACP

Kaynak: http://phpbbegypt.com/phpBB3/viewtopic.php?f=9&t=79

phpBB 3.0.4 ile uyumlu ayrıca XHTML kurallarına uygundur.. ( Botlardan giziliyor böylece uyumsuzluğu W3C Botu yakalayamıyor. Olsun farketmez )

[camfanus06]

Bu mod image sak dan veya başka bir resim yükle sitesinden yüklenen resimleride otomatik boyutlandırıyormu yoksa sadece siteye eklenti şeklinde yüklenen resimlerimi boyutlandırıyor.

[VSaBaH]

Bu mod image sak dan veya başka bir resim yükle sitesinden yüklenen resimleride otomatik boyutlandırıyormu yoksa sadece siteye eklenti şeklinde yüklenen resimlerimi boyutlandırıyor.

Merhaba,

İlk dediğiniz olmalı tabiki. Yani eklentiler zaten boyutlandırılıyor onların tekrar boyutlandırılmasına ihtiyaç yok ki?

[LiNuX]

Merhaba,
Denileni aynen yaptım (Temam Spring Time) ama eklediğim resimler halen orjinal boyutunda çıkıyor.
Yaptığım değişiklik şu:

Kod: Tümünü seç

#-----[ OPEN ]------------------------------------------
    #
    styles/subsilver2/template/viewtopic_body.html
    #
    #-----[ FIND ]------------------------------------------
    #
    <!-- INCLUDE overall_header.html -->
    #
    #-----[ AFTER , ADD ]------------------------------------------
    # note : you may change( 600px) to whatever you want

    <script type="text/javascript">
    // <![CDATA[
    window.onload = resizeimg;
    function resizeimg()
    {
       if (document.getElementsByTagName)
       {
          for (i=0; i<document.getElementsByTagName('img').length; i++)
          {
             im = document.getElementsByTagName('img')[i];
             if (im.width > 600)
             {
                im.style.width = '600px';
                eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
                eval("im.onclick = pop" + String(i) + ";");
                if (document.all) im.style.cursor = 'hand';
                if (!document.all) im.style.cursor = 'pointer';
                im.title = 'Click Here To See Image Full Size ';
             }
          }
       }
    }
    // ]]>
    </script>

[safir]

bende vira var, uyguladım çok güzel çalışıyor, yapanın eline sağlık.

[camfanus06]

prosilwer temamda bu kodlar yok neyapabilirim aceba. tema mavilim

Kod: Tümünü seç

#-----[ OPEN ]------------------------------------------
#
styles/prosilver/template/viewtopic_body.html
#
#-----[ FIND ]------------------------------------------
#
          <!-- ELSE -->
         <strong>{L_FORUM_RULES}</strong><br />
         {FORUM_RULES}
      <!-- ENDIF -->

      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- ENDIF -->
#

[irishpaddy]

bende de cok guzel calisti elinize saglik