Old Styles Topics :: Reducing Theme To 80% By Lopalong?

The time now is Sun 19 May, 2013 12:18 • All times are UTC + 1 Hour [DST enabled]

Reducing Theme To 80% By Lopalong?

Article
Reducing Theme To 80% By Lopalong?
Due to the recent closure of http://icythemes.com/ip, I lost the documentation to reduce the style of 80%. Someone has it? Thank you
abels_182 [ Wed 07 Jan, 2009 20:53 ]

Sponsors	Icy Phoenix is an open source project, you can show your appreciation and support future development by donating to the project.

Reducing Theme To 80% By Lopalong?

Comments
Re: Reducing Theme To 80% By Lopalong?
Can I help.......? This first entry is for IP 1.2.0.27* Spoiler: [ Show ] Spoiler: [ Hide ] Code: [Download] [Hide] [Select] Code: [Download] [Show] # START Core File Changes: # OPEN: lang_main.php FIND: $lang['Inbox_size'] = 'Your Inbox is %d%% full'; // eg. Your Inbox is 50% full $lang['Sentbox_size'] = 'Your Sentbox is %d%% full'; $lang['Savebox_size'] = 'Your Savebox is %d%% full'; CHANGE TO: $lang['Inbox_size'] = 'Inbox'; $lang['Sentbox_size'] = 'Sentbox'; $lang['Savebox_size'] = 'Savebox'; OPEN: lang_main_attach.php FIND: (Not sure if this is used only by itself elsewhere?) $lang['Attachbox_limit'] = 'Attachbox is %d%% full'; CHANGE TO: $lang['Attachbox_limit'] = 'Attachbox'; OPEN: lang_extend_icy_phoenix.php FIND: During CHANGE TO: Duration FIND: $lang['Calendar_from_to'] = 'From %s to %s (inclusive)'; CHANGE TO: $lang['Calendar_from_to'] = '<span class="gensmall"> %s <br /> (inclusive) to <br /> %s </span>'; # # END Core File Changes: # OPEN: overall_header.tpl FIND AND REMOVE: <table width="100%" border="0" align="center" cellspacing="0" cellpadding="0"> <tr> <td class="leftshadow" width="9" valign="top"><img src="{FULL_SITE_PATH}{SPACER}" alt="" width="9" height="1" /></td> <td width="100%" valign="top"> FIND: </head> <body> AFTER ADD: <div align="center"><div id="global-wrapper"><div id="shadow-left"><div id="shadow-right"> ######## OPEN: overall_footer.tpl FIND: <div id="bottom_logo"> <table class="empty-table" width="100%" cellspacing="0" cellpadding="0" border="0"> INLINE FIND: width="100%" INLINE AFTER ADD: style="height:35px;" FIND AND REMOVE: <!-- BEGIN generation_time_switch --> <span class="generation">{PAGE_GEN_TIME} <b>{GENERATION_TIME}s</b> (PHP: {PHP_PART}% SQL: {SQL_PART}%)</span><br /> <span class="generation">{SQL_QUERIES}: {NUMBER_QUERIES} - {DEBUG_TEXT} - {GZIP_TEXT}</span> <!-- END generation_time_switch --> FIND: 250 ( X 2 - Twice) CHANGE BOTH TO: 25% FIND AND REMOVE: </td> <td class="rightshadow" width="9" valign="top"><img src="{FULL_SITE_PATH}{SPACER}" alt="" width="9" height="1" /></td> </tr> </table> FIND: </body> </html> BEFORE ADD: </div></div></div></div> <!-- BEGIN generation_time_switch --> <div style="text-align:center;"> <div class="generation">{PAGE_GEN_TIME} <b>{GENERATION_TIME}s</b> (PHP: {PHP_PART}% SQL: {SQL_PART}%)</div> <div class="generation">{SQL_QUERIES}: {NUMBER_QUERIES} - {DEBUG_TEXT} - {GZIP_TEXT}</div> </div> <div style="padding:4px;"></div> <!-- END generation_time_switch --> ######## OPEN: calendar_box.tpl (NOTE: These Changes Don't have any noticable affect until under 86% in forum-width.) ;-) And this first change is so that "FF" FINALLY gets to realise that we don't want the table 1800+++px wide - - GRRRRRRRRRRRR! FIND: <tr valign="top"> <td class="rowcal2" nowrap="nowrap"> REMOVE: nowrap="nowrap" FIND: <td class="rowcal3" valign="top" align="center" height="4" nowrap="nowrap"><span class="genmed"><a href="{_calendar_box._row._cell.U_DATE}" alt="{_calendar_box._row._cell.DATE}" class="genmed">{_calendar_box._row._cell.DATE}</a></span></td> REPLACE WITH: <td class="rowcal3" valign="top" align="center" height="4"><span class="genmed"><a href="{_calendar_box._row._cell.U_DATE}" alt="{_calendar_box._row._cell.DATE}" class="genmed">{_calendar_box._row._cell.DATE}</a></span></td> FIND: <td class="rowcal2" nowrap="nowrap" valign="top"><span class="genmed">{_calendar_box._row._cell.switch_filled._event.EVENT_TYPE}<a href="{_calendar_box._row._cell.switch_filled._event.U_EVENT}" onMouseOver="createTitle(this, '{_calendar_box._row._cell.switch_filled._event.EVENT_MESSAGE}', event.pageX, event.pageY);" onMouseOut="destroyTitle();" class="{_calendar_box._row._cell.switch_filled._event.EVENT_CLASS}">{_calendar_box._row._cell.switch_filled._event.EVENT_TITLE}</a></span></td> REPLACE WITH: <td class="rowcal2" valign="top"><span class="genmed"><br />{_calendar_box._row._cell.switch_filled._event.EVENT_TYPE}<a href="{_calendar_box._row._cell.switch_filled._event.U_EVENT}" onMouseOver="createTitle(this, '{_calendar_box._row._cell.switch_filled._event.EVENT_MESSAGE}', event.pageX, event.pageY);" onMouseOut="destroyTitle();" class="{_calendar_box._row._cell.switch_filled._event.EVENT_CLASS}">{_calendar_box._row._cell.switch_filled._event.EVENT_TITLE}</a></span></td> ######## OPEN: links_body.tpl FIND: <td class="row1h{catrow.forumrow.XS_NEW} row-forum" width="100%" onclick="window.location.href='{linkrow.LINK_URL}'""> REMOVE: width="100%" ######## OPEN: contact_us_body.tpl FIND: <td class="row2"><span class="gen"><textarea name="message" rows="25" cols="40" wrap="virtual" style="width:500px" tabindex="4" class="post">{MESSAGE}</textarea></span></td> Change: 500px To: 450px ######## OPEN: credits_display.tpl DELETE ALL OF THE SCRIPT: REPLACE WITH: {IMG_TBL}<div class="forumline nav-div"> <p class="nav-header"> <a href="{U_PORTAL}">{L_HOME}</a>{NAV_SEP}<a href="{S_MODE_ACTION}" class="nav-current">{L_PAGE_NAME}</a> </p> <div class="nav-links"> <div class="nav-links-left">{CURRENT_TIME}</div>   </div> </div>{IMG_TBR} {IMG_THL}{IMG_THC}<span class="forumlink">{L_IP_TEAM}</span>{IMG_THR}<table class="forumlinenb" width="100%" cellspacing="0" cellpadding="0"> <tr><td class="row1 row-center" align="center" nowrap="nowrap"><div class="post-text">{L_BBC_IP_CREDITS}</div></td></tr> </table>{IMG_TFL}{IMG_TFC}{IMG_TFR} {IMG_THL}{IMG_THC}<span class="forumlink">{L_PAGE_NAME}</span>{IMG_THR}<table class="forumlinenb" width="100%" cellspacing="0" cellpadding="0"> <tr> <th width="30%" height="25">{L_HACK_NAME}</th> <th width="20%">{L_AUTHOR}</th> <th>{L_DESCRIPTION}</th> <th>{L_WEBSITE}</th> </tr> <!-- BEGIN empty_switch --> <tr><td colspan="7" class="row1 row-center">{L_NO_HACKS}</td></tr> <!-- END empty_switch --> <!-- BEGIN listrow --> <tr> <td class="row1" valign="middle"><span class="gen">  {listrow.HACK_NAME} {listrow.HACK_VERSION}</span></td> <td class="row1g" valign="middle"><span class="genmed">{listrow.HACK_AUTHOR}</span></td> <td class="row1"><span class="genmed">{listrow.HACK_DESC}</span></td> <td class="row1g" valign="middle"><span class="gensmall">{listrow.HACK_WEBSITE}</span></td> </tr> <!-- END listrow --> <tr><td class="catbottom" colspan="4" height="28" align="right"> </td></tr> </table>{IMG_TFL}{IMG_TFC}{IMG_TFR} ######## OPEN: memberlist_body.tpl (Something has to be removed to accommodate 80% width.) :P FIND: <td align="left" valign="middle">{memberrow.AVATAR_IMG}</td> REPLACE WITH: <!-- <td align="left" valign="middle">{memberrow.AVATAR_IMG}</td> --> ######## OPEN: privmsgs_body.tpl FIND: <div class="forumline" style="padding-left:3px;padding-right:3px"> <table class="empty-table" width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td align="right" style="vertical-align:top;"> <!-- BEGIN switch_box_size_notice --> <table class="forumline" width="190" cellspacing="0"> <tr><th colspan="3"><span class="gensmall">{ATTACH_BOX_SIZE_STATUS}</span></th></tr> <tr> <td colspan="3" width="190" class="row1" nowrap="nowrap"><img src="{BAR_GRAPHIC_LEFT}" width="4" height="12" alt="" /><img src="{BAR_GRAPHIC_BODY}" width="{ATTACHBOX_LIMIT_IMG_WIDTH}" height="12" alt="{INBOX_LIMIT_PERCENT}" /><img src="{BAR_GRAPHIC_RIGHT}" width="4" height="12" alt="" /></td> </tr> <tr> <td width="33%" class="row3"><span class="gensmall"><span class="text_green">0%</span></span></td> <td width="34%" class="row3 row-center"><span class="gensmall"><span class="text_blue">50%</span></span></td> <td width="33%" class="row3 row-right"><span class="gensmall"><span class="text_red">100%</span></span></td> </tr> </table> <!-- END switch_box_size_notice --> </td> <td width="100%" align="center" style="vertical-align:top;"> <div class="forumline" style="margin-left:5%;margin-right:5%"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td width="25%" align="center">{INBOX_IMG}<br /><span class="forumlink">{INBOX}</span></td> <td width="25%" align="center">{SENTBOX_IMG}<br /><span class="forumlink">{SENTBOX}</span></td> <td width="25%" align="center">{OUTBOX_IMG}<br /><span class="forumlink">{OUTBOX}</span></td> <td width="25%" align="center">{SAVEBOX_IMG}<br /><span class="forumlink">{SAVEBOX}</span></td> </tr> </table> </div> </td> <td align="right" style="vertical-align:top;"> <!-- BEGIN switch_box_size_notice --> <table class="forumline" width="190" cellspacing="0"> <tr><th colspan="3"><span class="gensmall">{BOX_SIZE_STATUS}</span></th></tr> <tr> <td colspan="3" width="190" class="row1" nowrap="nowrap"><img src="{BAR_GRAPHIC_LEFT}" width="4" height="12" alt="" /><img src="{BAR_GRAPHIC_BODY}" width="{INBOX_LIMIT_IMG_WIDTH}" height="12" alt="{INBOX_LIMIT_PERCENT}%" title="{INBOX_LIMIT_PERCENT}%" /><img src="{BAR_GRAPHIC_RIGHT}" width="4" height="12" alt="" /></td> </tr> <tr> <td width="33%" class="row3"><span class="gensmall"><span class="text_green">0%</span></span></td> <td width="34%" class="row3 row-center"><span class="gensmall"><span class="text_blue">50%</span></span></td> <td width="33%" class="row3 row-right"><span class="gensmall"><span class="text_red">100%</span></span></td> </tr> </table> <!-- END switch_box_size_notice --> </td> </tr> </table> </div> REPLACE WITH: <div class="forumline" style="padding-left:3px;padding-right:3px"> <table class="empty-table" width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td align="right" style="vertical-align:top;"> <!-- BEGIN switch_box_size_notice --> <table class="row1g" width="20%" cellspacing="0"> <tr><th colspan="3"><span class="gensmall">{ATTACH_BOX_SIZE_STATUS}</span></th></tr> <tr> <td colspan="3" width="190" class="row1" nowrap="nowrap"><img src="{BAR_GRAPHIC_LEFT}" width="4" height="12" alt="" /><img src="{BAR_GRAPHIC_BODY}" width="{ATTACHBOX_LIMIT_IMG_WIDTH}" height="12" alt="{INBOX_LIMIT_PERCENT}" /><img src="{BAR_GRAPHIC_RIGHT}" width="4" height="12" alt="" /></td> </tr> <tr> <td width="33%" class="row3"><span class="gensmall"><span class="text_green">0%</span></span></td> <td width="34%" class="row3 row-center"><span class="gensmall"><span class="text_blue">50%</span></span></td> <td width="33%" class="row3 row-right"><span class="gensmall"><span class="text_red">100%</span></span></td> </tr> </table> <!-- END switch_box_size_notice --> </td> <td width="100%" align="center" style="vertical-align:top;"> <div class="forumline" style="margin-left:5%;margin-right:5%"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td width="25%" align="center">{INBOX_IMG}<br /><span class="forumlink">{INBOX}</span></td> <td width="25%" align="center">{SENTBOX_IMG}<br /><span class="forumlink">{SENTBOX}</span></td> <td width="25%" align="center">{OUTBOX_IMG}<br /><span class="forumlink">{OUTBOX}</span></td> <td width="25%" align="center">{SAVEBOX_IMG}<br /><span class="forumlink">{SAVEBOX}</span></td> </tr> </table> </div> </td> <td align="right" style="vertical-align:top;"> <!-- BEGIN switch_box_size_notice --> <table class="row1g" width="20%" cellspacing="0"> <tr><th colspan="3"><span class="gensmall">{BOX_SIZE_STATUS}</span></th></tr> <tr> <td colspan="3" width="190" class="row1" nowrap="nowrap"><img src="{BAR_GRAPHIC_LEFT}" width="4" height="12" alt="" /><img src="{BAR_GRAPHIC_BODY}" width="{INBOX_LIMIT_IMG_WIDTH}" height="12" alt="{INBOX_LIMIT_PERCENT}%" title="{INBOX_LIMIT_PERCENT}%" /><img src="{BAR_GRAPHIC_RIGHT}" width="4" height="12" alt="" /></td> </tr> <tr> <td width="33%" class="row3"><span class="gensmall"><span class="text_green">0%</span></span></td> <td width="34%" class="row3 row-center"><span class="gensmall"><span class="text_blue">50%</span></span></td> <td width="33%" class="row3 row-right"><span class="gensmall"><span class="text_red">100%</span></span></td> </tr> </table> <!-- END switch_box_size_notice --> </td> </tr> </table> </div> ######## OPEN: bbcb_smileys_mg.tpl FIND: <!-- END switch_sm_pic_upload --> AFTER ADD: (This adds "FRIENDS_ONLINE" to underneath Smilies in PM and Sig editor) <table width="90%" align="center" cellspacing="0" cellpadding="0"> <tr> <td>  {FRIENDS_ONLINE} </td> </tr> </table> ######## OPEN: profile_signature.tpl FIND AND REMOVE: <!-- INCLUDE profile_cpl_menu_inc_start.tpl --> ######## OPEN: posting_body.tpl FIND AND REMOVE: {CPL_MENU_OUTPUT} ######## OPEN: style_ice.css FIND: @import url("dock.css"); AFTER ADD: #global-wrapper { width: 90%; } #shadow-left { background-image: url(images/ice/shadow_left.gif); background-repeat: repeat-y; background-position: left; } #shadow-right { padding: 0 9px 0 9px; background-image: url(images/ice/shadow_right.gif); background-repeat: repeat-y; background-position: right; } Wow! The template System has come a Lonnnnnnnng way in such a short time. RC1 Release: For those who want to stop the editor breaking the width in PM's and Signature. Spoiler: [ Show ] Spoiler: [ Hide ] Code: [Download] [Hide] [Select] Code: [Download] [Show] OPEN: bbcb_smileys_mg.tpl FIND: <!-- END switch_sm_pic_upload --> AFTER ADD: (This adds "FRIENDS_ONLINE" to underneath Smilies in PM and Sig editor) <table width="90%" align="center" cellspacing="0" cellpadding="0"> <tr> <td>  {FRIENDS_ONLINE} </td> </tr> </table> ######## OPEN: profile_signature.tpl FIND AND REMOVE: <!-- INCLUDE profile_cpl_menu_inc_start.tpl --> ######## OPEN: posting_body.tpl FIND AND REMOVE: {CPL_MENU_OUTPUT} Last edited by Lopalong on Mon 06 Apr, 2009 03:43; edited 2 times in total
Inactive User [ Wed 07 Jan, 2009 23:11 ]

