Support for PhpBB3.
Forum rules
Post by dragon 12 Apr 2010, 12:08
1. as shown in pix arrow. how to increase navbar font?
2. how to add my old tabled header comprised of two columns and 2 separate banners (without skewing browser displays like IE)
whereas old code with table is the ff:
Code: Select all
<tr>
<td width="100%" valign="center" height="78">
<div align="center">
<table align="LEFT" width="89%" border="0">
<tr align="CENTER">
<td height="23" width="36%">
<div align="center"><a href="http://www.financemanila.net"><img alt="Finance Manila : The Philippine Stock Market Authority. Since 1998." src="http://i250.photobucket.com/albums/gg266/financemanila2/FM3.jpg" width="263" height="71" border="0"></a></div></td>
<td width="64%">
<div align="center">
<pre><a href="https://www.wealthsec.net/"><img src="http://i250.photobucket.com/albums/gg266/financemanila2/WSI_BANNER-ADS2.gif" alt="WealthSec Online and Philequity" width="468" height="75" border="0" align="middle"></a> </pre>
<h6><a href="https://www.wealthsec.net/">WealthSec</a> and <a href="http://www.philequity.net/">Philequity</a></h6>
</div></td>
</tr>
</table>
</div></td>
</tr>
Post by Steve 12 Apr 2010, 13:09
look in content.css or common.css for font size,s
try this table
Code: Select all
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<div style="text-align: center;"><a href="http://www.financemanila.net"><img alt="Finance Manila : The Philippine Stock Market Authority. Since 1998." src="http://i250.photobucket.com/albums/gg266/financemanila2/FM3.jpg" width="263" height="71" /></a></div>
</td>
<td style="width:64%">
<div style="text-align: center;">
<pre><a href="https://www.wealthsec.net/"><img src="http://i250.photobucket.com/albums/gg266/financemanila2/WSI_BANNER-ADS2.gif" alt="WealthSec Online and Philequity" width="468" height="75" /></a> </pre>
<p><a href="https://www.wealthsec.net/">WealthSec</a> and <a href="http://www.philequity.net/">Philequity</a></p>
</div>
</td>
</tr>
</table>
Post by dragon 12 Apr 2010, 14:44
say what? you mean add this table in the css files?
Post by Steve 12 Apr 2010, 14:46
your tables a mess my codes html valid and will go in a html file more than likely the overall_header.html, where did you use it last?
Post by dragon 13 Apr 2010, 05:25
i used it last from an old *.tpl of phpbb2, even tried it on etech style of phpbb3 but had to scrap the whole style since it crashed my server continuously and too many errors to trace
Post by dragon 13 Apr 2010, 13:26
hello again.
using the CLOCK FIELD which i modified to turn into my logo. i again removed the logo, removed the whole box, placed it at the bottom square, and placed a search box
Code: Select all
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dt>SEARCH</dt>
</li>
</ul>
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box">
<form action="{U_SEARCH}" method="post" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
<br />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF -->
<span class="corners-bottom"><span></span></span></div>
</div>
-it works in IE but it kind of looks, well... ugly.
-displayed text is indented to the right.
-on top of the search field, there is too much space.
-it is on a big dark blue cel because the word ADVANCED SEARCH is white
Post by Steve 13 Apr 2010, 13:42
try,
Code: Select all
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dt>{L_SEARCH}</dt>
</li>
</ul>
<li>
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box">
<form action="{U_SEARCH}" method="post" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
<br />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div><!-- ENDIF -->
</li>
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
or,
Code: Select all
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dt>{L_SEARCH}</dt>
</li>
</ul>
<li>
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div style="text-align: center;">
<form action="{U_SEARCH}" method="post" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
<br />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div><!-- ENDIF -->
</li>
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
Post by dragon 13 Apr 2010, 14:56
re: navbar. you were right it was in common css
i didnt locate what to change because i assumed there would be a font: something something
all along i had to add the font parameters myself as the default had none.
Code: Select all
.navbar {
background-color: #ebebeb;
padding: 5 20px;
font-family: Arial, Sans-serif;
font-size: 1.4em;
font-weight: normal;
}
and everything was okay
-----------------------------------------------------
re: search box alignment and space on top of search field
no go on both.
1st one appears okay and just the same as without your code, but with an added NEGATIVE due to table/box widening in IE only.
2nd one does align the search box and button, but are all pushed to the right of the table box, showing only half of the search and button in both ie and others
