senin istediğin türde bir yardımda bulunamicam ama resimlerin sayfa düzenini bozmaması için mod kurabilirsin
rmw_jslib.js şeklinde bir dosya oluştur ve içine aşağıdaki kodları yazıp kaydet ve /templates klasörünün içine at
/*
"Resize Posted Images Based on Max Width" 2.4.5
A phpBB MOD originally created by Christian Fecteau.
This MOD is copyright (c) Christian Fecteau 2004-2005
This MOD is released under the Creative Commons licence:
http://creativecommons.org/licenses/by-nc-sa/2.0/
Read carefully this licence before making any use of my code.
Credits must be given with my full name (Christian Fecteau)
and a link to my portfolio: http://portfolio.christianfecteau.com/
Removal or alteration of this notice is strongly prohibited.
*/
// don't change anything below
function rmw_go()
{
var rmw_img_array = document.getElementsByTagName("IMG");
for (var i = 0; i < rmw_img_array.length; i++)
{
var rmw_img = rmw_img_array[i];
if (String(rmw_img.getAttribute('resizemod')) == 'on')
{
if (rmw_wait_for_width && rmw_img.width && !isNaN(rmw_img.width))
{
if (rmw_img.width > Number(rmw_max_width))
{
rmw_img.setAttribute('resizemod','off');
rmw_img.onload = null;
rmw_img.removeAttribute('onload');
var rmw_clone = rmw_img.cloneNode(false);
var rmw_parent = rmw_img.parentNode;
rmw_clone.setAttribute('width',String(rmw_max_width));
rmw_parent.replaceChild(rmw_clone,rmw_img);
rmw_make_pop(rmw_clone);
}
}
else if (!rmw_wait_for_width)
{
rmw_img.setAttribute('resizemod','off');
var rmw_clone = rmw_img.cloneNode(false);
rmw_img.onload = null;
rmw_img.removeAttribute('onload');
var rmw_parent = rmw_img.parentNode;
var rmw_ind = rmw_count++;
rmw_clone.setAttribute('resizemod',String(rmw_ind));
rmw_preload[rmw_ind] = new Image();
rmw_preload[rmw_ind].src = rmw_img.src;
if (window.showModelessDialog)
{
rmw_clone.style.margin = '2px';
}
rmw_clone.style.border = rmw_border_1;
rmw_clone.style.width = '28px';
rmw_parent.replaceChild(rmw_clone,rmw_img);
}
}
}
if (!rmw_over && document.getElementById('resizemod'))
{
rmw_over = true;
rmw_go();
}
else if (!rmw_over)
{
window.setTimeout('rmw_go()',2000);
}
}
function rmw_img_loaded(rmw_obj)
{
if (!document.getElementsByTagName || !document.createElement) {return;}
var rmw_att = String(rmw_obj.getAttribute('resizemod'));
var rmw_real_width = false;
if ((rmw_att != 'on') && (rmw_att != 'off'))
{
var rmw_index = Number(rmw_att);
if (rmw_preload[rmw_index].width)
{
rmw_real_width = rmw_preload[rmw_index].width;
}
}
else
{
rmw_obj.setAttribute('resizemod','off');
if (rmw_obj.width)
{
rmw_real_width = rmw_obj.width;
}
}
if (!rmw_real_width || isNaN(rmw_real_width) || (rmw_real_width <= 0))
{
var rmw_rand1 = String(rmw_count++);
eval("rmw_retry" + rmw_rand1 + " = rmw_obj;");
eval("window.setTimeout('rmw_img_loaded(rmw_retry" + rmw_rand1 + ")',2000);");
return;
}
if (rmw_real_width > Number(rmw_max_width))
{
if (window.showModelessDialog)
{
rmw_obj.style.margin = '2px';
}
rmw_make_pop(rmw_obj);
}
else if (!rmw_wait_for_width)
{
rmw_obj.style.width = String(rmw_real_width) + 'px';
rmw_obj.style.border = '0';
if (window.showModelessDialog)
{
rmw_obj.style.margin = '0px';
}
}
if (window.ActiveXObject) // IE on Mac and Windows
{
window.clearTimeout(rmw_timer1);
rmw_timer1 = window.setTimeout('rmw_refresh_tables()',10000);
}
}
function rmw_refresh_tables()
{
var rmw_tables = document.getElementsByTagName("TABLE");
for (var j = 0; j < rmw_tables.length; j++)
{
rmw_tables[j].refresh();
}
}
function rmw_make_pop(rmw_ref)
{
rmw_ref.style.border = rmw_border_2;
rmw_ref.style.width = String(rmw_max_width) + 'px';
if (!window.opera)
{
rmw_ref.onclick = function()
{
if (!rmw_pop.closed)
{
rmw_pop.close();
}
rmw_pop = window.open('about:blank','christianfecteaudotcom',rmw_pop_features);
rmw_pop.resizeTo(window.screen.availWidth,window.screen.availHeight);
rmw_pop.moveTo(0,0);
rmw_pop.focus();
rmw_pop.location.href = this.src;
}
}
else
{
var rmw_rand2 = String(rmw_count++);
eval("rmw_pop" + rmw_rand2 + " = new Function(\"rmw_pop = window.open('" + rmw_ref.src + "','christianfecteaudotcom','" + rmw_pop_features + "'); if (rmw_pop) {rmw_pop.focus();}\")");
eval("rmw_ref.onclick = rmw_pop" + rmw_rand2 + ";");
}
document.all ? rmw_ref.style.cursor = 'hand' : rmw_ref.style.cursor = 'pointer';
rmw_ref.title = rmw_image_title;
if (window.showModelessDialog)
{
rmw_ref.style.margin = '0px';
}
}
if (document.getElementsByTagName && document.createElement) // W3C DOM browsers
{
rmw_preload = new Array();
if (window.GeckoActiveXObject || window.showModelessDialog) // Firefox, NN7.1+, and IE5+ for Win
{
rmw_wait_for_width = false;
}
else
{
rmw_wait_for_width = true;
}
rmw_pop_features = 'top=0,left=0,width=' + String(window.screen.width-80) + ',height=' + String(window.screen.height-190) + ',scrollbars=1,resizable=1';
rmw_over = false;
rmw_count = 1;
rmw_timer1 = null;
if (!window.opera)
{
rmw_pop = new Object();
rmw_pop.closed = true;
rmw_old_onunload = window.onunload;
window.onunload = function()
{
if (rmw_old_onunload)
{
rmw_old_onunload();
rmw_old_onunload = null;
}
if (!rmw_pop.closed)
{
rmw_pop.close();
}
}
}
window.setTimeout('rmw_go()',2000);
}daha sonra da aşağıdaki modu kur.. mesajlardaki büyük resimlerin boyutunu otomatik küçültecektir..
##############################################################
## MOD Title: Resize Posted Images Based on Max Width
## MOD Author: spooky2280 < webmaster@christianfecteau.com > (Christian Fecteau) http://portfolio.christianfecteau.com/
## MOD Description: This MOD resizes images within posts to make it so they don't break your layout. Images resized are made
## clickable and openable in a popup in full-size. You can specify a different max width for each of your themes.
## Images that do not exceed the max width are left as is. See the MOD in action: http://christianfecteau.com/rmw
##
## MOD Version: 2.4.5
##
## Installation Level: Easy
## Installation Time: 5 Minutes (1 minute with EasyMod)
##
## Files To Edit: 7
## templates/subSilver/bbcode.tpl
## templates/subSilver/overall_header.tpl
## templates/subSilver/overall_footer.tpl
## templates/subSilver/simple_header.tpl
## templates/subSilver/simple_footer.tpl
## includes/page_header.php
## language/lang_english/lang_main.php
##
## Included Files: 1
## templates/rmw_jslib.js
##
##############################################################
## For Security Purposes, Please Check: http://www.phpbb.com/mods/ for the
## latest version of this MOD. Downloading this MOD from other sites could cause malicious code
## to enter into your phpBB Forum. As such, phpBB will not offer support for MOD's not offered
## in our MOD-Database, located at: http://www.phpbb.com/mods/
##############################################################
## Author Notes:
##
## This MOD uses Javascript and works in all W3C DOM browsers:
## NN6+, IE5+, Mozilla/Firefox/Camino, Safari, Opera7+, etc.
##
## To set a different max width than the 400 pixels default one:
## 1. OPEN overall_header.tpl and simple_header.tpl in templates/subSilver/
## 2. FIND rmw_max_width = 400
## 3. CHANGE 400 to the width in pixels that you want for this template
## 4. REPEAT steps 1 to 3 for each of your other templates (if any)
##
## Don't forget to edit all your templates and languages in addition to subSilver and lang_english
##
##############################################################
## MOD History:
##
## 2005-01-18 - Version 2.4.5
## - Files with changes from 2.4.4 to 2.4.5:
## - templates/rmw_jslib.js
## - I forgot to remove a line (124) in the js file that was there for testing purposes only:
## rmw_obj.setAttribute('resizemod','over');
## This can cause a bug if for some reason the onload event fires twice. A user reported
## a situation where it happens and I was able to force the bug, so... line's deleted now!
##
## 2005-01-17 - Version 2.4.4
## - Files with changes from 2.4.3 to 2.4.4:
## - templates/rmw_jslib.js
## - The maximized feature for the popup introduced in 2.4.3 was causing
## permission problem. If the popup stayed opened while the location of
## the opener changed or only refreshed, the opener was losing access
## permission to the popup. To fix it, the popup is now closed onunload
## of the opener.
##
## 2005-01-13 - Version 2.4.3
## - Files with changes from 2.4.2 to 2.4.3:
## - templates/rmw_jslib.js
## - Now the popup window is maximized automatically, except in Opera
## - Added a MOD file for the "File Attachment" MOD
##
## 2005-01-01 - Version 2.4.2
## - Files with changes from 2.4.1 to 2.4.2:
## - templates/rmw_jslib.js
## - A bug with IE and only with my machine is fixed. Nobody reported it, but
## whatever, I fixed it on my machine. :-) You can read about it at:
## http://www.christianfecteau.com/phpBB2/viewtopic.php?t=23
## - Changed the FIND for overall_header.tpl because the previous one would have failed
## with EasyMod and the Subza theme.
## - The popup is now larger. Its width and height are relative to screen resolution
## - Added a link to the demo in the MOD Description.
##
## 2004-12-14 - Version 2.4.1
## - Files with changes from 2.4.0 to 2.4.1:
## - templates/subSilver/overall_header.tpl
## - templates/subSilver/simple_header.tpl
## - templates/rmw_jslib.js
## - Fixed a bug related to node cloning and multiple firing of the
## same onload event. Upgrade to 2.4.1 is strongly recommended.
## - As a result of this bug being fixed, newer Geckos (Firefox, NN7.1, etc.) can
## now run the MOD flawlessly with the same dynamic method used with IE5+ Windows.
## - Script performance improved, with even less CPU usage.
##
## 2004-11-28 - Version 2.4.0
## - Went back to waiting for the width in all browsers except IE5+ Windows
## which is the only browser that passed all my intensive tests. All the
## other browsers have a bug of some sort with the method of resizing before
## knowing the width, even Firefox. They are not serious bugs, but that was
## enough to make me drop the dynamic method I'm using flawlessly with IE5+.
## - Now (for IE5+ Windows) images downloading are represented as little
## {T_BODY_TEXT} border color squares until they're downloaded. The
## reason for this is that I'm resizing all images before knowing their
## width (either they're too large or not). And if they're not too large,
## I'm resizing to their real width onload of each image. But if someone
## posts a broken link for an image, the onload event will never fire and
## the image will remain the size I made it before knowing its width. So
## if someone posts a bunch of non-exisiting images on the same line and
## if I'm resizing them to the max width allowed before knowing that they
## don't even exist, then the onload event for these non-existing images
## will never fire and the screen width will be huge. Si I'm resizing every
## image to the width of the square for broken images: 28 pixels. And onload
## of the real images, pop!!! they're resized to their real width or to the
## max allowed width if their real width is higher. And the broken images
## stay at 28 pixels wide.
## - I've put the Javascript in an external file and left only the strict minimum
## in the templates, to save bandwidth.
## - Changed the value of the timer to 2 seconds. Less CPU usage.
## - Tweaked a few other things to make the script faster.
##
## 2004-11-25 - Version 2.3.0 (beta)
## - Added a <div style="display:none" id="resizemod"></div> right before
## the closing body tag so the script knows the exact moment when to stop
## scanning for images.
## - Changed the value of the timer from 1 milisecond to 1 second: Less CPU
## usage and the difference is negligible. Seeing an horizontal scrollar
## during 1 second is not the end of the world.
## - For Opera, I've gone back to the method of waiting to know the width
## and resizing only the images that need to. Opera was failing to resize
## down images with a width samller than the max width.
## - Now the border is drawn around the image before it is loaded so users
## know that an image is coming into that blank space.
##
## 2004-11-24 - Version 2.2.0 (beta)
## - Another major improvement: now images are scaled whether their width is
## known or not. So there is definitely no horizontal scrollbar at all.
## It still works in all W3C DOM browsers but I think IE is way better
## than the other browsers for this MOD. Now large images are made clickable
## only once they're loaded. It was useless to make them clickable before
## completion of download. Thanks to Avochelm for the idea of resizing
## before the width is known. It was a real puzzle to make it work though!
##
## 2004-11-23 - Version 2.0.0 (beta)
## - Major change: Images are scaled down right as the page is displayed,
## and huge images are now downloaded slowly in their tiny container
## while users browse the forum with its regular layout width. The browser
## needs to connect to servers for getting images' width, so after a certain
## time, if the connection is still not made, the script terminates. Then
## onload of the image a different function is called to resize it if the
## previous function failed to do it at runtime.
## - Images resized get a 2px dotted {T_BODY_LINK} color
## - Dropped 'longdesc' for a made-up attribute: 'resizemod'. 'longdesc' was
## too buggy cause browsers handle it like a URI.
## - MOD syntax improved for EasyMod
## - Looking for <!-- END switch_enable_pm_popup --> in overall_header.tpl
## instead of </head> because some styles (like Chairs) don't have a
## closing HEAD tag.
##
## 2004-11-20 - Version 1.1.0
## - Added comments in the code to identify the MOD
## - Made use of $lang var so that it will work with multiple languages
## - Tested with EasyMod v0.1.13 and phpBB 2.0.11
##
## 2004-11-13 - Version 1.0.1
## - Changed variables' names:
## They were too common and could have conflicted with other scripts.
## - Removed slashes from comments to avoid possible bug with /*/
##
## 2004-11-12 - Version 1.0.0
## - initial release phpBB2 ver 2.0.10
##
##############################################################
## Before Adding This MOD To Your Forum, You Should Back Up All Files Related To This MOD
##############################################################
#
#-----[ COPY ]------------------------------------------
#
copy templates/rmw_jslib.js to templates/rmw_jslib.js
#
#-----[ OPEN ]------------------------------------------
#
templates/subSilver/bbcode.tpl
#
#-----[ FIND ]------------------------------------------
#
# around line 56
#
<!-- BEGIN img -->
#
#-----[ IN-LINE FIND ]------------------------------------------
#
<img
#
#-----[ IN-LINE AFTER, ADD ]------------------------------------------
#
# should look like: <img resizemod="on" onload="rmw_img_loaded(this)" src="{URL}" border="0" />
#
resizemod="on" onload="rmw_img_loaded(this)"
#
#-----[ OPEN ]------------------------------------------
#
templates/subSilver/overall_header.tpl
#
#-----[ FIND ]------------------------------------------
#
# around line 212
#
<!-- BEGIN switch_enable_pm_popup -->
#
#-----[ BEFORE, ADD ]------------------------------------------
#
<!-- start mod : Resize Posted Images Based on Max Width -->
<script type="text/javascript">
//<![CDATA[
<!--
var rmw_max_width = 400; // you can change this number, this is the max width in pixels for posted images
var rmw_border_1 = '1px solid {T_BODY_LINK}';
var rmw_border_2 = '2px dotted {T_BODY_LINK}';
var rmw_image_title = '{L_RMW_IMAGE_TITLE}';
//-->
//]]>
</script>
<script type="text/javascript" src="{U_RMW_JSLIB}"></script>
<!-- fin mod : Resize Posted Images Based on Max Width -->
#
#-----[ OPEN ]------------------------------------------
#
templates/subSilver/overall_footer.tpl
#
#-----[ FIND ]------------------------------------------
#
</body
#
#-----[ BEFORE, ADD ]------------------------------------------
#
<div style="display:none" id="resizemod"></div>
#
#-----[ OPEN ]------------------------------------------
#
templates/subSilver/simple_header.tpl
#
#-----[ FIND ]------------------------------------------
#
# around line 234
#
</head
#
#-----[ BEFORE, ADD ]------------------------------------------
#
<!-- start mod : Resize Posted Images Based on Max Width -->
<script type="text/javascript">
//<![CDATA[
<!--
var rmw_max_width = 400; // this max width is used in the Topic Review iframe when posting
var rmw_border_1 = '1px solid {T_BODY_LINK}';
var rmw_border_2 = '2px dotted {T_BODY_LINK}';
var rmw_image_title = '{L_RMW_IMAGE_TITLE}';
//-->
//]]>
</script>
<script type="text/javascript" src="{U_RMW_JSLIB}"></script>
<!-- fin mod : Resize Posted Images Based on Max Width -->
#
#-----[ OPEN ]------------------------------------------
#
templates/subSilver/simple_footer.tpl
#
#-----[ FIND ]------------------------------------------
#
</body
#
#-----[ BEFORE, ADD ]------------------------------------------
#
<div style="display:none" id="resizemod"></div>
#
#-----[ OPEN ]------------------------------------------
#
includes/page_header.php
#
#-----[ FIND ]------------------------------------------
#
# around line 361
#
'L_WHOSONLINE_MOD'
#
#-----[ AFTER, ADD ]------------------------------------------
#
//-- start mod : Resize Posted Images Based on Max Width ----------------------------------
'L_RMW_IMAGE_TITLE' => $lang['rmw_image_title'],
'U_RMW_JSLIB' => $phpbb_root_path . 'templates/rmw_jslib.js',
//-- fin mod : Resize Posted Images Based on Max Width ------------------------------------
#
#-----[ OPEN ]------------------------------------------
#
language/lang_english/lang_main.php
#
#-----[ FIND ]------------------------------------------
#
# around line 163
#
$lang['Moderator']
#
#-----[ BEFORE, ADD ]------------------------------------------
#
$lang['rmw_image_title'] = 'Tam boyutlarını görmek için tıklayın'; // mod : Resize Posted Images Based on Max Width
#
#-----[ SAVE/CLOSE ALL FILES ]------------------------------------------
#
# EoM