You’ve been heard! Color Individual Tabs on the Thesis 1.6 Nav Bar

calendar January 10, 2010   |   author Author: Mike Nichols
category Posted in New Articles   |   comments1 Comment

by Mike Nichols on January 10, 2010 · 1 comment

Many of you have requested an update of the article about coloring individual menu tabs in Thesis 1.5.1. Your wait is over!

Thesis 1.6 offers even more ways to color your menu tabs, even without the dropdown menus. You can color the unselected tabs and hover colors individually, the selected tab, and each tab’s dropdown and dropdown hover colors. Even the RSS Subscribe word can be colored.

Color Individual Tabs on the Thesis 1.6 Nav Bar shows you how to do all this with many illustrations and code examples. The tutorial is clear and easy to follow, with each type of coloring having both an image and the code showing you how it was done.

Now you can exactly match your menu with your color scheme, or color your tabs by the categories they represent as I did with ChampagneGossip, which is still under development at this moment.

See, I do listen to you! On tap are many more articles that you, the readers, have suggested!

Be Sociable, Share!
category
category

{ 1 comment… read it below or add one }

offshore bank account January 20, 2011 at 1:59 am

While some used traditional CSS and Javascript some of the tabs are made possible through AJAX which makes them adorable and much easier to use..Here is a list of CSS and Ajax based tabs that we found which may be useful for you to use in your sites blogs to make it more interesting..1. Just hover your mouse over the tabs and the contents are displayed below…Currently two different types are available..One with a fixed height tab contents which adds scroll bars to the contents when necessary.Another one with varying content height which adjusts the height of the content division to accommodate the whole contents without a scroll bar..2. You can add tab transition animations to your existing Tab Panel Controls…23.

Reply

Leave a Comment

Previous post:

Next post: