Blueprint CSS Tabs Plugin Readme

This plugin adds a simple and flexible set of horizontal tabs to Blueprint.

Usage:

1. Upload the screen.css file to a new directory on your server (preferably tabsplugin/)
2. Include the plugin file in the <head/> of your webpage.
   
3. Add the class "tabs" to your list. An example:
   
   
   
   • Tab 1
   
   
   • Tab 2
   
   
   • Tab 3
   
   

More options:

You can add a label to your list by adding the class "label" to the first item. This item should not have a link in it.

• This is a “label”:


• Tab 1


• Tab 2


• Tab 3

You can mark the currently selected item with the class "selected".

• Tab 1
• Tab 2
• Tab 3

Demo:

View a demo at blueprintcss.org