add tabs like this?

Add this to your style sheet:

Remember to change the hex to the colours you wish for it to be.

Code: 
.tabsetting
{
background-color: #hex;
border: 1px solid #hex;
border-bottom: 0px;
padding: 3px;
color: #hex;
}

.tabsetting a
{
background-color: #hex;
border: 1px solid #hex;
border-bottom: 0px;
padding: 3px;
color: #hex;
}

.tabsetting a:hover
{
background-color: #hex;
border: 1px solid #hex;
border-bottom: 0px;
padding: 3px;
color: #hex;
}

Add this to your header or where ever you wish for the tabs to be. Also remember to change the URL and 'Link1' etc to your information.

Code: 
<div class="tabsetting">
<a href="link1.php"/>Link 1</a>
<a href="link1.php"/>Link 2</a>
<a href="link1.php"/>Link 3</a>
<a href="link1.php"/>Link 4</a>
</div>
 
to add images simple change this:

Code: 
background-color: #hex;

too:

Code: 
background: #hex url(imagelinkhere) repeat-x top;

hope this helps.
 
Scenekids said:
Add this to your style sheet:

Remember to change the hex to the colours you wish for it to be.

Code: 
.tabsetting
{
background-color: #hex;
border: 1px solid #hex;
border-bottom: 0px;
padding: 3px;
color: #hex;
}

.tabsetting a
{
background-color: #hex;
border: 1px solid #hex;
border-bottom: 0px;
padding: 3px;
color: #hex;
}

.tabsetting a:hover
{
background-color: #hex;
border: 1px solid #hex;
border-bottom: 0px;
padding: 3px;
color: #hex;
}

Add this to your header or where ever you wish for the tabs to be. Also remember to change the URL and 'Link1' etc to your information.

Code: 
<div class="tabsetting">
<a href="link1.php"/>Link 1</a>
<a href="link1.php"/>Link 2</a>
<a href="link1.php"/>Link 3</a>
<a href="link1.php"/>Link 4</a>
</div>
Click to expand...

is that go in the header template or what template i might want to do this :D
but i think it may be a waste idk.
how to?
 
Depends what section it will go in... The CSS section will go in to Main CSS - Add it to the text box at the bottom of that page. Then the links part will go in to all style options, then you add it where ever you wish for the tabs to go.
 
and where do i add this ?
.tabsetting
{
background-color: #hex;
border: 1px solid #hex;
border-bottom: 0px;
padding: 3px;
color: #hex;
}

.tabsetting a
{
background-color: #hex;
border: 1px solid #hex;
border-bottom: 0px;
padding: 3px;
color: #hex;
}

.tabsetting a:hover
{
background-color: #hex;
border: 1px solid #hex;
border-bottom: 0px;
padding: 3px;
color: #hex;
}
Click to expand...
 
Add the code: Admin CP > Style Manager > Choose your style within the drop down menu select Main CSS > Scroll to the bottom to Additional CSS Definitions > Then you will see a lot of coding within the text box. Add it to the bottom.
 
ya i added on the bottom of first text box..
and where i post the html code
well i think it didnt work..
but can u tell me where i put the html code
 
You must log in or register to reply here.
Back
Top