SMF For Free Support Forum

Use this code to put tabs up top on your forum.
The code will add the same "home", "help", "search" tabs to the top of the forum
It will work with any style and will match your style.

Screenshot of how it looks:



Edit the code and place it in your Header area:   Admin/Manage Styles/Edit Header/Footer
I have put directions for editing the code inside the code itself.

enjoy!

<!-- Begin Tabs Up Top.   Code by simply sibyl  -->
<div class="tborder" style="margin-bottom: -1px;">

<!-- Header area where it says Links in the top header.
==========================================================
You can replace the word Links with whatever you want
========================================================== -->

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="catbg" height="32">
<span>Links</span>
</td>
</tr>
<!-- End Header area where it says links.  -->


<!-- Begin Tab area.
==========================================================================
Replace "http://sibylstestsite.smfforfree3.com"  with YOUR forum url"
Replace "url goes here" and "link" for each tab.
To add more tabs:
Add this for each tab you want to add:
<td valign="top" class="maintab_back"><a href="url goes here">link</a></td>
=========================================================================== -->   

<table cellpadding="0" cellspacing="0" border="0" style="margin-left: 10px;">
<tr>
<td class="maintab_first">&nbsp;</td>
<td class="maintab_active_first">&nbsp;</td>
<td valign="top" class="maintab_active_back"><a href="http://sibylstestsite.smfforfree3.com/index.php">Home</a>
</td>
<td class="maintab_active_last">&nbsp;</td>

<td valign="top" class="maintab_back"><a href="url goes here">link</a></td>
<td valign="top" class="maintab_back"><a href="url goes here">link</a></td>
<td valign="top" class="maintab_back"><a href="url goes here">link</a></td>
<td valign="top" class="maintab_back"><a href="url goes here">link</a></td>
<td valign="top" class="maintab_back"><a href="url goes here">link</a></td>
<td valign="top" class="maintab_back"><a href="url goes here">link</a></td>

<td class="maintab_last">&nbsp;</td>
</tr>
</table><br>
</div>
<!-- End Tabs Up Top -->


Alternative version:
This version would float it above the top of the forum and it would not be connected TO it.
This one could also be put at the bottom of your forum, as it is at the test forum.  Just put it
in your footer to do that.

Screenshot:



The code for the floating version is:

<!-- Begin Links Up Top Floating Version   Code by simply sibyl  -->
<div class="tborder">

<!-- Header area where it says Links in the top header.
==========================================================
You can replace the word Links with whatever you want
========================================================== -->

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="catbg" height="32">
<span>Links</span>
</td>
</tr>
<!-- End Header area where it says links.  -->
</td>
</table></td></div>
<!-- Begin Tab area.
==========================================================================
Replace "http://sibylstestsite.smfforfree3.com"  with YOUR forum url"
Replace "url goes here" and "link" for each tab.
To add more tabs:
Add this for each tab you want to add:
<td valign="top" class="maintab_back"><a href="url goes here">link</a></td>
=========================================================================== -->   

<table cellpadding="0" cellspacing="0" border="0" style="margin-left: 10px;">
<tr>
<td class="maintab_first">&nbsp;</td>
<td class="maintab_active_first">&nbsp;</td>
<td valign="top" class="maintab_active_back"><a href="http://sibylstestsite.smfforfree3.com/index.php">Home</a>
</td>
<td class="maintab_active_last">&nbsp;</td>

<td valign="top" class="maintab_back"><a href="url goes here">link</a></td>
<td valign="top" class="maintab_back"><a href="url goes here">link</a></td>
<td valign="top" class="maintab_back"><a href="url goes here">link</a></td>
<td valign="top" class="maintab_back"><a href="url goes here">link</a></td>
<td valign="top" class="maintab_back"><a href="url goes here">link</a></td>
<td valign="top" class="maintab_back"><a href="url goes here">link</a></td>

<td class="maintab_last">&nbsp;</td>
</tr>
</table><br>

<!-- End Links Up Top -->



NICE!!! Great job Sibyl!

Hey, is there a way I can get the layout code that you had for the screen shot?  And great code! 

do you mean that stylesheet?   

That ones Blue Mousse:
click here

also made it in brown:

click here

nice sibyl, i used it looks good

EDIT: Can you make a code so that it doesnt just go to that page, it makes a popup of that page come up?

add target="_blank"
That will open up a new window or a tab

<td valign="top" class="maintab_back"><a href="url goes here" target="_blank">link</a></td>

Thanks simply sibyl  this code has helped us a lot!

It's much better because just adding them to the regular tabs also puts it in the tabs where you respond...

In other words it would put those extra tabs where they don't belong. This one works perfectly and doesn't show them but where they should be! TY TY

EDIT: Didnt work

can u make one for me for an example  (link: http://www.smfsupport.com/support/general_discussion/forum_rules-t5236.0.html)(Name: SMF Rules And Regs)

keep in mind this is going to depend on browser settings.    If they are set to open a link in a new window or a new tab. 


<td valign="top" class="maintab_back"><a href="http://www.smfsupport.com/support/general_discussion/forum_rules-t5236.0.html" target="_blank">SMF Rules And Regs</a></td>



Just a note for this code. When adding a URL, MAKE SURE to take out the www. part. Or else it wont work. Im not sure why, but it wont.