Re: Reducing Theme To 80% By Lopalong?
Thanks Lopa!!!! You are the BEST.
abels_182 [ Thu 08 Jan, 2009 01:05 ]

Re: Reducing Theme To 80% By Lopalong?
What are these MODifications for?
Sarakin [ Thu 08 Jan, 2009 01:25 ]

Re: Reducing Theme To 80% By Lopalong?
For "Reducing Theme To 80% By Lopalong?" So when you go to various pages mentioned in the MOD - the layout doesn't break. That's what it's for!
Inactive User [ Thu 08 Jan, 2009 01:30 ]

Re: Reducing Theme To 80% By Lopalong?
Hey Lopalong. This does not look good with resolutions higher than 1024x768 ... How can I change the percentage (%) by the pixels? Thank you
abels_182 [ Fri 09 Jan, 2009 23:32 ]

Re: Reducing Theme To 80% By Lopalong?
Here! #global-wrapper { width: 90%; } change width to 860px; or whatever suits you or the style you are trying to squash etc. And if it's Crystal Styles, you ain't going to be able to squash them very much - But you didn't say what style you were changing.
Inactive User [ Sat 10 Jan, 2009 00:18 ]

Re: Reducing Theme To 80% By Lopalong?
abels_182 wrote: [View Post] Hey Lopalong. This does not look good with resolutions higher than 1024x768 ... I disagree. Of course words and images are going to appear smaller because of increased resolution, but most of your users will not have their resolution set above 1024x768. Take a look at my site with Lopalong's reducing code. Link is in my profile.
Chaotic [ Sat 10 Jan, 2009 00:26 ]

