Tutorial search

All categories3DS MaxAccessAdobe AcrobatAdobe AuditionAdobe FlexAdobe PremiereAfter EffectsArchiCADArchitectural DesktopASPASP.NETAutoCADAutodeskBlender 3DBodyPaintBryce 3DBuzzsawC++CATIACinema 4DCivil 3DColdfusionCorel DrawCSSDelphiDreamweaverDWF ViewerExcelFireworksFlashFreehandFrontpageFruity LoopsGimpGoLiveHTMLIllustratorImage ReadyInDesignIntelliCADInventorJavaJavaScriptLand DesktopLightwave 3DLinuxMac OS XMapMaya 3DMechanical DesktopMicroStationMySQLOutlookPagemakerPaint ShopPainterPhotographyPhotoshopPHPPoserPowerPointPro/ENGINEERPythonRaster DesignRevitRhino 3DRuby on RailsSEOSolid EdgeSolidWorksSwift 3DSwish MaxTerragenValve EditorVectorWorksVisual BasicVIZWeb DesignWindowsWordXML

We know navigation of a site create more impression to the users. Normally default navigation menu bar in thesis theme is in unfinished form.That is the navigation bar is not appear complete width of the web page. It shows upto the available tabs in navigation. We need to change it into finished from which looks quiet pretty. In order to change your navigation menu as finished form.

In this two-part article we learn a few methods for enhancing user experience and making your WordPress blog a better place. In this part, we see how to use paginator, highlight searched text in search results, and use the CSS sliding doors technique within WordPress.In the second part we will create a dropdown menu for your categories, add a breadcrumb to your theme, display related posts and tabs on your sidebar.

This tutorial will teach you how to create low-bandwidth tab navigation on a web page using CSS. As an extra bonus you'll also learn how to switch tabs without loading the page more than once.

In this tutorial you’re going to learn to create a simple, yet cool menu with overlapping tabs. I’ve kept it simple not because of the lack of time or inspiration, but in order for you to be able to improve on it and modify it in any way you need/want, both code and graphics.

Overlapping horizontal tabs - Uses relative positioning and negative margins

CSS Thick Tabs - Horizontal CSS tabs with thick top and bottom padding

Large Button Menu - Create large button-like tabs for your navigational menu!

I wrote this tutorial in a bit of a hurry, but it should give you a very good idea of how to make and use CSS based fluid navigation tabs.

Glowing Tabs Menu uses the "Sliding Doors" technique of CSS to shift the original background image upwards to reveal the glowing version of the tab image when the mouse rolls over a tab item.

This is a lightweight, very easy to customize image tabs menu similar to the one you see throughout Dynamic Drive. Instead of swapping between two tab images, this menu uses a single transparent tab instead. What this means is that you can in fact change the menu and menu hover colors just by changing the two color values inside the CSS code.

This tutorial will explain how to create a tabbed navigation using CSS.

This is an attractive "blue shading" image tab menu that supports tabs alignment. The shade effect is created using two gradient background images.

Like the dom tab effect where you can switch between tabs on a given page and show/hide content? Guess what, you can do the same thing with just CSS.

This tutorial explains how to create expandable tabbed navigation using pure CSS and background image.

Learn how to create large button-like tabs for your navigational purposes with CSS and some clever code.