Archive for myfreeforum.org Before posting please check the "stickies" in the support forums.
Please ask questions in real English and not "txt". You will get a better response.
Please do not ask support questions via PMs.
 



       myfreeforum.org Forum Index -> Portal components
archers-rest

Portal size - width

Is it possible to adjust the portal box sizes as the ones on my forum are different width's.
Nick(NR)

as the protals themselves are set to 100%, you can restrict the width of the table they appear in.

overall_header.tpl code please.
archers-rest

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="Author" content="http://www.trushkin.net" />
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="{T_TEMPLATE_PATH}/style.css" type="text/css">
<style type="text/css">
<!--
th, td.th, td.spacerow   { background-image: url({T_TEMPLATE_PATH}/images/cell1.gif); }
td.th2   { background-image: url({T_TEMPLATE_PATH}/images/cell1.gif); }
td.cat, td.catHead, td.catSides, td.catLeft, td.catRight   { background-image: url({T_TEMPLATE_PATH}/images/cell2.gif); }
td.catBottom { background-image: url({T_TEMPLATE_PATH}/images/cell3.gif); }
td.profile { background-image: url({T_TEMPLATE_PATH}/images/post_bg2.gif); }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("{T_TEMPLATE_PATH}/formIE.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
   if ( {PRIVATE_MESSAGE_NEW_FLAG} )
   {
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
   }
//-->
</script>
<!-- END switch_enable_pm_popup -->
<script language="javascript" type="text/javascript">
<!--

 function changeImages()
 {
  if (document.images)
  {
   for (var i=0; i<changeImages.arguments.length; i+=2)
   {
    document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
   }
  }
 }

 var PreloadFlag = false;

 function newImage(arg)
 {
  if (document.images)
  {
   rslt = new Image();
   rslt.src = arg;
   return rslt;
  }
 }

 function PreloadImages()
 {
  if (document.images)
  {
   // preload all rollover images
   <!-- BEGIN switch_user_logged_out -->
   img0 = newImage('{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_login_on.gif');
   img1 = newImage('{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_register_on.gif');
   <!-- END switch_user_logged_out -->
   <!-- BEGIN switch_user_logged_in -->
   img2 = newImage('{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_pm_on.gif');
   img3 = newImage('{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_profile_on.gif');
   img4 = newImage('{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_groups_on.gif');
   img5 = newImage('{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_logout_on.gif');
   <!-- END switch_user_logged_in -->
   img6 = newImage('{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_faq_on.gif');
   img7 = newImage('{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_search_on.gif');
   img8 = newImage('{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_users_on.gif');
   img9 = newImage('{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_index_on.gif');
   PreloadFlag = true;
  }
  return true;
 }

//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#0053A2" vlink="#00468C" alink="#FF6633" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" onload="PreloadImages();"><a name="top"></a><table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
   <td bgcolor="#0053A2" width="100%" align="center" valign="middle"><table border="0" cellspacing="0" cellpadding="5"><tr><td><a href="{U_INDEX}"><img src="templates/myff_archersrest1/images/copy1.gif" border="0" /></a></td></tr></table></td>
</tr>
<tr height="20">
   <td height="20" background="{T_TEMPLATE_PATH}/images/btn_bg.gif" align="center" valign="top"><table border="0" cellspacing="0" cellpadding="0">
      <!-- BEGIN switch_user_logged_out -->
      <td><a title="{L_LOGIN_LOGOUT}" href="{U_LOGIN_LOGOUT}" onmouseover="changeImages('btn_top_login', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_login_on.gif'); return true;" onmouseout="changeImages('btn_top_login', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_login.gif'); return true;"><img name="btn_top_login" src="{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_login.gif" height="20" border="0" alt="{L_LOGIN_LOGOT}" /></a></td>
      <td><a title="{L_REGISTER}" href="{U_REGISTER}" onmouseover="changeImages('btn_top_register', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_register_on.gif'); return true;" onmouseout="changeImages('btn_top_register', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_register.gif'); return true;"><img name="btn_top_register" src="{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_register.gif" height="20" border="0" alt="{L_REGISTER}" /></a></td>
      <!-- END switch_user_logged_out -->
      <!-- BEGIN switch_user_logged_in -->
      <td><a title="{L_PROFILE}" href="{U_PROFILE}" onmouseover="changeImages('btn_top_profile', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_profile_on.gif'); return true;" onmouseout="changeImages('btn_top_profile', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_profile.gif'); return true;"><img name="btn_top_profile" src="{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_profile.gif" height="20" border="0" alt="{L_PROFILE}" /></a></td>
      <td><a title="{PRIVATE_MESSAGE_INFO}" href="{U_PRIVATEMSGS}" onmouseover="changeImages('btn_top_pm', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_pm_on.gif'); return true;" onmouseout="changeImages('btn_top_pm', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_pm.gif'); return true;"><img name="btn_top_pm" src="{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_pm.gif" height="20" border="0" alt="{PRIVATE_MESSAGE_INFO}" /></a></td>
      <!-- END switch_user_logged_in -->
      <td><a title="{L_FAQ}" href="{U_FAQ}" onmouseover="changeImages('btn_top_faq', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_faq_on.gif'); return true;" onmouseout="changeImages('btn_top_faq', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_faq.gif'); return true;"><img name="btn_top_faq" src="{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_faq.gif" height="20" border="0" alt="{L_FAQ}" /></a></td>
      <td><a title="{L_MEMBERLIST}" href="{U_MEMBERLIST}" onmouseover="changeImages('btn_top_users', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_users_on.gif'); return true;" onmouseout="changeImages('btn_top_users', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_users.gif'); return true;"><img name="btn_top_users" src="{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_users.gif" height="20" border="0" alt="{L_MEMBERLIST}" /></a></td>
      <td><a title="{L_SEARCH}" href="{U_SEARCH}" onmouseover="changeImages('btn_top_search', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_search_on.gif'); return true;" onmouseout="changeImages('btn_top_search', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_search.gif'); return true;"><img name="btn_top_search" src="{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_search.gif" height="20" border="0" alt="{L_SEARCH}" /></a></td>
      <!-- BEGIN switch_user_logged_in -->
      <td><a title="{L_USERGROUPS}" href="{U_GROUP_CP}" onmouseover="changeImages('btn_top_groups', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_groups_on.gif'); return true;" onmouseout="changeImages('btn_top_groups', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_groups.gif'); return true;"><img name="btn_top_groups" src="{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_groups.gif" height="20" border="0" alt="{L_USERGROUPS}" /></a></td>
      <td><a title="{L_LOGIN_LOGOUT}" href="{U_LOGIN_LOGOUT}" onmouseover="changeImages('btn_top_logout', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_logout_on.gif'); return true;" onmouseout="changeImages('btn_top_logout', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_logout.gif'); return true;"><img name="btn_top_logout" src="{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_logout.gif" height="20" border="0" alt="{L_LOGIN_LOGOT}" /></a></td>
      <!-- END switch_user_logged_in -->
      <td><a title="{L_INDEX}" href="{U_INDEX}" onmouseover="changeImages('btn_top_index', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_index_on.gif'); return true;" onmouseout="changeImages('btn_top_index', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_index.gif'); return true;"><img name="btn_top_index" src="{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_index.gif" height="23" border="0" alt="{L_INDEX}" /></a></td>
   </table></td>
</tr>
<tr height="100%">
   <td align="center" valign="top" height="100%">
   <br />
   <table border="0" cellspacing="0" cellpadding="10" width="100%">
   <tr>
      <td align="center" valign="top">
<img src="http://i59.photobucket.com/albums/g282/l11obs/archersrestbanner.jpg"/img>

 <form action="search.php?mode=results" method="POST">
<input type="text" style="width: 300px" class="post" name="search_keywords" size="30" /><input type="hidden" name="search_terms" value="all" ><input type="hidden" name="search_forum" value="-1"><input type ="hidden" name="search_time" value="9999"><input type="hidden" name="search_fields" value="all" /> <input type="hidden" name="search_cat" value="-1"><input type="hidden" name="sort_by" value="0"/><input type="hidden" name="sort_dir" value="DESC" /><input type="hidden" name="show_results" value="topics" /><input type="hidden" name="return_chars" value="-1"/><input class="liteoption" type="submit" value="Search" /></form>


There you go sir
Nick(NR)

I'm not seeing any portal codes, I take it you have placed the portals in the index body so they don't appear next to the posts?

need the index_body.tpl if that is the case.
archers-rest

Silly me, yes its in the index


Code:
<!-- BEGIN switch_xs_enabled -->
<?php

// This code will be visible only if eXtreme Styles mod is installed.

// highlight private message info if there is a new message
global $userdata;
if(!empty($userdata['user_new_privmsg']) && !empty($this->vars['PRIVATE_MESSAGE_INFO']))
{
   $this->vars['PRIVATE_MESSAGE_INFO'] = '<b>' . $this->vars['PRIVATE_MESSAGE_INFO'] . '</b>';
}

?>
<!-- END switch_xs_enabled -->

<table width="100%"  border="0" cellspacing="3" cellpadding="3">
  <tr>
    <td width="135"><div align="top">



</div></td>

    <td width="100%"><div align="top">

<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
  <tr>
   <td align="left" valign="bottom"><span class="gensmall">
   <!-- BEGIN switch_user_logged_in -->
   {PRIVATE_MESSAGE_INFO}<br />
   {LAST_VISIT_DATE}<br />
   <!-- END switch_user_logged_in -->
   {CURRENT_TIME}<br />
   {S_TIMEZONE}<br />
   </span><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span></td>
   <td align="right" valign="bottom" class="gensmall">
      <!-- BEGIN switch_user_logged_in -->
      <a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
      <!-- END switch_user_logged_in -->
      <a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a><br />
      <a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></td>
  </tr>
</table>

</div></td>
  </tr>
  <tr>
   
<td width="125" valign="top"><div align="top">

      {MYFF.MAINMENU}<br>
      {MYFF.LATEST count="14"}<br>
      {MYFF.POPULAR count="14"}<br>
      {MYFF.LINKSMENU}<br>
      {MYFF.TOPPOSTERS count="10"}<br>

</div></td>











    <td width="100%" valign="top"><div align="top">

<!-- BEGIN catrow -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td width="15" align="right" valign="bottom"><img src="{T_TEMPLATE_PATH}/images/hdr_left.gif" width="15" height="28" border="0" alt="" /></td>
   <td width="100%" align="center" valign="middle" background="{T_TEMPLATE_PATH}/images/hdr_bg.gif"><span class="cattitle">&nbsp;<a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a>&nbsp;</span></td>
   <td width="15" align="left" valign="bottom"><img src="{T_TEMPLATE_PATH}/images/hdr_right.gif" width="15" height="28" border="0" alt="" /></td>
</tr>
</table>
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
<tr>
   <th colspan="2" class="thCornerL" height="26" nowrap="nowrap">&nbsp;{L_FORUM}&nbsp;</th>
   <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
   <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
   <th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
</tr>
<!-- BEGIN forumrow -->
<tr>
   <td class="row3" align="center" valign="middle" width="30" height="30"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="27" height="24" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
   <td class="row1" width="100%" onmouseover="this.style.backgroundColor='#F8F9FC';" onmouseout="this.style.backgroundColor='#EFF2F9';" onclick="window.location.href='{catrow.forumrow.U_VIEWFORUM}'"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
     </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
     </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
   <td class="row2" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
   <td class="row2" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
   <td class="row3" align="center" valign="middle" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
</tr>
<!-- END forumrow -->
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
   <td width="15" align="right" valign="top"><img src="{T_TEMPLATE_PATH}/images/ftr_left.gif" width="15" height="15" border="0" alt="" /></td>
   <td width="100%" background="{T_TEMPLATE_PATH}/images/ftr_bg.gif"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
   <td width="15" align="left" valign="top"><img src="{T_TEMPLATE_PATH}/images/ftr_right.gif" width="15" height="15" border="0" alt="" /></td>
</tr>
</table>
<!-- END catrow -->

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td width="15" align="right" valign="bottom"><img src="{T_TEMPLATE_PATH}/images/hdr_left.gif" width="15" height="28" border="0" alt="" /></td>
   <td width="100%" align="center" valign="middle" background="{T_TEMPLATE_PATH}/images/hdr_bg.gif"><span class="cattitle">&nbsp;<a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a>&nbsp;</span></td>
   <td width="15" align="left" valign="bottom"><img src="{T_TEMPLATE_PATH}/images/hdr_right.gif" width="15" height="28" border="0" alt="" /></td>
</tr>
</table>
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
   <td class="row3" align="center" valign="middle" rowspan="2"><img src="{T_TEMPLATE_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
   <td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span>
   </td>
</tr>
<tr>
   <td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}<br/>{L_ONLINE_EXPLAIN}<br/>{MYFF.VISITS}</span></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
   <td width="15" align="right" valign="top"><img src="{T_TEMPLATE_PATH}/images/ftr_left.gif" width="15" height="15" border="0" alt="" /></td>
   <td width="100%" background="{T_TEMPLATE_PATH}/images/ftr_bg.gif"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
   <td width="15" align="left" valign="top"><img src="{T_TEMPLATE_PATH}/images/ftr_right.gif" width="15" height="15" border="0" alt="" /></td>
</tr>
</table>

<!-- BEGIN switch_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td width="15" align="right" valign="bottom"><img src="{T_TEMPLATE_PATH}/images/hdr_left.gif" width="15" height="28" border="0" alt="" /></td>
   <td width="100%" align="center" valign="middle" background="{T_TEMPLATE_PATH}/images/hdr_bg.gif"><a name="login"></a><span class="cattitle">{L_LOGIN_LOGOUT}</span></td>
   <td width="15" align="left" valign="bottom"><img src="{T_TEMPLATE_PATH}/images/hdr_right.gif" width="15" height="28" border="0" alt="" /></td>
</tr>
</table>
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
   <td class="row1" align="center" valign="middle" height="28"><span class="gensmall">{L_USERNAME}:
      <input class="post" type="text" name="username" size="10" />
      &nbsp;&nbsp;&nbsp;{L_PASSWORD}:
      <input class="post" type="password" name="password" size="10" />
      &nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN}
      <input class="text" type="checkbox" name="autologin" checked="checked" />
      &nbsp;&nbsp;&nbsp;
      <input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
      </span> </td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
   <td width="15" align="right" valign="top"><img src="{T_TEMPLATE_PATH}/images/ftr_left.gif" width="15" height="15" border="0" alt="" /></td>
   <td width="100%" background="{T_TEMPLATE_PATH}/images/ftr_bg.gif"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
   <td width="15" align="left" valign="top"><img src="{T_TEMPLATE_PATH}/images/ftr_right.gif" width="15" height="15" border="0" alt="" /></td>
</tr>
</table>
<!-- END switch_user_logged_out -->

<table cellspacing="3" border="0" align="center" cellpadding="0">
  <tr>
   <td width="20" align="center"><img src="{T_TEMPLATE_PATH}/images/folder_new_big.gif" alt="{L_NEW_POSTS}"/></td>
   <td><span class="gensmall">{L_NEW_POSTS}</span></td>
   <td>&nbsp;&nbsp;</td>
   <td width="20" align="center"><img src="{T_TEMPLATE_PATH}/images/folder_big.gif" alt="{L_NO_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
   <td>&nbsp;&nbsp;</td>
   <td width="20" align="center"><img src="{T_TEMPLATE_PATH}/images/folder_locked_big.gif" alt="{L_FORUM_LOCKED}" /></td>
   <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>

</div></td>
  </tr>
</table>
archers-rest

A member of my forum has posted a screen shot of the forum and the portals appear the same width on his How can this be?




*edit

This is because he was using firefox, when he switched to IE (like me) he got different size portals

hope this helps solve the problem
archers-rest

Symon

Patience Please and im sure nick will get back to you as soon as poss.

I could guess the answer but nick is the portal king
Nick(NR)

archers-rest wrote:
A member of my forum has posted a screen shot of the forum and the portals appear the same width on his How can this be?

*edit

This is because he was using firefox, when he switched to IE (like me) he got different size portals

hope this helps solve the problem


that'll be because firefox is a superior browser , honestly I don't think IE reads the code the same way hence the portals width being defined differently, as the links menu and top posters are set at 100% I can't see why they are shorter then popular topics, setting tables to 100% forces it to fill empty space which IE for some reason doesn't allow.

go into each portal component you are using and change the very first 100% to 125 and test it out in both browsers.
archers-rest

Thanks for that, I changed them to 125 and the edges just dissapeared under the forums so I set them all back to 100 and changed the smaller portals to 120%, look good now on IE, and im awaiting reports of how firefox see's it
Nick(NR)

Firefox and IE look good for me. Although I'm not using IE7 so if someone is can they view it and reply accordingly.
archers-rest

Thanks Nick, I have had reports from a user running IE 7 and all is well

       myfreeforum.org Forum Index -> Portal components
Page 1 of 1
Create your own free forum | Buy a domain to use with your forum