[Beta] Easy Resize Posted Images - phpbb3.0.x

A place for MOD Authors to post and receive feedback on MODs still in development. No MODs within this forum should be used within a live environment!
Get Involved
Locked
User avatar
kber
Registered User
Posts: 986
Joined: Sun May 07, 2006 9:22 am
Location: Egypt
Contact:

Re: [Beta] Easy Resize Posted Images - phpbb3.0.0

Post by kber » Tue Jan 08, 2008 12:29 am

you need to review this topic well , the answer in somwhere here ;)
Hello All

User avatar
Sr X
Registered User
Posts: 202
Joined: Wed Feb 07, 2007 9:25 am

Re: [Beta] Easy Resize Posted Images - phpbb3.0.0

Post by Sr X » Tue Jan 08, 2008 4:10 pm

kber wrote:
Sr X wrote:with this mod install in phpBB 3.0.0 gold is this problem to the forum will be valid w3c xhtml 1.0 strict?
I.m not tested this :?
with this code your mod will be valid to w3c xhtml 1.0 strict (prosilver style)

Code: Select all

<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>
*note : you may change( 600px) to whatever you want

middius
Registered User
Posts: 23
Joined: Sat Jul 08, 2006 9:52 am

Re: [Beta] Easy Resize Posted Images - phpbb3.0.0

Post by middius » Tue Jan 08, 2008 4:33 pm

please kber can you help me? i have phpbb3 gold, with Milky Way and the mod don't work whith FF and IE6...
this is the viewtopic_body.html

Code: Select all

<!-- INCLUDE overall_header.html -->

<!-- INCLUDE breadcrumbs.html -->
<br />

<!-- IF S_FORUM_RULES -->
	<div class="forumrules">
		<!-- IF U_FORUM_RULES -->
			<h3>{L_FORUM_RULES}</h3><br />
			<a href="{U_FORUM_RULES}"><b>{L_FORUM_RULES_LINK}</b></a>
		<!-- ELSE -->
			<h3>{L_FORUM_RULES}</h3><br />
			{FORUM_RULES}
		<!-- ENDIF -->
	</div>

	<br clear="all" />
<!-- ENDIF -->

<div id="pageheader">
	<h2><a class="titles" href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a></h2>

<!-- IF MODERATORS -->
	<p class="moderators"><!-- IF S_SINGLE_MODERATOR -->{L_MODERATOR}<!-- ELSE -->{L_MODERATORS}<!-- ENDIF -->: {MODERATORS}</p>
<!-- ENDIF -->
<!-- IF U_MCP -->
	<p class="linkmcp">[ <a href="{U_MCP}">{L_MCP}</a> ]</p>
<!-- ENDIF -->
</div>

<br clear="all" /><br />



<div id="pagecontent">

	<table width="100%" cellspacing="1">
	<tr>
		<td align="{S_CONTENT_FLOW_BEGIN}" valign="middle" nowrap="nowrap">
		<!-- IF not S_IS_BOT -->
			<!-- IF S_DISPLAY_POST_INFO --><a href="{U_POST_NEW_TOPIC}">{POST_IMG}</a>&nbsp;<!-- ENDIF -->
			<!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a><!-- ENDIF -->
		<!-- ENDIF -->
		</td>
		<!-- IF TOTAL_POSTS -->
			<td class="nav" valign="middle" nowrap="nowrap">&nbsp;{PAGE_NUMBER}<br /></td>
			<td class="gensmall" nowrap="nowrap">&nbsp;[ {TOTAL_POSTS} ]&nbsp;</td>
			<td class="gensmall" width="100%" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><!-- INCLUDE pagination.html --></td>
		<!-- ENDIF -->
	</tr>
	</table>

	<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title"><h4><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a></h4></div></div></div></div>
	<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
	<tr>
		<td class="cat">
			<table width="100%" cellspacing="0">
			<tr>
				<td class="nav" nowrap="nowrap">&nbsp;
				<!-- IF not S_IS_BOT -->
					<!-- IF U_WATCH_TOPIC --><img src="{T_IMAGESET_PATH}/post_page_find.png" alt="{L_WATCH_TOPIC}" style="vertical-align:middle;" />&nbsp;<a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a><!-- IF U_PRINT_TOPIC or U_EMAIL_TOPIC or U_BUMP_TOPIC or U_BOOKMARK_TOPIC -->&nbsp;|&nbsp;<!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_BOOKMARK_TOPIC --><img src="{T_IMAGESET_PATH}/post_book.png" alt="{L_BOOKMARK_TOPIC}" style="vertical-align:middle;" />&nbsp;<a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}">{L_BOOKMARK_TOPIC}</a><!-- IF U_PRINT_TOPIC or U_EMAIL_TOPIC or U_BUMP_TOPIC -->&nbsp;|&nbsp;<!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_PRINT_TOPIC --><img src="{T_IMAGESET_PATH}/post_print.png" alt="{L_PRINT_TOPIC}" style="vertical-align:middle;" />&nbsp;<a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}">{L_PRINT_TOPIC}</a><!-- IF U_EMAIL_TOPIC or U_BUMP_TOPIC -->&nbsp;|&nbsp;<!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_EMAIL_TOPIC --><img src="{T_IMAGESET_PATH}/post_email.png" alt="{L_EMAIL_TOPIC}" style="vertical-align:middle;" />&nbsp;<a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}">{L_EMAIL_TOPIC}</a><!-- IF U_BUMP_TOPIC -->&nbsp;|&nbsp;<!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_BUMP_TOPIC --><img src="{T_IMAGESET_PATH}/post_asterisk.png" alt="{L_BUMP_TOPIC}" style="vertical-align:middle;" />&nbsp;<a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}">{L_BUMP_TOPIC}</a><!-- ENDIF -->
				<!-- ENDIF -->
				</td>
				<td class="nav" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><img src="{T_IMAGESET_PATH}/post_previous.png" alt="{L_VIEW_PREVIOUS_TOPIC}" style="vertical-align:middle;" />&nbsp;<a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a><!-- IF U_VIEW_UNREAD_POST and not S_IS_BOT -->&nbsp;|&nbsp;<img src="{T_IMAGESET_PATH}/post_new.png" alt="{L_VIEW_UNREAD_POST}" style="vertical-align:middle;" />&nbsp;<a href="{U_VIEW_UNREAD_POST}">{L_VIEW_UNREAD_POST}</a><!-- ENDIF -->&nbsp;|&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<img src="{T_IMAGESET_PATH}/post_next.png" alt="{L_VIEW_NEXT_TOPIC}" style="vertical-align:middle;" /></td>
			</tr>
			</table>
		</td>
	</tr>
<!-- IF S_HAS_POLL -->
	<tr>
		<td class="row2" align="center"><br clear="all" />

			<form method="post" action="{S_POLL_ACTION}">

			<table align="center" cellpadding="4" cellspacing="0" border="0">
			<tr><td align="center"><span class="gen"><b>{POLL_QUESTION}</b></span><br /><span class="gensmall">{L_POLL_LENGTH}</span></td></tr>
			<tr>
				<td align="{S_CONTENT_FLOW_BEGIN}">
					<table cellpadding="2" cellspacing="0" border="0">
				<!-- BEGIN poll_option -->
					<tr>
					<!-- IF S_CAN_VOTE -->
						<td>
							<!-- IF S_IS_MULTI_CHOICE -->
								<input type="checkbox" class="radio" name="vote_id[]" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> />
							<!-- ELSE -->
								<input type="radio" class="radio" name="vote_id[]" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> />
							<!-- ENDIF -->
						</td>
					<!-- ENDIF -->
						<td><span class="gen">{poll_option.POLL_OPTION_CAPTION}</span></td>
						<!-- IF S_DISPLAY_RESULTS -->
							<td dir="ltr">{POLL_LEFT_CAP_IMG}{poll_option.POLL_OPTION_IMG}{POLL_RIGHT_CAP_IMG}</td>
							<td class="gen" align="{S_CONTENT_FLOW_END}"><b>&nbsp;{poll_option.POLL_OPTION_PERCENT}&nbsp;</b></td>
							<td class="gen" align="center">[ {poll_option.POLL_OPTION_RESULT} ]</td>
							<!-- IF poll_option.POLL_OPTION_VOTED -->
								<td class="gensmall" valign="top"><b title="{L_POLL_VOTED_OPTION}">x</b></td>
							<!-- ENDIF -->
						<!-- ENDIF -->
					</tr>
				<!-- END poll_option -->
					</table>
				</td>
			</tr>
		<!-- IF S_CAN_VOTE -->
			<tr><td align="center"><span class="gensmall">{L_MAX_VOTES}</span><br /><br /><input type="submit" name="update" value="{L_SUBMIT_VOTE}" class="btnlite" /></td></tr>
		<!-- ENDIF -->
		<!-- IF S_DISPLAY_RESULTS -->
			<tr><td class="gensmall" colspan="4" align="center"><b>{L_TOTAL_VOTES} : {TOTAL_VOTES}</b></td></tr>
		<!-- ELSE -->
			<tr><td align="center"><span class="gensmall"><b><a href="{U_VIEW_RESULTS}">{L_VIEW_RESULTS}</a></b></span></td></tr>
		<!-- ENDIF -->
			</table>
			{S_HIDDEN_FIELDS}

			</form>

		</td>
	</tr>
<!-- ENDIF -->
	</table>
	<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>

<!-- BEGIN postrow -->
	<!-- IF postrow.S_FIRST_ROW -->
	<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title"><h4><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a></h4></div></div></div></div>
	<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
		<tr>
			<th>{L_AUTHOR}</th>
			<th>{L_MESSAGE}</th>
		</tr>
	<!-- ENDIF -->
	<tr>
	<!-- IF postrow.S_IGNORE_POST -->
			<td class="row-post-top" valign="top" colspan="2" align="center"><span class="gensmall"><!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>{postrow.L_IGNORE_POST}</span></td>
	<!-- ELSE -->
			<td class="row-post-top" align="center" valign="middle">
				<!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>
				<b class="postauthor"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color:{postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->>{postrow.POST_AUTHOR}</b>
			</td>
			<td class="row-post-top" width="100%">
				<table width="100%" cellspacing="0">
				<tr>
				<!-- IF postrow.POST_ICON_IMG -->
					<td><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" title="" /></td>
				<!-- ENDIF -->
					<td class="gensmall" width="100%"><div style="float:{S_CONTENT_FLOW_BEGIN};">&nbsp;<b>{L_POST_SUBJECT}:</b> {postrow.POST_SUBJECT}</div><div style="float:{S_CONTENT_FLOW_END};"><!-- IF S_IS_BOT -->&nbsp;{postrow.MINI_POST_IMG}&nbsp;<!-- ELSE -->&nbsp;<a href="{postrow.U_MINI_POST}">{postrow.MINI_POST_IMG}</a>&nbsp;<!-- ENDIF --><b>{L_POSTED}:</b> {postrow.POST_DATE}&nbsp;</div></td>
				</tr>
				</table>
			</td>
		</tr>

		<tr>
			<td class="row-post-body" valign="top">
				<table cellspacing="4" align="center" width="150">
			<!-- IF postrow.ONLINE_IMG -->
				<tr><td>{postrow.ONLINE_IMG}</td></tr>
			<!-- ENDIF -->
			<!-- IF postrow.RANK_TITLE -->
				<tr><td class="postdetails">{postrow.RANK_TITLE}</td></tr>
			<!-- ENDIF -->
			<!-- IF postrow.RANK_IMG -->
				<tr><td>{postrow.RANK_IMG}</td></tr>
			<!-- ENDIF -->
			<!-- IF postrow.POSTER_AVATAR -->
				<tr><td>{postrow.POSTER_AVATAR}</td></tr>
			<!-- ENDIF -->
			<!-- IF S_QR_ACTIVE -->
							<!-- IF S_QR_COLOR_NICK -->
								<!-- IF postrow.POST_AUTHOR_COLOUR -->
								<a href="#" onclick="insert_text('[b][color={postrow.POST_AUTHOR_COLOUR}]{postrow.POST_AUTHOR}[/color][/b], ', true, false); return false;"><span style="color: {postrow.POST_AUTHOR_COLOUR};" class="username-coloured">{postrow.POST_AUTHOR}</span></a>
								<!-- ELSE -->
								<a href="#" onclick="insert_text('[b]{postrow.POST_AUTHOR}[/b], ', true, false); return false;"><span style="color: {postrow.POST_AUTHOR_COLOUR};" class="username-coloured">{postrow.POST_AUTHOR}</span></a>
								<!-- ENDIF -->
							<!-- ELSE -->
								<a href="#" onclick="insert_text('[b]{postrow.POST_AUTHOR}[/b], ', true, false); return false;"><span style="color: {postrow.POST_AUTHOR_COLOUR};" class="username-coloured">{postrow.POST_AUTHOR}</span></a>
							<!-- ENDIF -->
						<!-- ELSE -->
							{postrow.POST_AUTHOR_FULL}
						<!-- ENDIF -->

				</table>

				<span class="postdetails">
					<!-- IF postrow.POSTER_JOINED --><br /><b>{L_JOINED}:</b> {postrow.POSTER_JOINED}<!-- ENDIF -->
					<!-- IF postrow.POSTER_POSTS != '' --><br /><b>{L_POSTS}:</b> {postrow.POSTER_POSTS}<!-- ENDIF -->
					<!-- IF postrow.POSTER_FROM --><br /><b>{L_LOCATION}:</b> {postrow.POSTER_FROM}<!-- ENDIF -->

					<!-- IF postrow.S_PROFILE_FIELD1 -->
						<!-- Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
						<br /><b>{postrow.PROFILE_FIELD1_NAME}:</b> {postrow.PROFILE_FIELD1_VALUE}
					<!-- ENDIF -->

					<!-- BEGIN custom_fields -->
						<br /><b>{postrow.custom_fields.PROFILE_FIELD_NAME}:</b> {postrow.custom_fields.PROFILE_FIELD_VALUE}
					<!-- END custom_fields -->
				</span>

			</td>
			<td class="row-post-body" valign="top">
				<table width="100%" cellspacing="5">
				<tr>
					<td>
					<!-- IF postrow.S_POST_UNAPPROVED or postrow.S_POST_REPORTED -->
						<table width="100%" cellspacing="0">
						<tr>
							<td class="gensmall"><!-- IF postrow.S_POST_UNAPPROVED --><span class="postapprove">{UNAPPROVED_IMG} <a href="{postrow.U_MCP_APPROVE}">{L_POST_UNAPPROVED}</a></span> <!-- ENDIF --> <!-- IF postrow.S_POST_REPORTED --><span class="postreported">{REPORTED_IMG} <a href="{postrow.U_MCP_REPORT}">{L_POST_REPORTED}</a></span><!-- ENDIF --></td>
						</tr>
						</table>

						<br clear="all" />
					<!-- ENDIF -->

						<div class="postbody">{postrow.MESSAGE}</div>

					<!-- IF postrow.S_HAS_ATTACHMENTS -->
						<br clear="all" /><br />

						<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
						<tr><td class="row3"><b class="genmed">{L_ATTACHMENTS}: </b></td></tr>
						<!-- BEGIN attachment -->
							<tr>
								<!-- IF postrow.attachment.S_ROW_COUNT is even --><td class="row2"><!-- ELSE --><td class="row1"><!-- ENDIF -->{postrow.attachment.DISPLAY_ATTACHMENT}</td>
							</tr>
						<!-- END attachment -->
						</table>
					<!-- ENDIF -->

					<!-- IF postrow.S_DISPLAY_NOTICE -->
						<span class="gensmall error"><br /><br />{L_DOWNLOAD_NOTICE}</span>
					<!-- ENDIF -->
					<!-- IF postrow.SIGNATURE -->
						<div class="postbody"><br />_________________<br />{postrow.SIGNATURE}</div>
					<!-- ENDIF -->

					<!-- IF postrow.EDITED_MESSAGE or postrow.EDIT_REASON -->
						<!-- IF postrow.EDIT_REASON -->
							<br /><br />
							<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
							<tr><td class="row3"><span class="gensmall">{postrow.EDITED_MESSAGE}</span></td></tr>
							<tr><td class="row2"><span class="genmed">{postrow.EDIT_REASON}</span></td></tr>
							</table>
						<!-- ELSE -->
							<br /><br />
							<span class="gensmall">{postrow.EDITED_MESSAGE}</span>
						<!-- ENDIF -->
					<!-- ENDIF -->

					<!-- IF postrow.BUMPED_MESSAGE -->
						<span class="gensmall">{postrow.BUMPED_MESSAGE}</span>
					<!-- ENDIF -->

					<!-- IF not postrow.S_HAS_ATTACHMENTS --><br clear="all" /><br /><!-- ENDIF -->

						<table width="100%" cellspacing="0">
						<tr valign="middle">
							<td class="gensmall" align="{S_CONTENT_FLOW_END}">
							<!-- IF not S_IS_BOT -->
								<!-- IF postrow.U_REPORT --><a href="{postrow.U_REPORT}"><img src="{T_IMAGESET_PATH}/post_exclamation.png" alt="{L_REPORT_POST}" title="{L_REPORT_POST}" /></a> <!-- ENDIF -->
								<!-- IF postrow.U_INFO --><a href="{postrow.U_INFO}"><img src="{T_IMAGESET_PATH}/post_information.png" alt="{L_VIEW_INFO}" title="{L_VIEW_INFO}" /></a> <!-- ENDIF -->
								<!-- IF postrow.U_WARN --><a href="{postrow.U_WARN}"><img src="{T_IMAGESET_PATH}/post_warning.png" alt="{L_WARN_USER}" title="{L_WARN_USER}" /></a> <!-- ENDIF -->
							<!-- ENDIF -->
							</td>
						</tr>
						</table>
					</td>
				</tr>
				</table>
			</td>
		</tr>

		<tr>
			<td class="row-post-bottom" align="center"><a href="#top"><img src="{T_IMAGESET_PATH}/arrow_up.{$MG_BUTTONS_EXTENSION}" alt="{L_BACK_TO_TOP}" title="{L_BACK_TO_TOP}" /></a>&nbsp;<a href="#bottom"><img src="{T_IMAGESET_PATH}/arrow_down.{$MG_BUTTONS_EXTENSION}" alt="" title="" /></a></td>
			<td class="row-post-bottom"><div class="gensmall" style="float:{S_CONTENT_FLOW_BEGIN};">&nbsp;<!-- IF postrow.U_PROFILE --><a href="{postrow.U_PROFILE}">{PROFILE_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_PM --><a href="{postrow.U_PM}">{PM_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_EMAIL --><a href="{postrow.U_EMAIL}">{EMAIL_IMG}</a> <!-- ENDIF -->&nbsp;</div> <div class="gensmall" style="float: {S_CONTENT_FLOW_END};"><!-- IF not S_IS_BOT --><!-- IF postrow.U_DELETE --><a href="{postrow.U_DELETE}">{DELETE_IMG}</a> <!-- ENDIF --><!-- IF postrow.U_EDIT --><a href="{postrow.U_EDIT}">{EDIT_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_QUOTE --><a href="{postrow.U_QUOTE}">{QUOTE_IMG}</a> <!-- ENDIF --> <!-- ENDIF -->&nbsp;</div></td>
		</tr>

	<!-- ENDIF -->

	<tr><td class="spacer" colspan="2"><img src="{T_THEME_PATH}/images/spacer.gif" width="1" height="4" alt="" /></td></tr>
<!-- END postrow -->
	<tr><td class="cat-bottom" colspan="2"><form name="viewtopic" method="post" action="{S_TOPIC_ACTION}"><span class="gensmall">{L_DISPLAY_POSTS}:</span> {S_SELECT_SORT_DAYS}&nbsp;<span class="gensmall">{L_SORT_BY}</span> {S_SELECT_SORT_KEY} {S_SELECT_SORT_DIR}&nbsp;<input class="btnlite" type="submit" value="{L_GO}" name="sort" /></form></td></tr>
	</table>
	<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>

	<table width="100%" cellspacing="1">
	<tr>
		<td align="{S_CONTENT_FLOW_BEGIN}" valign="middle" nowrap="nowrap">
		<!-- IF not S_IS_BOT -->
			<!-- IF S_DISPLAY_POST_INFO --><a href="{U_POST_NEW_TOPIC}">{POST_IMG}</a>&nbsp;<!-- ENDIF -->
			<!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a><!-- ENDIF -->
		<!-- ENDIF -->
		</td>
		<!-- IF TOTAL_POSTS -->
			<td class="nav" valign="middle" nowrap="nowrap">&nbsp;{PAGE_NUMBER}<br /></td>
			<td class="gensmall" nowrap="nowrap">&nbsp;[ {TOTAL_POSTS} ]&nbsp;</td>
			<td class="gensmall" width="100%" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><!-- INCLUDE pagination.html --></td>
		<!-- ENDIF -->
	</tr>
	</table>

</div>

<div id="pagefooter"></div>

<br clear="all" />

	<!-- INCLUDE quickreply_body.html -->

<!-- INCLUDE breadcrumbs.html -->

<!-- IF S_DISPLAY_ONLINE_LIST -->
	<br clear="all" />

	<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title"><h4>{L_WHO_IS_ONLINE}</h4></div></div></div></div>
	<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
	<tr><td class="row1"><p class="gensmall">{LOGGED_IN_USER_LIST}</p></td></tr>
	<tr><td class="cat-bottom">&nbsp;</td></tr>
	</table>
	<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>
<!-- ENDIF -->

<br clear="all" />

<table width="100%" cellspacing="1">
<tr>
	<td width="45%" align="{S_CONTENT_FLOW_BEGIN}" valign="top" nowrap="nowrap"><!-- IF S_TOPIC_MOD --><form method="post" action="{S_MOD_ACTION}"><span class="gensmall">{L_QUICK_MOD}:</span> {S_TOPIC_MOD} <input class="btnlite" type="submit" value="{L_GO}" /></form><!-- ENDIF --></td>
	<td width="20%" align="{S_CONTENT_FLOW_END}"><span class="gensmall">&nbsp;</span></td>
	<td width="35%" align="{S_CONTENT_FLOW_END}" valign="top" nowrap="nowrap"><div class="tablebg" style="padding-right:5px;"><span class="gensmall"><!-- BEGIN rules -->{rules.RULE}<br /><!-- END rules --></span></div></td>
</tr>
</table>

<br clear="all" />
<table width="100%" cellspacing="0">
<tr>
	<td><!-- IF S_DISPLAY_SEARCHBOX --><!-- INCLUDE searchbox.html --><!-- ENDIF --></td>


	<td align="{S_CONTENT_FLOW_END}"><!-- INCLUDE jumpbox.html --></td>
</tr>
</table>

<!-- INCLUDE overall_footer.html -->

User avatar
kber
Registered User
Posts: 986
Joined: Sun May 07, 2006 9:22 am
Location: Egypt
Contact:

Re: [Beta] Easy Resize Posted Images - phpbb3.0.0

Post by kber » Tue Jan 08, 2008 8:50 pm

add the code just before

Code: Select all

   <br clear="all" />
Hello All

middius
Registered User
Posts: 23
Joined: Sat Jul 08, 2006 9:52 am

Re: [Beta] Easy Resize Posted Images - phpbb3.0.0

Post by middius » Tue Jan 08, 2008 11:42 pm

kber wrote:add the code just before

Code: Select all

   <br clear="all" />
there are many line with this code, where i must add the code? before the first

Code: Select all

   <br clear="all" />

User avatar
kber
Registered User
Posts: 986
Joined: Sun May 07, 2006 9:22 am
Location: Egypt
Contact:

Re: [Beta] Easy Resize Posted Images - phpbb3.0.0

Post by kber » Wed Jan 09, 2008 4:24 am

the very first one ...
Hello All

p11ma
Registered User
Posts: 4
Joined: Sun Dec 09, 2007 1:51 am

Re: [Beta] Easy Resize Posted Images - phpbb3.0.0

Post by p11ma » Wed Jan 09, 2008 5:04 am

Your script works perfectly, I am using different style then the default, but i still installed it successful.
You can test it right here

Code: Select all

http://b2dclan.com/forums/viewtopic.php?f=10&t=41
Els, Only if you could add another line for javascript to the popup window that comes up when you push at the image, that will be at the bottom of the window and will be an Close Window button so there will be like in VBulletin , and also much more easier =)

Great script, Thanks a lot

middius
Registered User
Posts: 23
Joined: Sat Jul 08, 2006 9:52 am

Re: [Beta] Easy Resize Posted Images - phpbb3.0.0

Post by middius » Wed Jan 09, 2008 7:39 am

kber wrote:the very first one ...
don`t work.........this is the new code:

Code: Select all

<!-- INCLUDE overall_header.html -->

<!-- INCLUDE breadcrumbs.html -->
<br />

<!-- IF S_FORUM_RULES -->
	<div class="forumrules">
		<!-- IF U_FORUM_RULES -->
			<h3>{L_FORUM_RULES}</h3><br />
			<a href="{U_FORUM_RULES}"><b>{L_FORUM_RULES_LINK}</b></a>
		<!-- ELSE -->
			<h3>{L_FORUM_RULES}</h3><br />
			{FORUM_RULES}
		<!-- ENDIF -->
	</div>

   

	<br clear="all" />
<!-- ENDIF -->



<div id="pageheader">
	<h2><a class="titles" href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a></h2>

<!-- IF MODERATORS -->
	<p class="moderators"><!-- IF S_SINGLE_MODERATOR -->{L_MODERATOR}<!-- ELSE -->{L_MODERATORS}<!-- ENDIF -->: {MODERATORS}</p>
<!-- ENDIF -->
<!-- IF U_MCP -->
	<p class="linkmcp">[ <a href="{U_MCP}">{L_MCP}</a> ]</p>
<!-- ENDIF -->
</div>
 <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>
<br clear="all" /><br />

<div id="pagecontent">

	<table width="100%" cellspacing="1">
	<tr>
		<td align="{S_CONTENT_FLOW_BEGIN}" valign="middle" nowrap="nowrap">
		<!-- IF not S_IS_BOT -->
			<!-- IF S_DISPLAY_POST_INFO --><a href="{U_POST_NEW_TOPIC}">{POST_IMG}</a>&nbsp;<!-- ENDIF -->
			<!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a><!-- ENDIF -->
		<!-- ENDIF -->
		</td>
		<!-- IF TOTAL_POSTS -->
			<td class="nav" valign="middle" nowrap="nowrap">&nbsp;{PAGE_NUMBER}<br /></td>
			<td class="gensmall" nowrap="nowrap">&nbsp;[ {TOTAL_POSTS} ]&nbsp;</td>
			<td class="gensmall" width="100%" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><!-- INCLUDE pagination.html --></td>
		<!-- ENDIF -->
	</tr>
	</table>

	<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title"><h4><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a></h4></div></div></div></div>
	<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
	<tr>
		<td class="cat">
			<table width="100%" cellspacing="0">
			<tr>
				<td class="nav" nowrap="nowrap">&nbsp;
				<!-- IF not S_IS_BOT -->
					<!-- IF U_WATCH_TOPIC --><img src="{T_IMAGESET_PATH}/post_page_find.png" alt="{L_WATCH_TOPIC}" style="vertical-align:middle;" />&nbsp;<a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a><!-- IF U_PRINT_TOPIC or U_EMAIL_TOPIC or U_BUMP_TOPIC or U_BOOKMARK_TOPIC -->&nbsp;|&nbsp;<!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_BOOKMARK_TOPIC --><img src="{T_IMAGESET_PATH}/post_book.png" alt="{L_BOOKMARK_TOPIC}" style="vertical-align:middle;" />&nbsp;<a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}">{L_BOOKMARK_TOPIC}</a><!-- IF U_PRINT_TOPIC or U_EMAIL_TOPIC or U_BUMP_TOPIC -->&nbsp;|&nbsp;<!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_PRINT_TOPIC --><img src="{T_IMAGESET_PATH}/post_print.png" alt="{L_PRINT_TOPIC}" style="vertical-align:middle;" />&nbsp;<a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}">{L_PRINT_TOPIC}</a><!-- IF U_EMAIL_TOPIC or U_BUMP_TOPIC -->&nbsp;|&nbsp;<!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_EMAIL_TOPIC --><img src="{T_IMAGESET_PATH}/post_email.png" alt="{L_EMAIL_TOPIC}" style="vertical-align:middle;" />&nbsp;<a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}">{L_EMAIL_TOPIC}</a><!-- IF U_BUMP_TOPIC -->&nbsp;|&nbsp;<!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_BUMP_TOPIC --><img src="{T_IMAGESET_PATH}/post_asterisk.png" alt="{L_BUMP_TOPIC}" style="vertical-align:middle;" />&nbsp;<a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}">{L_BUMP_TOPIC}</a><!-- ENDIF -->
				<!-- ENDIF -->
				</td>
				<td class="nav" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><img src="{T_IMAGESET_PATH}/post_previous.png" alt="{L_VIEW_PREVIOUS_TOPIC}" style="vertical-align:middle;" />&nbsp;<a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a><!-- IF U_VIEW_UNREAD_POST and not S_IS_BOT -->&nbsp;|&nbsp;<img src="{T_IMAGESET_PATH}/post_new.png" alt="{L_VIEW_UNREAD_POST}" style="vertical-align:middle;" />&nbsp;<a href="{U_VIEW_UNREAD_POST}">{L_VIEW_UNREAD_POST}</a><!-- ENDIF -->&nbsp;|&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<img src="{T_IMAGESET_PATH}/post_next.png" alt="{L_VIEW_NEXT_TOPIC}" style="vertical-align:middle;" /></td>
			</tr>
			</table>
		</td>
	</tr>
<!-- IF S_HAS_POLL -->
	<tr>
		<td class="row2" align="center"><br clear="all" />

			<form method="post" action="{S_POLL_ACTION}">

			<table align="center" cellpadding="4" cellspacing="0" border="0">
			<tr><td align="center"><span class="gen"><b>{POLL_QUESTION}</b></span><br /><span class="gensmall">{L_POLL_LENGTH}</span></td></tr>
			<tr>
				<td align="{S_CONTENT_FLOW_BEGIN}">
					<table cellpadding="2" cellspacing="0" border="0">
				<!-- BEGIN poll_option -->
					<tr>
					<!-- IF S_CAN_VOTE -->
						<td>
							<!-- IF S_IS_MULTI_CHOICE -->
								<input type="checkbox" class="radio" name="vote_id[]" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> />
							<!-- ELSE -->
								<input type="radio" class="radio" name="vote_id[]" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> />
							<!-- ENDIF -->
						</td>
					<!-- ENDIF -->
						<td><span class="gen">{poll_option.POLL_OPTION_CAPTION}</span></td>
						<!-- IF S_DISPLAY_RESULTS -->
							<td dir="ltr">{POLL_LEFT_CAP_IMG}{poll_option.POLL_OPTION_IMG}{POLL_RIGHT_CAP_IMG}</td>
							<td class="gen" align="{S_CONTENT_FLOW_END}"><b>&nbsp;{poll_option.POLL_OPTION_PERCENT}&nbsp;</b></td>
							<td class="gen" align="center">[ {poll_option.POLL_OPTION_RESULT} ]</td>
							<!-- IF poll_option.POLL_OPTION_VOTED -->
								<td class="gensmall" valign="top"><b title="{L_POLL_VOTED_OPTION}">x</b></td>
							<!-- ENDIF -->
						<!-- ENDIF -->
					</tr>
				<!-- END poll_option -->
					</table>
				</td>
			</tr>
		<!-- IF S_CAN_VOTE -->
			<tr><td align="center"><span class="gensmall">{L_MAX_VOTES}</span><br /><br /><input type="submit" name="update" value="{L_SUBMIT_VOTE}" class="btnlite" /></td></tr>
		<!-- ENDIF -->
		<!-- IF S_DISPLAY_RESULTS -->
			<tr><td class="gensmall" colspan="4" align="center"><b>{L_TOTAL_VOTES} : {TOTAL_VOTES}</b></td></tr>
		<!-- ELSE -->
			<tr><td align="center"><span class="gensmall"><b><a href="{U_VIEW_RESULTS}">{L_VIEW_RESULTS}</a></b></span></td></tr>
		<!-- ENDIF -->
			</table>
			{S_HIDDEN_FIELDS}

			</form>

		</td>
	</tr>
<!-- ENDIF -->
	</table>
	<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>

<!-- BEGIN postrow -->
	<!-- IF postrow.S_FIRST_ROW -->
	<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title"><h4><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a></h4></div></div></div></div>
	<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
		<tr>
			<th>{L_AUTHOR}</th>
			<th>{L_MESSAGE}</th>
		</tr>
	<!-- ENDIF -->
	<tr>
	<!-- IF postrow.S_IGNORE_POST -->
			<td class="row-post-top" valign="top" colspan="2" align="center"><span class="gensmall"><!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>{postrow.L_IGNORE_POST}</span></td>
	<!-- ELSE -->
			<td class="row-post-top" align="center" valign="middle">
				<!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>
				<b class="postauthor"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color:{postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->>{postrow.POST_AUTHOR}</b>
			</td>
			<td class="row-post-top" width="100%">
				<table width="100%" cellspacing="0">
				<tr>
				<!-- IF postrow.POST_ICON_IMG -->
					<td><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" title="" /></td>
				<!-- ENDIF -->
					<td class="gensmall" width="100%"><div style="float:{S_CONTENT_FLOW_BEGIN};">&nbsp;<b>{L_POST_SUBJECT}:</b> {postrow.POST_SUBJECT}</div><div style="float:{S_CONTENT_FLOW_END};"><!-- IF S_IS_BOT -->&nbsp;{postrow.MINI_POST_IMG}&nbsp;<!-- ELSE -->&nbsp;<a href="{postrow.U_MINI_POST}">{postrow.MINI_POST_IMG}</a>&nbsp;<!-- ENDIF --><b>{L_POSTED}:</b> {postrow.POST_DATE}&nbsp;</div></td>
				</tr>
				</table>
			</td>
		</tr>

		<tr>
			<td class="row-post-body" valign="top">
				<table cellspacing="4" align="center" width="150">
			<!-- IF postrow.ONLINE_IMG -->
				<tr><td>{postrow.ONLINE_IMG}</td></tr>
			<!-- ENDIF -->
			<!-- IF postrow.RANK_TITLE -->
				<tr><td class="postdetails">{postrow.RANK_TITLE}</td></tr>
			<!-- ENDIF -->
			<!-- IF postrow.RANK_IMG -->
				<tr><td>{postrow.RANK_IMG}</td></tr>
			<!-- ENDIF -->
			<!-- IF postrow.POSTER_AVATAR -->
				<tr><td>{postrow.POSTER_AVATAR}</td></tr>
			<!-- ENDIF -->
			<!-- IF S_QR_ACTIVE -->
							<!-- IF S_QR_COLOR_NICK -->
								<!-- IF postrow.POST_AUTHOR_COLOUR -->
								<a href="#" onclick="insert_text('[b][color={postrow.POST_AUTHOR_COLOUR}]{postrow.POST_AUTHOR}[/color][/b], ', true, false); return false;"><span style="color: {postrow.POST_AUTHOR_COLOUR};" class="username-coloured">{postrow.POST_AUTHOR}</span></a>
								<!-- ELSE -->
								<a href="#" onclick="insert_text('[b]{postrow.POST_AUTHOR}[/b], ', true, false); return false;"><span style="color: {postrow.POST_AUTHOR_COLOUR};" class="username-coloured">{postrow.POST_AUTHOR}</span></a>
								<!-- ENDIF -->
							<!-- ELSE -->
								<a href="#" onclick="insert_text('[b]{postrow.POST_AUTHOR}[/b], ', true, false); return false;"><span style="color: {postrow.POST_AUTHOR_COLOUR};" class="username-coloured">{postrow.POST_AUTHOR}</span></a>
							<!-- ENDIF -->
						<!-- ELSE -->
							{postrow.POST_AUTHOR_FULL}
						<!-- ENDIF -->

				</table>

				<span class="postdetails">
					<!-- IF postrow.POSTER_JOINED --><br /><b>{L_JOINED}:</b> {postrow.POSTER_JOINED}<!-- ENDIF -->
					<!-- IF postrow.POSTER_POSTS != '' --><br /><b>{L_POSTS}:</b> {postrow.POSTER_POSTS}<!-- ENDIF -->
					<!-- IF postrow.POSTER_FROM --><br /><b>{L_LOCATION}:</b> {postrow.POSTER_FROM}<!-- ENDIF -->

					<!-- IF postrow.S_PROFILE_FIELD1 -->
						<!-- Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
						<br /><b>{postrow.PROFILE_FIELD1_NAME}:</b> {postrow.PROFILE_FIELD1_VALUE}
					<!-- ENDIF -->

					<!-- BEGIN custom_fields -->
						<br /><b>{postrow.custom_fields.PROFILE_FIELD_NAME}:</b> {postrow.custom_fields.PROFILE_FIELD_VALUE}
					<!-- END custom_fields -->
				</span>

			</td>
			<td class="row-post-body" valign="top">
				<table width="100%" cellspacing="5">
				<tr>
					<td>
					<!-- IF postrow.S_POST_UNAPPROVED or postrow.S_POST_REPORTED -->
						<table width="100%" cellspacing="0">
						<tr>
							<td class="gensmall"><!-- IF postrow.S_POST_UNAPPROVED --><span class="postapprove">{UNAPPROVED_IMG} <a href="{postrow.U_MCP_APPROVE}">{L_POST_UNAPPROVED}</a></span> <!-- ENDIF --> <!-- IF postrow.S_POST_REPORTED --><span class="postreported">{REPORTED_IMG} <a href="{postrow.U_MCP_REPORT}">{L_POST_REPORTED}</a></span><!-- ENDIF --></td>
						</tr>
						</table>

						<br clear="all" />
					<!-- ENDIF -->

						<div class="postbody">{postrow.MESSAGE}</div>

					<!-- IF postrow.S_HAS_ATTACHMENTS -->
						<br clear="all" /><br />

						<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
						<tr><td class="row3"><b class="genmed">{L_ATTACHMENTS}: </b></td></tr>
						<!-- BEGIN attachment -->
							<tr>
								<!-- IF postrow.attachment.S_ROW_COUNT is even --><td class="row2"><!-- ELSE --><td class="row1"><!-- ENDIF -->{postrow.attachment.DISPLAY_ATTACHMENT}</td>
							</tr>
						<!-- END attachment -->
						</table>
					<!-- ENDIF -->

					<!-- IF postrow.S_DISPLAY_NOTICE -->
						<span class="gensmall error"><br /><br />{L_DOWNLOAD_NOTICE}</span>
					<!-- ENDIF -->
					<!-- IF postrow.SIGNATURE -->
						<div class="postbody"><br />_________________<br />{postrow.SIGNATURE}</div>
					<!-- ENDIF -->

					<!-- IF postrow.EDITED_MESSAGE or postrow.EDIT_REASON -->
						<!-- IF postrow.EDIT_REASON -->
							<br /><br />
							<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
							<tr><td class="row3"><span class="gensmall">{postrow.EDITED_MESSAGE}</span></td></tr>
							<tr><td class="row2"><span class="genmed">{postrow.EDIT_REASON}</span></td></tr>
							</table>
						<!-- ELSE -->
							<br /><br />
							<span class="gensmall">{postrow.EDITED_MESSAGE}</span>
						<!-- ENDIF -->
					<!-- ENDIF -->

					<!-- IF postrow.BUMPED_MESSAGE -->
						<span class="gensmall">{postrow.BUMPED_MESSAGE}</span>
					<!-- ENDIF -->

					<!-- IF not postrow.S_HAS_ATTACHMENTS --><br clear="all" /><br /><!-- ENDIF -->

						<table width="100%" cellspacing="0">
						<tr valign="middle">
							<td class="gensmall" align="{S_CONTENT_FLOW_END}">
							<!-- IF not S_IS_BOT -->
								<!-- IF postrow.U_REPORT --><a href="{postrow.U_REPORT}"><img src="{T_IMAGESET_PATH}/post_exclamation.png" alt="{L_REPORT_POST}" title="{L_REPORT_POST}" /></a> <!-- ENDIF -->
								<!-- IF postrow.U_INFO --><a href="{postrow.U_INFO}"><img src="{T_IMAGESET_PATH}/post_information.png" alt="{L_VIEW_INFO}" title="{L_VIEW_INFO}" /></a> <!-- ENDIF -->
								<!-- IF postrow.U_WARN --><a href="{postrow.U_WARN}"><img src="{T_IMAGESET_PATH}/post_warning.png" alt="{L_WARN_USER}" title="{L_WARN_USER}" /></a> <!-- ENDIF -->
							<!-- ENDIF -->
							</td>
						</tr>
						</table>
					</td>
				</tr>
				</table>
			</td>
		</tr>

		<tr>
			<td class="row-post-bottom" align="center"><a href="#top"><img src="{T_IMAGESET_PATH}/arrow_up.{$MG_BUTTONS_EXTENSION}" alt="{L_BACK_TO_TOP}" title="{L_BACK_TO_TOP}" /></a>&nbsp;<a href="#bottom"><img src="{T_IMAGESET_PATH}/arrow_down.{$MG_BUTTONS_EXTENSION}" alt="" title="" /></a></td>
			<td class="row-post-bottom"><div class="gensmall" style="float:{S_CONTENT_FLOW_BEGIN};">&nbsp;<!-- IF postrow.U_PROFILE --><a href="{postrow.U_PROFILE}">{PROFILE_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_PM --><a href="{postrow.U_PM}">{PM_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_EMAIL --><a href="{postrow.U_EMAIL}">{EMAIL_IMG}</a> <!-- ENDIF -->&nbsp;</div> <div class="gensmall" style="float: {S_CONTENT_FLOW_END};"><!-- IF not S_IS_BOT --><!-- IF postrow.U_DELETE --><a href="{postrow.U_DELETE}">{DELETE_IMG}</a> <!-- ENDIF --><!-- IF postrow.U_EDIT --><a href="{postrow.U_EDIT}">{EDIT_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_QUOTE --><a href="{postrow.U_QUOTE}">{QUOTE_IMG}</a> <!-- ENDIF --> <!-- ENDIF -->&nbsp;</div></td>
		</tr>

	<!-- ENDIF -->

	<tr><td class="spacer" colspan="2"><img src="{T_THEME_PATH}/images/spacer.gif" width="1" height="4" alt="" /></td></tr>
<!-- END postrow -->
	<tr><td class="cat-bottom" colspan="2"><form name="viewtopic" method="post" action="{S_TOPIC_ACTION}"><span class="gensmall">{L_DISPLAY_POSTS}:</span> {S_SELECT_SORT_DAYS}&nbsp;<span class="gensmall">{L_SORT_BY}</span> {S_SELECT_SORT_KEY} {S_SELECT_SORT_DIR}&nbsp;<input class="btnlite" type="submit" value="{L_GO}" name="sort" /></form></td></tr>
	</table>
	<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>

	<table width="100%" cellspacing="1">
	<tr>
		<td align="{S_CONTENT_FLOW_BEGIN}" valign="middle" nowrap="nowrap">
		<!-- IF not S_IS_BOT -->
			<!-- IF S_DISPLAY_POST_INFO --><a href="{U_POST_NEW_TOPIC}">{POST_IMG}</a>&nbsp;<!-- ENDIF -->
			<!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a><!-- ENDIF -->
		<!-- ENDIF -->
		</td>
		<!-- IF TOTAL_POSTS -->
			<td class="nav" valign="middle" nowrap="nowrap">&nbsp;{PAGE_NUMBER}<br /></td>
			<td class="gensmall" nowrap="nowrap">&nbsp;[ {TOTAL_POSTS} ]&nbsp;</td>
			<td class="gensmall" width="100%" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><!-- INCLUDE pagination.html --></td>
		<!-- ENDIF -->
	</tr>
	</table>

</div>

<div id="pagefooter"></div>

<br clear="all" />

	<!-- INCLUDE quickreply_body.html -->

<!-- INCLUDE breadcrumbs.html -->

<!-- IF S_DISPLAY_ONLINE_LIST -->
	<br clear="all" />

	<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title"><h4>{L_WHO_IS_ONLINE}</h4></div></div></div></div>
	<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
	<tr><td class="row1"><p class="gensmall">{LOGGED_IN_USER_LIST}</p></td></tr>
	<tr><td class="cat-bottom">&nbsp;</td></tr>
	</table>
	<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>
<!-- ENDIF -->

<br clear="all" />

<table width="100%" cellspacing="1">
<tr>
	<td width="45%" align="{S_CONTENT_FLOW_BEGIN}" valign="top" nowrap="nowrap"><!-- IF S_TOPIC_MOD --><form method="post" action="{S_MOD_ACTION}"><span class="gensmall">{L_QUICK_MOD}:</span> {S_TOPIC_MOD} <input class="btnlite" type="submit" value="{L_GO}" /></form><!-- ENDIF --></td>
	<td width="20%" align="{S_CONTENT_FLOW_END}"><span class="gensmall">&nbsp;</span></td>
	<td width="35%" align="{S_CONTENT_FLOW_END}" valign="top" nowrap="nowrap"><div class="tablebg" style="padding-right:5px;"><span class="gensmall"><!-- BEGIN rules -->{rules.RULE}<br /><!-- END rules --></span></div></td>
</tr>
</table>

<br clear="all" />
<table width="100%" cellspacing="0">
<tr>
	<td><!-- IF S_DISPLAY_SEARCHBOX --><!-- INCLUDE searchbox.html --><!-- ENDIF --></td>


	<td align="{S_CONTENT_FLOW_END}"><!-- INCLUDE jumpbox.html --></td>
</tr>
</table>

<!-- INCLUDE overall_footer.html -->
if you want see the demo http://themastersite.dyndns.org/viewtop ... =8973&f=30

thanks!


Sorry!!It work now!!!!thanks!

middius
Registered User
Posts: 23
Joined: Sat Jul 08, 2006 9:52 am

Re: [Beta] Easy Resize Posted Images - phpbb3.0.0

Post by middius » Wed Jan 09, 2008 8:59 am

middius wrote:
kber wrote:the very first one ...
don`t work.........this is the new code:

Code: Select all

<!-- INCLUDE overall_header.html -->

<!-- INCLUDE breadcrumbs.html -->
<br />

<!-- IF S_FORUM_RULES -->
	<div class="forumrules">
		<!-- IF U_FORUM_RULES -->
			<h3>{L_FORUM_RULES}</h3><br />
			<a href="{U_FORUM_RULES}"><b>{L_FORUM_RULES_LINK}</b></a>
		<!-- ELSE -->
			<h3>{L_FORUM_RULES}</h3><br />
			{FORUM_RULES}
		<!-- ENDIF -->
	</div>

   

	<br clear="all" />
<!-- ENDIF -->



<div id="pageheader">
	<h2><a class="titles" href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a></h2>

<!-- IF MODERATORS -->
	<p class="moderators"><!-- IF S_SINGLE_MODERATOR -->{L_MODERATOR}<!-- ELSE -->{L_MODERATORS}<!-- ENDIF -->: {MODERATORS}</p>
<!-- ENDIF -->
<!-- IF U_MCP -->
	<p class="linkmcp">[ <a href="{U_MCP}">{L_MCP}</a> ]</p>
<!-- ENDIF -->
</div>
 <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>
<br clear="all" /><br />

<div id="pagecontent">

	<table width="100%" cellspacing="1">
	<tr>
		<td align="{S_CONTENT_FLOW_BEGIN}" valign="middle" nowrap="nowrap">
		<!-- IF not S_IS_BOT -->
			<!-- IF S_DISPLAY_POST_INFO --><a href="{U_POST_NEW_TOPIC}">{POST_IMG}</a>&nbsp;<!-- ENDIF -->
			<!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a><!-- ENDIF -->
		<!-- ENDIF -->
		</td>
		<!-- IF TOTAL_POSTS -->
			<td class="nav" valign="middle" nowrap="nowrap">&nbsp;{PAGE_NUMBER}<br /></td>
			<td class="gensmall" nowrap="nowrap">&nbsp;[ {TOTAL_POSTS} ]&nbsp;</td>
			<td class="gensmall" width="100%" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><!-- INCLUDE pagination.html --></td>
		<!-- ENDIF -->
	</tr>
	</table>

	<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title"><h4><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a></h4></div></div></div></div>
	<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
	<tr>
		<td class="cat">
			<table width="100%" cellspacing="0">
			<tr>
				<td class="nav" nowrap="nowrap">&nbsp;
				<!-- IF not S_IS_BOT -->
					<!-- IF U_WATCH_TOPIC --><img src="{T_IMAGESET_PATH}/post_page_find.png" alt="{L_WATCH_TOPIC}" style="vertical-align:middle;" />&nbsp;<a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a><!-- IF U_PRINT_TOPIC or U_EMAIL_TOPIC or U_BUMP_TOPIC or U_BOOKMARK_TOPIC -->&nbsp;|&nbsp;<!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_BOOKMARK_TOPIC --><img src="{T_IMAGESET_PATH}/post_book.png" alt="{L_BOOKMARK_TOPIC}" style="vertical-align:middle;" />&nbsp;<a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}">{L_BOOKMARK_TOPIC}</a><!-- IF U_PRINT_TOPIC or U_EMAIL_TOPIC or U_BUMP_TOPIC -->&nbsp;|&nbsp;<!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_PRINT_TOPIC --><img src="{T_IMAGESET_PATH}/post_print.png" alt="{L_PRINT_TOPIC}" style="vertical-align:middle;" />&nbsp;<a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}">{L_PRINT_TOPIC}</a><!-- IF U_EMAIL_TOPIC or U_BUMP_TOPIC -->&nbsp;|&nbsp;<!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_EMAIL_TOPIC --><img src="{T_IMAGESET_PATH}/post_email.png" alt="{L_EMAIL_TOPIC}" style="vertical-align:middle;" />&nbsp;<a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}">{L_EMAIL_TOPIC}</a><!-- IF U_BUMP_TOPIC -->&nbsp;|&nbsp;<!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_BUMP_TOPIC --><img src="{T_IMAGESET_PATH}/post_asterisk.png" alt="{L_BUMP_TOPIC}" style="vertical-align:middle;" />&nbsp;<a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}">{L_BUMP_TOPIC}</a><!-- ENDIF -->
				<!-- ENDIF -->
				</td>
				<td class="nav" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><img src="{T_IMAGESET_PATH}/post_previous.png" alt="{L_VIEW_PREVIOUS_TOPIC}" style="vertical-align:middle;" />&nbsp;<a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a><!-- IF U_VIEW_UNREAD_POST and not S_IS_BOT -->&nbsp;|&nbsp;<img src="{T_IMAGESET_PATH}/post_new.png" alt="{L_VIEW_UNREAD_POST}" style="vertical-align:middle;" />&nbsp;<a href="{U_VIEW_UNREAD_POST}">{L_VIEW_UNREAD_POST}</a><!-- ENDIF -->&nbsp;|&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<img src="{T_IMAGESET_PATH}/post_next.png" alt="{L_VIEW_NEXT_TOPIC}" style="vertical-align:middle;" /></td>
			</tr>
			</table>
		</td>
	</tr>
<!-- IF S_HAS_POLL -->
	<tr>
		<td class="row2" align="center"><br clear="all" />

			<form method="post" action="{S_POLL_ACTION}">

			<table align="center" cellpadding="4" cellspacing="0" border="0">
			<tr><td align="center"><span class="gen"><b>{POLL_QUESTION}</b></span><br /><span class="gensmall">{L_POLL_LENGTH}</span></td></tr>
			<tr>
				<td align="{S_CONTENT_FLOW_BEGIN}">
					<table cellpadding="2" cellspacing="0" border="0">
				<!-- BEGIN poll_option -->
					<tr>
					<!-- IF S_CAN_VOTE -->
						<td>
							<!-- IF S_IS_MULTI_CHOICE -->
								<input type="checkbox" class="radio" name="vote_id[]" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> />
							<!-- ELSE -->
								<input type="radio" class="radio" name="vote_id[]" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> />
							<!-- ENDIF -->
						</td>
					<!-- ENDIF -->
						<td><span class="gen">{poll_option.POLL_OPTION_CAPTION}</span></td>
						<!-- IF S_DISPLAY_RESULTS -->
							<td dir="ltr">{POLL_LEFT_CAP_IMG}{poll_option.POLL_OPTION_IMG}{POLL_RIGHT_CAP_IMG}</td>
							<td class="gen" align="{S_CONTENT_FLOW_END}"><b>&nbsp;{poll_option.POLL_OPTION_PERCENT}&nbsp;</b></td>
							<td class="gen" align="center">[ {poll_option.POLL_OPTION_RESULT} ]</td>
							<!-- IF poll_option.POLL_OPTION_VOTED -->
								<td class="gensmall" valign="top"><b title="{L_POLL_VOTED_OPTION}">x</b></td>
							<!-- ENDIF -->
						<!-- ENDIF -->
					</tr>
				<!-- END poll_option -->
					</table>
				</td>
			</tr>
		<!-- IF S_CAN_VOTE -->
			<tr><td align="center"><span class="gensmall">{L_MAX_VOTES}</span><br /><br /><input type="submit" name="update" value="{L_SUBMIT_VOTE}" class="btnlite" /></td></tr>
		<!-- ENDIF -->
		<!-- IF S_DISPLAY_RESULTS -->
			<tr><td class="gensmall" colspan="4" align="center"><b>{L_TOTAL_VOTES} : {TOTAL_VOTES}</b></td></tr>
		<!-- ELSE -->
			<tr><td align="center"><span class="gensmall"><b><a href="{U_VIEW_RESULTS}">{L_VIEW_RESULTS}</a></b></span></td></tr>
		<!-- ENDIF -->
			</table>
			{S_HIDDEN_FIELDS}

			</form>

		</td>
	</tr>
<!-- ENDIF -->
	</table>
	<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>

<!-- BEGIN postrow -->
	<!-- IF postrow.S_FIRST_ROW -->
	<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title"><h4><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a></h4></div></div></div></div>
	<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
		<tr>
			<th>{L_AUTHOR}</th>
			<th>{L_MESSAGE}</th>
		</tr>
	<!-- ENDIF -->
	<tr>
	<!-- IF postrow.S_IGNORE_POST -->
			<td class="row-post-top" valign="top" colspan="2" align="center"><span class="gensmall"><!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>{postrow.L_IGNORE_POST}</span></td>
	<!-- ELSE -->
			<td class="row-post-top" align="center" valign="middle">
				<!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>
				<b class="postauthor"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color:{postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->>{postrow.POST_AUTHOR}</b>
			</td>
			<td class="row-post-top" width="100%">
				<table width="100%" cellspacing="0">
				<tr>
				<!-- IF postrow.POST_ICON_IMG -->
					<td><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" title="" /></td>
				<!-- ENDIF -->
					<td class="gensmall" width="100%"><div style="float:{S_CONTENT_FLOW_BEGIN};">&nbsp;<b>{L_POST_SUBJECT}:</b> {postrow.POST_SUBJECT}</div><div style="float:{S_CONTENT_FLOW_END};"><!-- IF S_IS_BOT -->&nbsp;{postrow.MINI_POST_IMG}&nbsp;<!-- ELSE -->&nbsp;<a href="{postrow.U_MINI_POST}">{postrow.MINI_POST_IMG}</a>&nbsp;<!-- ENDIF --><b>{L_POSTED}:</b> {postrow.POST_DATE}&nbsp;</div></td>
				</tr>
				</table>
			</td>
		</tr>

		<tr>
			<td class="row-post-body" valign="top">
				<table cellspacing="4" align="center" width="150">
			<!-- IF postrow.ONLINE_IMG -->
				<tr><td>{postrow.ONLINE_IMG}</td></tr>
			<!-- ENDIF -->
			<!-- IF postrow.RANK_TITLE -->
				<tr><td class="postdetails">{postrow.RANK_TITLE}</td></tr>
			<!-- ENDIF -->
			<!-- IF postrow.RANK_IMG -->
				<tr><td>{postrow.RANK_IMG}</td></tr>
			<!-- ENDIF -->
			<!-- IF postrow.POSTER_AVATAR -->
				<tr><td>{postrow.POSTER_AVATAR}</td></tr>
			<!-- ENDIF -->
			<!-- IF S_QR_ACTIVE -->
							<!-- IF S_QR_COLOR_NICK -->
								<!-- IF postrow.POST_AUTHOR_COLOUR -->
								<a href="#" onclick="insert_text('[b][color={postrow.POST_AUTHOR_COLOUR}]{postrow.POST_AUTHOR}[/color][/b], ', true, false); return false;"><span style="color: {postrow.POST_AUTHOR_COLOUR};" class="username-coloured">{postrow.POST_AUTHOR}</span></a>
								<!-- ELSE -->
								<a href="#" onclick="insert_text('[b]{postrow.POST_AUTHOR}[/b], ', true, false); return false;"><span style="color: {postrow.POST_AUTHOR_COLOUR};" class="username-coloured">{postrow.POST_AUTHOR}</span></a>
								<!-- ENDIF -->
							<!-- ELSE -->
								<a href="#" onclick="insert_text('[b]{postrow.POST_AUTHOR}[/b], ', true, false); return false;"><span style="color: {postrow.POST_AUTHOR_COLOUR};" class="username-coloured">{postrow.POST_AUTHOR}</span></a>
							<!-- ENDIF -->
						<!-- ELSE -->
							{postrow.POST_AUTHOR_FULL}
						<!-- ENDIF -->

				</table>

				<span class="postdetails">
					<!-- IF postrow.POSTER_JOINED --><br /><b>{L_JOINED}:</b> {postrow.POSTER_JOINED}<!-- ENDIF -->
					<!-- IF postrow.POSTER_POSTS != '' --><br /><b>{L_POSTS}:</b> {postrow.POSTER_POSTS}<!-- ENDIF -->
					<!-- IF postrow.POSTER_FROM --><br /><b>{L_LOCATION}:</b> {postrow.POSTER_FROM}<!-- ENDIF -->

					<!-- IF postrow.S_PROFILE_FIELD1 -->
						<!-- Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
						<br /><b>{postrow.PROFILE_FIELD1_NAME}:</b> {postrow.PROFILE_FIELD1_VALUE}
					<!-- ENDIF -->

					<!-- BEGIN custom_fields -->
						<br /><b>{postrow.custom_fields.PROFILE_FIELD_NAME}:</b> {postrow.custom_fields.PROFILE_FIELD_VALUE}
					<!-- END custom_fields -->
				</span>

			</td>
			<td class="row-post-body" valign="top">
				<table width="100%" cellspacing="5">
				<tr>
					<td>
					<!-- IF postrow.S_POST_UNAPPROVED or postrow.S_POST_REPORTED -->
						<table width="100%" cellspacing="0">
						<tr>
							<td class="gensmall"><!-- IF postrow.S_POST_UNAPPROVED --><span class="postapprove">{UNAPPROVED_IMG} <a href="{postrow.U_MCP_APPROVE}">{L_POST_UNAPPROVED}</a></span> <!-- ENDIF --> <!-- IF postrow.S_POST_REPORTED --><span class="postreported">{REPORTED_IMG} <a href="{postrow.U_MCP_REPORT}">{L_POST_REPORTED}</a></span><!-- ENDIF --></td>
						</tr>
						</table>

						<br clear="all" />
					<!-- ENDIF -->

						<div class="postbody">{postrow.MESSAGE}</div>

					<!-- IF postrow.S_HAS_ATTACHMENTS -->
						<br clear="all" /><br />

						<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
						<tr><td class="row3"><b class="genmed">{L_ATTACHMENTS}: </b></td></tr>
						<!-- BEGIN attachment -->
							<tr>
								<!-- IF postrow.attachment.S_ROW_COUNT is even --><td class="row2"><!-- ELSE --><td class="row1"><!-- ENDIF -->{postrow.attachment.DISPLAY_ATTACHMENT}</td>
							</tr>
						<!-- END attachment -->
						</table>
					<!-- ENDIF -->

					<!-- IF postrow.S_DISPLAY_NOTICE -->
						<span class="gensmall error"><br /><br />{L_DOWNLOAD_NOTICE}</span>
					<!-- ENDIF -->
					<!-- IF postrow.SIGNATURE -->
						<div class="postbody"><br />_________________<br />{postrow.SIGNATURE}</div>
					<!-- ENDIF -->

					<!-- IF postrow.EDITED_MESSAGE or postrow.EDIT_REASON -->
						<!-- IF postrow.EDIT_REASON -->
							<br /><br />
							<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
							<tr><td class="row3"><span class="gensmall">{postrow.EDITED_MESSAGE}</span></td></tr>
							<tr><td class="row2"><span class="genmed">{postrow.EDIT_REASON}</span></td></tr>
							</table>
						<!-- ELSE -->
							<br /><br />
							<span class="gensmall">{postrow.EDITED_MESSAGE}</span>
						<!-- ENDIF -->
					<!-- ENDIF -->

					<!-- IF postrow.BUMPED_MESSAGE -->
						<span class="gensmall">{postrow.BUMPED_MESSAGE}</span>
					<!-- ENDIF -->

					<!-- IF not postrow.S_HAS_ATTACHMENTS --><br clear="all" /><br /><!-- ENDIF -->

						<table width="100%" cellspacing="0">
						<tr valign="middle">
							<td class="gensmall" align="{S_CONTENT_FLOW_END}">
							<!-- IF not S_IS_BOT -->
								<!-- IF postrow.U_REPORT --><a href="{postrow.U_REPORT}"><img src="{T_IMAGESET_PATH}/post_exclamation.png" alt="{L_REPORT_POST}" title="{L_REPORT_POST}" /></a> <!-- ENDIF -->
								<!-- IF postrow.U_INFO --><a href="{postrow.U_INFO}"><img src="{T_IMAGESET_PATH}/post_information.png" alt="{L_VIEW_INFO}" title="{L_VIEW_INFO}" /></a> <!-- ENDIF -->
								<!-- IF postrow.U_WARN --><a href="{postrow.U_WARN}"><img src="{T_IMAGESET_PATH}/post_warning.png" alt="{L_WARN_USER}" title="{L_WARN_USER}" /></a> <!-- ENDIF -->
							<!-- ENDIF -->
							</td>
						</tr>
						</table>
					</td>
				</tr>
				</table>
			</td>
		</tr>

		<tr>
			<td class="row-post-bottom" align="center"><a href="#top"><img src="{T_IMAGESET_PATH}/arrow_up.{$MG_BUTTONS_EXTENSION}" alt="{L_BACK_TO_TOP}" title="{L_BACK_TO_TOP}" /></a>&nbsp;<a href="#bottom"><img src="{T_IMAGESET_PATH}/arrow_down.{$MG_BUTTONS_EXTENSION}" alt="" title="" /></a></td>
			<td class="row-post-bottom"><div class="gensmall" style="float:{S_CONTENT_FLOW_BEGIN};">&nbsp;<!-- IF postrow.U_PROFILE --><a href="{postrow.U_PROFILE}">{PROFILE_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_PM --><a href="{postrow.U_PM}">{PM_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_EMAIL --><a href="{postrow.U_EMAIL}">{EMAIL_IMG}</a> <!-- ENDIF -->&nbsp;</div> <div class="gensmall" style="float: {S_CONTENT_FLOW_END};"><!-- IF not S_IS_BOT --><!-- IF postrow.U_DELETE --><a href="{postrow.U_DELETE}">{DELETE_IMG}</a> <!-- ENDIF --><!-- IF postrow.U_EDIT --><a href="{postrow.U_EDIT}">{EDIT_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_QUOTE --><a href="{postrow.U_QUOTE}">{QUOTE_IMG}</a> <!-- ENDIF --> <!-- ENDIF -->&nbsp;</div></td>
		</tr>

	<!-- ENDIF -->

	<tr><td class="spacer" colspan="2"><img src="{T_THEME_PATH}/images/spacer.gif" width="1" height="4" alt="" /></td></tr>
<!-- END postrow -->
	<tr><td class="cat-bottom" colspan="2"><form name="viewtopic" method="post" action="{S_TOPIC_ACTION}"><span class="gensmall">{L_DISPLAY_POSTS}:</span> {S_SELECT_SORT_DAYS}&nbsp;<span class="gensmall">{L_SORT_BY}</span> {S_SELECT_SORT_KEY} {S_SELECT_SORT_DIR}&nbsp;<input class="btnlite" type="submit" value="{L_GO}" name="sort" /></form></td></tr>
	</table>
	<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>

	<table width="100%" cellspacing="1">
	<tr>
		<td align="{S_CONTENT_FLOW_BEGIN}" valign="middle" nowrap="nowrap">
		<!-- IF not S_IS_BOT -->
			<!-- IF S_DISPLAY_POST_INFO --><a href="{U_POST_NEW_TOPIC}">{POST_IMG}</a>&nbsp;<!-- ENDIF -->
			<!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a><!-- ENDIF -->
		<!-- ENDIF -->
		</td>
		<!-- IF TOTAL_POSTS -->
			<td class="nav" valign="middle" nowrap="nowrap">&nbsp;{PAGE_NUMBER}<br /></td>
			<td class="gensmall" nowrap="nowrap">&nbsp;[ {TOTAL_POSTS} ]&nbsp;</td>
			<td class="gensmall" width="100%" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><!-- INCLUDE pagination.html --></td>
		<!-- ENDIF -->
	</tr>
	</table>

</div>

<div id="pagefooter"></div>

<br clear="all" />

	<!-- INCLUDE quickreply_body.html -->

<!-- INCLUDE breadcrumbs.html -->

<!-- IF S_DISPLAY_ONLINE_LIST -->
	<br clear="all" />

	<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title"><h4>{L_WHO_IS_ONLINE}</h4></div></div></div></div>
	<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
	<tr><td class="row1"><p class="gensmall">{LOGGED_IN_USER_LIST}</p></td></tr>
	<tr><td class="cat-bottom">&nbsp;</td></tr>
	</table>
	<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>
<!-- ENDIF -->

<br clear="all" />

<table width="100%" cellspacing="1">
<tr>
	<td width="45%" align="{S_CONTENT_FLOW_BEGIN}" valign="top" nowrap="nowrap"><!-- IF S_TOPIC_MOD --><form method="post" action="{S_MOD_ACTION}"><span class="gensmall">{L_QUICK_MOD}:</span> {S_TOPIC_MOD} <input class="btnlite" type="submit" value="{L_GO}" /></form><!-- ENDIF --></td>
	<td width="20%" align="{S_CONTENT_FLOW_END}"><span class="gensmall">&nbsp;</span></td>
	<td width="35%" align="{S_CONTENT_FLOW_END}" valign="top" nowrap="nowrap"><div class="tablebg" style="padding-right:5px;"><span class="gensmall"><!-- BEGIN rules -->{rules.RULE}<br /><!-- END rules --></span></div></td>
</tr>
</table>

<br clear="all" />
<table width="100%" cellspacing="0">
<tr>
	<td><!-- IF S_DISPLAY_SEARCHBOX --><!-- INCLUDE searchbox.html --><!-- ENDIF --></td>


	<td align="{S_CONTENT_FLOW_END}"><!-- INCLUDE jumpbox.html --></td>
</tr>
</table>

<!-- INCLUDE overall_footer.html -->
if you want see the demo http://themastersite.dyndns.org/viewtop ... =8973&f=30

thanks!


Sorry!!It work now!!!!thanks!
No sorry, it work randomly....now don't work...........only one time i see the image resized!

User avatar
kber
Registered User
Posts: 986
Joined: Sun May 07, 2006 9:22 am
Location: Egypt
Contact:

Re: [Beta] Easy Resize Posted Images - phpbb3.0.0

Post by kber » Wed Jan 09, 2008 9:38 pm

Maybe it s a browser isuue , which one you use ? :?:
Hello All

calproye
Registered User
Posts: 108
Joined: Wed Oct 03, 2007 5:06 pm
Location: Madrid - ES
Contact:

Re: [Beta] Easy Resize Posted Images - phpbb3.0.0

Post by calproye » Sat Jan 26, 2008 10:43 am

Hi Kber!

I've installed your useful mod in free BF_Vista style. It's working properly, except in preview mode

The original file (posting_preview.html) is

Code: Select all

<table id="bx" width="100%" height="28" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td><img src="{T_THEME_PATH}/images/cellpic4_l.png" width="17" height="28" alt="" /></td>
		<td background="{T_THEME_PATH}/images/cellpic4_m.png" width="100%" height="28"><h4 class="cattitle">{L_PREVIEW}</h4></td>
		<td><img src="{T_THEME_PATH}/images/cellpic4_r.png" width="16" height="28" alt="" /></td>
	</tr>
</table>
<table class="tablebg" width="100%" cellspacing="1">
<tr> 
	<td class="row1">{MINI_POST_IMG}<span class="postdetails">{L_POSTED}: {POST_DATE} &nbsp;&nbsp;&nbsp; {L_POST_SUBJECT}: {PREVIEW_SUBJECT}</span></td>
</tr>
<!-- IF S_HAS_POLL_OPTIONS -->
	<tr>
		<td class="row2" colspan="2" align="center"><br clear="all" />
			<table cellspacing="0" cellpadding="4" border="0" align="center">
			<tr>
				<td align="center"><span class="gen"><b>{POLL_QUESTION}</b></span><br /><span class="gensmall">{L_POLL_LENGTH}</span></td>
			</tr>
			<tr>
				<td align="center">
					<table cellspacing="0" cellpadding="2" border="0">
					<!-- BEGIN poll_option -->
						<tr>
							<td>
							<!-- IF S_IS_MULTI_CHOICE -->
								<input type="checkbox" class="radio" name="vote_id" value="" />
							<!-- ELSE -->
								<input type="radio" class="radio" name="vote_id" value="" />
							<!-- ENDIF -->
							</td>
							<td><span class="gen">{poll_option.POLL_OPTION_CAPTION}</span></td>
						</tr>
					<!-- END poll_option -->
					</table>
				</td>
			</tr>
			<tr>
				<td align="center"><span class="gensmall">{L_MAX_VOTES}</span></td>
			</tr>
			</table>
		</td>
	</tr>
<!-- ENDIF -->
<tr> 
	<td class="row1">
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td><div class="postbody postlinks">{PREVIEW_MESSAGE}</div>
			<!-- IF .attachment -->
				<br clear="all" /><br />

				<table class="tablebg" width="100%" cellspacing="1">
				<tr>
					<td class="row3"><b class="genmed">{L_ATTACHMENTS}: </b></td>
				</tr>
				<!-- BEGIN attachment -->
					<tr>
						<td class="row2">{attachment.DISPLAY_ATTACHMENT}</td>
					</tr>
				<!-- END attachment -->
				</table>
			<!-- ENDIF -->
			<!-- IF PREVIEW_SIGNATURE --><span class="postbody"><br />_________________<br />{PREVIEW_SIGNATURE}</span><!-- ENDIF --></td>
		</tr>
		</table>
	</td>
</tr>
<tr>
	<td class="spacer"><img src="images/spacer.gif" alt="" width="1" height="1" /></td>
</tr>
</table>

<br clear="all" />

and I modified and I get this

Code: Select all

 <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 > 650)
             {
                im.style.width = '650px';
                eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + "', '_blank'); pop.focus();\")");
                eval("im.onclick = pop" + String(i) + ";");
                if (document.all) im.style.cursor = 'hand';
                if (!document.all) im.style.cursor = 'pointer';
                im.title = 'Pulsa aqu\u00ED para ver la imagen a tama\u00F1o real ';
             }
          }
       }
    }

    </script>


<table id="bx" width="100%" height="28" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td><img src="{T_THEME_PATH}/images/cellpic4_l.png" width="17" height="28" alt="" /></td>
		<td background="{T_THEME_PATH}/images/cellpic4_m.png" width="100%" height="28"><h4 class="cattitle">{L_PREVIEW}</h4></td>
		<td><img src="{T_THEME_PATH}/images/cellpic4_r.png" width="16" height="28" alt="" /></td>
	</tr>
</table>
<table class="tablebg" width="100%" cellspacing="1">
<tr> 
	<td class="row1">{MINI_POST_IMG}<span class="postdetails">{L_POSTED}: {POST_DATE} &nbsp;&nbsp;&nbsp; {L_POST_SUBJECT}: {PREVIEW_SUBJECT}</span></td>
</tr>
<!-- IF S_HAS_POLL_OPTIONS -->
	<tr>
		<td class="row2" colspan="2" align="center"><br clear="all" />
			<table cellspacing="0" cellpadding="4" border="0" align="center">
			<tr>
				<td align="center"><span class="gen"><b>{POLL_QUESTION}</b></span><br /><span class="gensmall">{L_POLL_LENGTH}</span></td>
			</tr>
			<tr>
				<td align="center">
					<table cellspacing="0" cellpadding="2" border="0">
					<!-- BEGIN poll_option -->
						<tr>
							<td>
							<!-- IF S_IS_MULTI_CHOICE -->
								<input type="checkbox" class="radio" name="vote_id" value="" />
							<!-- ELSE -->
								<input type="radio" class="radio" name="vote_id" value="" />
							<!-- ENDIF -->
							</td>
							<td><span class="gen">{poll_option.POLL_OPTION_CAPTION}</span></td>
						</tr>
					<!-- END poll_option -->
					</table>
				</td>
			</tr>
			<tr>
				<td align="center"><span class="gensmall">{L_MAX_VOTES}</span></td>
			</tr>
			</table>
		</td>
	</tr>
<!-- ENDIF -->
<tr> 
	<td class="row1">
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td><div class="postbody postlinks">{PREVIEW_MESSAGE}</div>
			<!-- IF .attachment -->
				<br clear="all" /><br />

				<table class="tablebg" width="100%" cellspacing="1">
				<tr>
					<td class="row3"><b class="genmed">{L_ATTACHMENTS}: </b></td>
				</tr>
				<!-- BEGIN attachment -->
					<tr>
						<td class="row2">{attachment.DISPLAY_ATTACHMENT}</td>
					</tr>
				<!-- END attachment -->
				</table>
			<!-- ENDIF -->
			<!-- IF PREVIEW_SIGNATURE --><span class="postbody"><br />_________________<br />{PREVIEW_SIGNATURE}</span><!-- ENDIF --></td>
		</tr>
		</table>
	</td>
</tr>
<tr>
	<td class="spacer"><img src="images/spacer.gif" alt="" width="1" height="1" /></td>
</tr>
</table>

<br clear="all" />

But it's not working properly in preview mode



What's wrong?


Thanks in advanced

PD:I use Firefox, and your mod is changed: from 600 to 650 px and it is translation to spanish

Tazmanian
Registered User
Posts: 218
Joined: Wed Jan 25, 2006 7:02 pm
Location: Belgium
Contact:

Re: [Beta] Easy Resize Posted Images - phpbb3.0.0

Post by Tazmanian » Sun Jan 27, 2008 12:41 pm

Hello,

in subsilver2 style there is a onload function on editor.js This blocks the resize mod. I changes these files and it works fine:

Code: Select all

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

<script type="text/javascript"> 
window.onload = resizeimg; 
function resizeimg() 
{ 
   if (document.getElementsByTagName) 
   { 
      var img, imgs = document.getElementsByTagName('IMG'), i = imgs.length; 
      while (i--) 
      { 
         img = imgs[i]; 
         if (img.width > 600) 
         { 
            img.style.width = '600px'; 
            img.style.border = '1px dashed'; 
            img.onclick = function() { 
                var pop = window.open(this.src, 'fullscale', 'width=1000,height=700,scrollbars=1,resizable=1'); 
                pop.focus(); 
              } 
            img.style.cursor = 'pointer'; 
            img.title = 'Klik op de afbeelding om hem op ware grootte te bekijken'; 
            if (img.parentNode.nodeName == 'A') 
            { 
              img.parentNode.onclick = function() { return false; } 
            } 
         } 
      } 
   } 
} 
</script>


# 
#-----[ OPEN ]------------------------------------------ 
# 
styles/subsilver2/template/posting_preview.html 
styles/subsilver2/template/posting_topic_review.html 
#
#-----[ ON THE SECOND LINE ADD ]------------------------
# note : you may change( 600px) to whatever you want 

