CSS Library All examples
Welcome to Dynamic Drive's new CSS library! Here you'll find original, practical CSS codes and examples such as CSS menus to give your site a visual boast.
jQuery Drop Line Menu
This menu turns a nested UL list into a horizontal drop line menu, with each sub menu appearing as a single row of links beneath its parent menu. To polish it up, the menu uses a touch of jQuery magic to apply a nice slide down effect to each sub menu as it is revealed.
Corp Blue CSS Menu
This corporate blue themed menu uses the sliding door technique to create 2 states. While it works perfectly fine against a white background, for black background pages, the tabs reveal a thick white outline around its edges.
Nested Side Bar Menu
Thick Underline Menu
This horizontal CSS menu goes with a minimalist approach, by applying just a thick border underneath each link to give it style. It supports easy centering (or right aligning) on the page, just by changing the text-align property in the CSS. No images are used, just good old code.
Corporate CSS Tableless form
This is an elegant tableless CSS form template with a decidedly corporate look and feel. The most commonly used form elements with corresponding legends are added in to get you up and going quickly.
jQuery Multi Level CSS Menu #2
This is a multi-level horizontal CSS menu created using a regular nested HTML list, then turned into a fully functional drop down menu using CSS and a touch of jQuery. The sub menus slide in and out into view.
Uber Round Color Tabs
Uber Round Color Tabs is a solid colored CSS menu with tabs that are well rounded on each side. Thanks to two transparent gifs used to create the corners, the tabs can be customized to any desired color using CSS color values alone.