User

Recommend this pageIf this page was useful to you, please recommend it to fellow websurfers:

Home > Scripts > Site Navigation, UI, Forms > Menus

Rating
0 vote You may rate this script by simply clicking on the appropriate star (5 stars is the best rating).
Language
	CSS
License

Website Live Preview Download

Drop Line Tabs

This menu turns a nested UL list into a horizontal drop line tabs menu. The top level tabs are rounded on each side thanks to the use of two transparent background images, while the sub ULs each appear as a single row of links that drop down when the mouse rolls over its parent LI. The menu also manages to sneak in a little CSS3, making use of the “border-radius” property to give each link within the sub ULs rounded edges when the mouse hovers over them..

Note that the two transparent gifs that help create the rounded corner tabs assume your page has a white background. If it doesn’t, you’ll need to edit the image’s background to match your page’s. The tradeoff is that you can the tabs’ background color can be changed just by editing the CSS alone.

Comments

Webmaster’s Rating

Tested & Working

This label indicates that I could install the script without major problems and I could run the script without the need for major modifications to the original code (except for the usual configuration, of course). The label does, on the other hand, not indicate that scripts without this label would not work properly. The missing of the „tested & working“-label just indicates that I did not yet test these scripts.

Webmaster’s Choice

This label indicates that the owner of this website uses this script / application for his own projects with success and satisfaction. This does, however, not indicate that these projects could not have been realized using other scripts / applications as well or that other scripts would not fit the demands of other projects as well or even better.