Re: Reducing Theme To 80% By Lopalong?
Lopalong wrote: [View Post] Here! #global-wrapper { width: 90%; } If I change to 860px, the right edge of the template away. If I write a value of less than 860px, the portal is aligned to the right what happens? Thanks! Bye
abels_182 [ Sat 10 Jan, 2009 08:21 ]

Re: Reducing Theme To 80% By Lopalong?
A link to your site Please? Post the script you have in the overall_footer for the theme you are trying to change. And DON'T send me to imageshack again - Upload your pics here.
Inactive User [ Sat 10 Jan, 2009 08:37 ]

Re: Reducing Theme To 80% By Lopalong?
My Site This is my overall_footer.tpl: Spoiler: [ Show ] Spoiler: [ Hide ] Code: [Download] [Hide] [Select] Code: [Download] [Show] <!-- BEGIN switch_importal --> {PORTAL_TAILCENTER} </td> {PORTAL_TAILRIGHT} </tr> </table> {PORTAL_TAIL} <!-- END switch_importal --> {CMS_ACP} <div style="text-align:center;"><font size="2" face="Verdana"> <a href="http://invertironline.net/"><span style="text-decoration: none;"> InvertirOnLine</span></a> <b>\|</b> <a href="http://kosciuk.net/blog/"> <span style="text-decoration: none;">Kosciuk</span></a> <b>\|</b> <a href="http://apuntesyresumenes.com/"><span style="text-decoration: none;"> Apuntes y Resúmenes</span></a></font></div> <div style="text-align:center;"><font face="Verdana" size="2"><b>ENLAONDA - </b>www.enlaonda.com.ar & www.enlaonda.co.cc</font></div> <div style="text-align:center;"><span class="admin-link">{ADMIN_LINK}</span><br /><br /></div> </td> </tr> <!-- BEGIN switch_footer_table --> <tr> <td width="100%" colspan="3"> <div style="padding-left:5px; padding-right:5px;"> <table class="forumline" width="100%" cellspacing="0" cellpadding="0"> <tr><td class="row-header"><span>{L_STAFF_MESSAGE}</span></td></tr> <tr><td><div class="post-text"><br />{switch_footer_table.FOOTER_TEXT}<br /><br /></div></td></tr> </table> </div> </td> </tr> <!-- END switch_footer_table --> <!-- <tr> <td colspan="3" width="100%"> <table class="empty-table" width="100%" cellspacing="0" cellpadding="0" border="0"> <tr><td class="row5bg" width="100%"> </td></tr> </table> </td> </tr> --> <tr> <td colspan="3"> <div id="bottom_logo_ext"> <div id="bottom_logo"> <table class="empty-table" width="100%" height="35px" cellspacing="0" cellpadding="0" border="0"> <tr> <td nowrap="nowrap" width="25%" align="left"> <span class="copyright"> Powered by <a href="http://www.icyphoenix.com/" target="_blank">Icy Phoenix</a> \| <a href="http://www.phpbb.com/" target="_blank">phpBB</a>{TRANSLATION_INFO}</span> </td> <td nowrap="nowrap" align="center"> <div style="text-align:center;"> <span class="generation"><b>{LOFI}</b></span> <!-- BEGIN generation_time_switch --> <span class="generation">{PAGE_GEN_TIME} <b>{GENERATION_TIME}s</b> (PHP: {PHP_PART}% SQL: {SQL_PART}%)</span><br /> <span class="generation">{SQL_QUERIES}: {NUMBER_QUERIES} - {DEBUG_TEXT} - {GZIP_TEXT}</span> <!-- END generation_time_switch --> </div> </td> <td nowrap="nowrap" width="25%" align="right"> <span class="copyright">Design by <a href="http://www.mightygorgon.com" target="_blank">Mighty Gorgon</a> </span><br /> <span><script> var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec") function countup(yr,m,d){ var today=new Date() var todayy=today.getYear() if (todayy < 1000) todayy+=1900 var todaym=today.getMonth() var todayd=today.getDate() var todaystring=montharray[todaym]+" "+todayd+", "+todayy var paststring=montharray[m-1]+" "+d+", "+yr var difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(2460601000))1) difference+=" días" document.write(" "+difference+" online! ") } //cambiar la fecha countup(2008,9,28) </script> </span> </td> </tr> </table> </div> </div> </td> </tr> </table> {BOTTOM_HTML_BLOCK} <span><a name="bottom"></a></span> </body> </html> Sorry for my poor English Thanks
abels_182 [ Sat 10 Jan, 2009 19:20 ]

Re: Reducing Theme To 80% By Lopalong?
The footer script you have posted does not reflect the changes as required in the instructions.
Inactive User [ Sun 11 Jan, 2009 11:23 ]

Re: Reducing Theme To 80% By Lopalong?
Thanks! Works Great!
abels_182 [ Sun 11 Jan, 2009 22:54 ]

Re: Reducing Theme To 80% By Lopalong?
Glad you fixed it! For your sake and others in future, The best way to help solve most problems with themes is: Post a URL to your site: Include the theme ID number that you will find in the ACP - Style and Templates > Default Style etc. It makes it so much easier.!
Inactive User [ Mon 12 Jan, 2009 01:26 ]

Re: Reducing Theme To 80% By Lopalong?
Just a cosmetic suggestion for all people who want to reduce their template to a fixed width... I would use TWO COLUMNS in home page instead of three...
Mighty Gorgon [ Sat 17 Jan, 2009 13:11 ]

Display posts from previous: