Header

[Blade-uk]

My site - www.tech-arena.co.uk (http://www.tech-arena.co.uk/)
My Forums - www.tech-arena.co.uk/forum (http://www.tech-arena.co.uk/forum)

I have adjusted the forums to the same size as the site, and similar colours, what i want to do now is take the top part of the site, see attachment below, and stick it in the header of the forums, any ideas how i would do this, i am using css for the site, when i try adding it it comes out in wrong colours, and i dont know where to put the css file, if anyone could help and tell me where in the header to put the code etc... i would greatly appreciate it.

Thanks

Blade

P.S. i attached my header file code aswell

Thanks

[achtungbaby]

My site - www.tech-arena.co.uk (http://www.tech-arena.co.uk/)
My Forums - www.tech-arena.co.uk/forum (http://www.tech-arena.co.uk/forum)

I have adjusted the forums to the same size as the site, and similar colours, what i want to do now is take the top part of the site, see attachment below, and stick it in the header of the forums, any ideas how i would do this, i am using css for the site, when i try adding it it comes out in wrong colours, and i dont know where to put the css file, if anyone could help and tell me where in the header to put the code etc... i would greatly appreciate it.

Thanks

Blade

P.S. i attached my header file code aswell

Thanks

Go to your admin control panel. In the styles & templates section, select Style Manager and then navigate to the "common templates" section of your style. In the "head" section, you should find the area you're lookin' for.

[Blade-uk]

ye i've done that, but i've fiddled and can't get it right, can anyone help with where the code has to go, what code i need etc...

[Brewer]

If you'll post the code you use to create the html header from the rest of your site I'll modify the header template for you.

[Blade-uk]

cheers mate, i really appreciate this

here is the code -


<table width="700" align="center" cellpadding="0" cellspacing="0" class="table_whiteborder">
<tr>
<td bgcolor="#A7A7A7"><div align="right">
<table width="100%" border="0" cellpadding="1" cellspacing="0" class="table_blueborder">
<tr>
<td><div align="right"><span class="small_bold"><a href="index.php">Home</a> | <a href="index.php?page=about">About Us</a> | <a href="index.php?page=contact">Contact Us</a></span></div></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td height="80" bgcolor="#2A4E66"><center>
<img src="http://www.tech-arena.co.uk/images/banner_1.gif" width="700" height="80">
</center></td>
</tr>
<tr>
<td bgcolor="#A7A7A7"><center>
<table width="100%" cellpadding="1" cellspacing="0" class="table_blueborder">
<tr>
<td><center>
<b> <a href="index.php?page=news">News</a> | <a href="index.php?page=reviews">Reviews</a> | <a href="index.php?page=guides">Guides</a> | <a href="index.php?page=downloads">Downloads</a> | <a href="index.php?page=affiliates">Affiliates</a> | <a href="index.php?page=staff">Staff</a> | <a href="http://www.tech-arena.co.uk/forum/" target="_blank">Forums</a> </b>
</center></td>
</tr>
</table>
</center></td>
</tr>
</table>
many thanks, appreciated

my header at the moment is -


<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="$stylevar[left]"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar[right]">
&nbsp;
<!--
NEW HEADER &amp; NAVBAR

Now that the nav buttons are in the
navbar template, you can stick whatever
you like into this space.
This makes it much easier for novice
admins to customize their header
template without affecting important
navigation elements.
-->
</td>
</tr>
</table>
<!-- /logo -->
<!-- content table -->
$spacer_open
$_phpinclude_output

which is standard

[Brewer]

I just tried this on my test board, and it works. You may have to make minor adjustments for some of the spacing.

For the CSS to work, go to your template manager, select "Main CSS" for the template you want to modify, and scroll down to the "Additional CSS Definitions" box and enter your custom CSS here.

[Blade-uk]

cheers mate, works a treat, i made it 100% too,

www.tech-arena.co.uk (http://www.tech-arena.co.uk) - site
www.tech-arena.co.uk/forum/ (http://www.tech-arena.co.uk/forum/) - forum


what u think?

once again thanks alot

[Brewer]

Looks good. Glad I could help. :D

[Blade-uk]

just looking at the css now

any idea what i have to add ?

i know im useless and a pain lol

http://www.tech-arena.co.uk/main.css is the css to the site and in the additional css bit at the moment is this -


/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }
/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }
/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }

[Brewer]

Try adding this:


.table_blueborder td {
border-color:#2A4E66;
border-style:solid;
border-width:2px;}

.table_whiteborder, td, th {
border-color:#ffffff;
border-style:solid;
border-width:1px;}

.small_bold {
font-size: 12px;
font-weight: bold;}

[Blade-uk]

thanks alot :D

much appreciated :D