'Tabs'

The css tabs in your template file are produced with CSS. The advantage here is that you won't have to mess with a Photoshop file. By default, your 'tabs_home' include will only two tabs — the 'Home' tab, and a 'Link One' tab. The 'home' should always link to your home. Add other tabs as needed.

Note that there are two different classes used to define the 'tabs'. One, 'nav' (as on the 'Link One' tab below) refers to the default state of the tabs — 'off'. The tab that refers to the actual page or category the browser is on will use the class of 'navon' (as on the 'Home' tab below). Your template's default 'home' tab is of the 'navon' class, so it appears with a red background. Look below for an example. (do not copy and paste from this page)

<a href="http://www.unomaha.edu/yoursite/index.php" class="navon">Home</a><a href="http://www.unomaha.edu/yoursite/page1.php" class="nav">Link One</a>

Each tabbed section of your website will require a unique include — if you have six tabs, you'll need six separate tabs includes. This is because each section will require a different tab to have the 'navon' class. Simply open up your 'tabs_home' include, and save a copy for each of your other sections into your 'inc' folder. For instance, if you have 'home', 'students', and 'faculty' tabs, save additional copies as 'tabs_students' and 'tabs_faculty'. Pages in each section will then need to have their include paths modified to point to the proper tabs include. It's easier than it sounds, really.

Be sure to use absolute links on your tabs.