phpBB România

Cod: Selectaţi tot

##############################################################
## 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