<script type="text/javascript">
function resizeimg()
{
   if (document.getElementsByTagName)
   {
      var img, imgs = document.getElementsByTagName('IMG'), i = imgs.length;
      while (i--)
      {
         img = imgs[i];
         if (img.width > 600)
         {
            img.style.width = '600px';
            img.style.border = '1px dashed';
            img.onclick = function() {
                var pop = window.open(this.src, 'fullscale', 'width=1000,height=700,scrollbars=1,resizable=1');
                pop.focus();
              }
            img.style.cursor = 'pointer';
            img.title = 'Klik op de afbeelding om hem op ware grootte te bekijken';
            if (img.parentNode.nodeName == 'A')
            {
              img.parentNode.onclick = function() { return false; }
            }
         }
      }
   }
}
</script>
<body onmouseover="resizeimg()">

# 
#-----[ OPEN ]------------------------------------------ 
# 
styles/subsilver2/template/viewtopic_print.html 
#
#-----[ FIND ]------------------------------------------
#  

</head>
<body>

#
#-----[ AFTER ADD]-------------------------------------
#

<script type="text/javascript">
function resizeimg()
{
   if (document.getElementsByTagName)
   {
      var img, imgs = document.getElementsByTagName('IMG'), i = imgs.length;
      while (i--)
      {
         img = imgs[i];
         if (img.width > 525)
         {
            img.style.width = '525px';
            img.style.border = '1px dashed';
            img.onclick = function() {
                var pop = window.open(this.src, 'fullscale', 'width=1000,height=700,scrollbars=1,resizable=1');
                pop.focus();
              }
            img.style.cursor = 'pointer';
            img.title = 'Klik op de afbeelding om hem op ware grootte te bekijken';
            if (img.parentNode.nodeName == 'A')
            {
              img.parentNode.onclick = function() { return false; }
            }
         }
      }
   }
}
</script>
<body onmouseover="resizeimg()">

calproye
Registered User
Posts: 108
Joined: Wed Oct 03, 2007 5:06 pm
Location: Madrid - ES
Contact:

Re: [Beta] Easy Resize Posted Images - phpbb3.0.0

Post by calproye » Sun Feb 03, 2008 11:22 am

Tazmanian wrote:Hello, in subsilver2 style there is a onload function on editor.js This blocks the resize mod. I changes these files and it works fine:

Code: Select all

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

<script type="text/javascript"> 
window.onload = resizeimg; 
function resizeimg() 
{ 
   if (document.getElementsByTagName) 
   { 
      var img, imgs = document.getElementsByTagName('IMG'), i = imgs.length; 
      while (i--) 
      { 
         img = imgs[i]; 
         if (img.width > 600) 
         { 
            img.style.width = '600px'; 
            img.style.border = '1px dashed'; 
            img.onclick = function() { 
                var pop = window.open(this.src, 'fullscale', 'width=1000,height=700,scrollbars=1,resizable=1'); 
                pop.focus(); 
              } 
            img.style.cursor = 'pointer'; 
            img.title = 'Klik op de afbeelding om hem op ware grootte te bekijken'; 
            if (img.parentNode.nodeName == 'A') 
            { 
              img.parentNode.onclick = function() { return false; } 
            } 
         } 
      } 
   } 
} 
</script>


# 
#-----[ OPEN ]------------------------------------------ 
# 
styles/subsilver2/template/posting_preview.html 
styles/subsilver2/template/posting_topic_review.html 
#
#-----[ ON THE SECOND LINE ADD ]------------------------
# note : you may change( 600px) to whatever you want 

<script type="text/javascript">
function resizeimg()
{
   if (document.getElementsByTagName)
   {
      var img, imgs = document.getElementsByTagName('IMG'), i = imgs.length;
      while (i--)
      {
         img = imgs[i];
         if (img.width > 600)
         {
            img.style.width = '600px';
            img.style.border = '1px dashed';
            img.onclick = function() {
                var pop = window.open(this.src, 'fullscale', 'width=1000,height=700,scrollbars=1,resizable=1');
                pop.focus();
              }
            img.style.cursor = 'pointer';
            img.title = 'Klik op de afbeelding om hem op ware grootte te bekijken';
            if (img.parentNode.nodeName == 'A')
            {
              img.parentNode.onclick = function() { return false; }
            }
         }
      }
   }
}
</script>
<body onmouseover="resizeimg()">

# 
#-----[ OPEN ]------------------------------------------ 
# 
styles/subsilver2/template/viewtopic_print.html 
#
#-----[ FIND ]------------------------------------------
#  

</head>
<body>

#
#-----[ AFTER ADD]-------------------------------------
#

<script type="text/javascript">
function resizeimg()
{
   if (document.getElementsByTagName)
   {
      var img, imgs = document.getElementsByTagName('IMG'), i = imgs.length;
      while (i--)
      {
         img = imgs[i];
         if (img.width > 525)
         {
            img.style.width = '525px';
            img.style.border = '1px dashed';
            img.onclick = function() {
                var pop = window.open(this.src, 'fullscale', 'width=1000,height=700,scrollbars=1,resizable=1');
                pop.focus();
              }
            img.style.cursor = 'pointer';
            img.title = 'Klik op de afbeelding om hem op ware grootte te bekijken';
            if (img.parentNode.nodeName == 'A')
            {
              img.parentNode.onclick = function() { return false; }
            }
         }
      }
   }
}
</script>
<body onmouseover="resizeimg()">

It works fine for me, but I changed two lines

this

Code: Select all

var pop = window.open(this.src, 'fullscale', 'width=1000,height=700,scrollbars=1,resizable=1'); 
for

Code: Select all

var pop = window.open(this.src, '_blank');
I don't like a new window,

and

Code: Select all

  img.title = 'Klik op de afbeelding om hem op ware grootte te bekijken';
for

Code: Select all

img.title = 'Pulsa aqu\u00ED para ver la imagen a tama\u00F1o real ';
Spanish translation :D


Regards

User avatar
thejdm
Registered User
Posts: 438
Joined: Sun Dec 21, 2003 4:18 pm
Location: pennsylvania
Contact:

Re: [Beta] Easy Resize Posted Images - phpbb3.0.0

Post by thejdm » Sun Feb 03, 2008 2:54 pm

works and its simple.

would like to try some things with this mod to open the image in a lightbox instead of a popup.
www.thejdm.com ...turn it on, y0

User avatar
kber
Registered User
Posts: 986
Joined: Sun May 07, 2006 9:22 am
Location: Egypt
Contact:

Re: [Beta] Easy Resize Posted Images - phpbb3.0.0

Post by kber » Sun Feb 03, 2008 3:28 pm

thejdm wrote:works and its simple.

would like to try some things with this mod to open the image in a lightbox instead of a popup.
i will look into this
Hello All

Locked

Return to “[3.0.x] MODs in Development”