Template help

Temporary forum to obtain support for MODs/Styles while phpbb.com is down
User avatar
COD3M4ST3R-X
Registered User
Posts: 228
Joined: Wed Nov 05, 2008 7:52 am
Location: Lahore,Pakistan
Contact:

Re: Template help

Post by COD3M4ST3R-X »

sathsara wrote:thanks. Thats better now. Sorry for trubling you like this but you konw how to align the logout button to the right?
Open:twilightbb/theme/stylesheet.css
Find:

Code: Select all

#navlist {
	font-size: 10px;
	font-weight:bold;
	text-align:center;
}
In line Find:

Code: Select all

	text-align:center;
Replace with

Code: Select all

	text-align:right;
Image
Image
Image
Long Live PhpBB!

sathsara
Registered User
Posts: 16
Joined: Sat Feb 07, 2009 9:57 am

Re: Template help

Post by sathsara »

COD3M4ST3R-X, Thank you very much for your help. But now the site look weird. Out of aligned, Its a little mess so Im thinkin of moving the new posts button and your posts buttons to the line where logout button is placed [make them in one line] and remove the other two buttons [the are not very useful], I tried but I couldnt figure out how to do that.
Thanks

User avatar
COD3M4ST3R-X
Registered User
Posts: 228
Joined: Wed Nov 05, 2008 7:52 am
Location: Lahore,Pakistan
Contact:

Re: Template help

Post by COD3M4ST3R-X »

sathsara wrote:COD3M4ST3R-X, Thank you very much for your help. But now the site look weird. Out of aligned, Its a little mess so Im thinkin of moving the new posts button and your posts buttons to the line where logout button is placed [make them in one line] and remove the other two buttons [the are not very useful], I tried but I couldnt figure out how to do that.
Thanks
Like this.
Image
overall_header.html

Code: Select all

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
    <head>

    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
    <meta http-equiv="content-language" content="{S_USER_LANG}" />
    <meta http-equiv="content-style-type" content="text/css" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta name="resource-type" content="document" />
    <meta name="distribution" content="global" />
    <meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    {META}
    <title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>
    <script type="text/javascript">
    // <![CDATA[
    <!-- IF S_USER_PM_POPUP -->
       if ({S_NEW_PM})
       {
          popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
       }
    <!-- ENDIF -->

    if (typeof blankImg == 'undefined') var blankImg = '{T_THEME_PATH}/images/spacer.gif';

    function popup(url, width, height, name)
    {
       if (!name)
       {
          name = '_popup';
       }

       window.open(url.replace(/&/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
       return false;
    }

    function jumpto()
    {
       var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
       var perpage = '{PER_PAGE}';
       var base_url = '{A_BASE_URL}';

       if (page !== null && !isNaN(page) && page > 0)
       {
          document.location.href = base_url.replace(/&/g, '&') + '&start=' + ((page - 1) * perpage);
       }
    }

    /**
    * Find a member
    */
    function find_username(url)
    {
       popup(url, 760, 570, '_usersearch');
       return false;
    }

    /**
    * Mark/unmark checklist
    * id = ID of parent container, name = name prefix, state = state [true/false]
    */
    function marklist(id, name, state)
    {
       var parent = document.getElementById(id);
       if (!parent)
       {
          eval('parent = document.' + id);
       }

       if (!parent)
       {
          return;
       }

       var rb = parent.getElementsByTagName('input');
       
       for (var r = 0; r < rb.length; r++)
       {
          if (rb[r].name.substr(0, name.length) == name)
          {
             rb[r].checked = state;
          }
       }
    }

    <!-- IF ._file -->

       /**
       * Play quicktime file by determining it's width/height
       * from the displayed rectangle area
       *
       * Only defined if there is a file block present.
       */
       function play_qt_file(obj)
       {
          var rectangle = obj.GetRectangle();

          if (rectangle)
          {
             rectangle = rectangle.split(',')
             var x1 = parseInt(rectangle[0]);
             var x2 = parseInt(rectangle[2]);
             var y1 = parseInt(rectangle[1]);
             var y2 = parseInt(rectangle[3]);

             var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
             var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
          }
          else
          {
             var width = 200;
             var height = 0;
          }

          obj.width = width;
          obj.height = height + 16;

          obj.SetControllerVisible(true);

          obj.Play();
       }
    <!-- ENDIF -->

    // ]]>
    </script>
    <script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
    <link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />
    <!--[if IE]><link href="{T_THEME_PATH}/ie.css" rel="stylesheet" type="text/css" /><![endif]-->
    </head>
    <body id="phpbb" class="{S_CONTENT_DIRECTION}">

    <table id="container" cellspacing="0" cellpadding="0" border="0">
    <tr>
    <td id="bgleft"><img src="{T_THEME_PATH}/images/spacer.gif" width="53px" alt="" /></td>
    <td id="middle" valign="top">
    <a id="top" name="top" accesskey="t"></a>

    <div id="wrapper">

    <div id="banner">
       <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
    </div>

    <div id="header">
       <div id="menu">
          <a class="faq" href="{U_FAQ}" title="{L_FAQ_EXPLAIN}"><span>{L_FAQ}</span></a>
          <!-- IF not S_IS_BOT --><a class="members" href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}"><span>{L_MEMBERLIST}</span></a><!-- ENDIF -->
          <!-- IF not S_IS_BOT --><a class="search" href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}"><span>{L_SEARCH}</span></a><!-- ENDIF -->
          <!-- IF not S_IS_BOT and S_USER_LOGGED_IN --><a class="ucp" href="{U_PROFILE}" title="{L_PROFILE}"><span>{L_PROFILE}</span></a><!-- ENDIF -->
          <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
          <!-- IF not S_USER_UNREAD_PRIVMSG --><a class="nonewpms" href="{U_PRIVATEMSGS}"><span>{PRIVATE_MESSAGE_INFO}</span></a><!-- ENDIF -->
          <!-- IF S_USER_UNREAD_PRIVMSG --><a class="newpms" href="{U_PRIVATEMSGS}" title="{PRIVATE_MESSAGE_INFO}"><span>{PRIVATE_MESSAGE_INFO}</span></a><!-- ENDIF -->
          <!-- ENDIF -->
          <!-- IF U_MCP --><a class="mcp" href="{U_MCP}"><span>{L_MCP}</span></a><!-- ENDIF -->
       </div>
       <br clear="all" />
       
       <div id="crumbs">
       
          <!-- IF not S_USER_LOGGED_IN -->
          <form action="{ROOT_PATH}ucp.php?mode=login" method="post">
          <table class="toplogin" cellspacing="0">
          <tr>
          <td><span class="gensmall">Username:</span></td>
          <td><input class="post" type="text" name="username" size="10" /></td>
          <td nowrap="nowrap"><input type="checkbox" checked="true" class="radio" name="autologin" /> <span style="vertical-align: middle;" class="gensmall">Remember me</span></td>
          </tr>
          <tr>
          <td><span class="gensmall">Password:</span></td>
          <td><input class="post" type="password" name="password" size="10" /></td>
          <td><input type="submit" class="btnmain" name="login" value="Login" /></td>
          </tr>
          </table>
          {S_FORM_TOKEN}
          </form>
          <!-- ENDIF -->
          <ul class="breadcrumbs">
             <li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>
          </ul>
       </div>
       <!-- IF not S_IS_BOT -->
       <ul id="navlist">
          <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
          <li><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
          <!-- IF U_RESTORE_PERMISSIONS --><li><a href="{U_RESTORE_PERMISSIONS}"><span>{L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
       </ul>
       <!-- ENDIF -->
       <!-- IF S_DISPLAY_SEARCH -->
       <p class="searchbar">
          <!-- IF S_USER_LOGGED_IN -->
          <span style="float: {S_CONTENT_FLOW_END};"><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></span>
          <!-- ENDIF -->
       </p>
       <!-- ENDIF -->
       <br clear="all" />	   

    </div>

    <div id="ct"><div id="ct2"><div id="ctl"><div id="ctr">
    <div id="cb"><div id="cbl"><div id="cbr">

       <div id="wrapheader">
          <table width="100%" cellspacing="0">
          <tr>
             <td class="gensmall"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ENDIF --></td>
             <td class="gensmall" align="{S_CONTENT_FLOW_END}">{CURRENT_TIME}<br /></td>
          </tr>
          </table>
       </div>

       <div id="wrapcentre">
Image
Long Live PhpBB!

Locked