Add extra links below the header..

[vik007]

Hi guys, basically i want to add a horizontal row of links right beneath my header logo..

How would i do that?

http://www.letsplaysport.co.uk/zc/

thanks

[fred_artemis]

First open includes > templates > YOUR_TEMPLATE > common > tpl_header.php

After the last line of the source code add this code:

<div id="horizontalNavBar">
<ul>
<li><a class="" href="NEW_LINK1">Link name 1</a></li>
<li><a class="" href="NEW_LINK2">Link name 2</a></li>
</ul>
</div>


Add the styles below in stylesheet.css
(This is only an example, you can changes to change the look)

#horizontalNavBar{
white-space : nowrap;
background-color : #000;
float : left;
color : #fff;
width : 794px;
border-style : solid;
border-color : #000;
border-width : 4px 3px 0px 3px;
}
#horizontalNavBar ul{
padding : 0px;
margin : 0px;
float : right;
}
#horizontalNavBar ul li{
display : inline;
}
#horizontalNavBar ul li a{
padding-left : 1em;
padding-right : 1em;
background-color : #000;
color : #fff;
font-size: 12px;
font-family: arial,helvetica,sans-serif;
font-weight : bold;
text-decoration : none;
float : left;
border-right-color : #000;
border-right-style : solid;
border-right-width : 1px;
}
#horizontalNavBar ul li a:hover{
background-color : #fff;
color : #000;
}

[vik007]

Hi mate..Did what you said...but it looks kinda wrong...where have i gone wrong??

www.letsplaysport.co.uk/zc

[vik007]

If i can hook the pages to page_2 and the other to page_3 that would be excellent and perfect.

[vik007]

i found that i can use EZ pages....seems a lot easier..thank you for your help anyway..i sure il be back to make minor adjustments.lol

[vik007]

Hi im back again. managed to get a EZ page created and hooked up beneath the header.

My question is what do i need to change (and where) to mess about with the font.

For eg: the text 'Tips' is way to small..how do i make it white & larger.

thanxs

www.letsplaysport.co.uk/zc