Tag Archives: CSS

How to Build Mega Drop Down Menus with CSS & JQuery

Mega Drop Down Menus
Mega Drop Down Menus

Do you remember I have published a post of CSS Tab-Based Navigation Scripts? Some JQuery menus are. Here Im posting about a new drop down menu more efficient for large scale websites. The solution has come up from SohTanaka – Mega Drop Down Menus. According to usability expert Jakob Nielson, mega drop down menus tested to be more efficient for large scale websites.

Demo

Share with Friends
[Facebook] [Jamespot] [Reddit] [StumbleUpon] [Twitter] [Email]

Easily make HTML text wrap in shapes other than Rectangle with CSS

Css Text Wrapper
Css Text Wrapper

Not Just Rectangles Anymore

!The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website. Get to it

Tested in Internet Explorer 6+, Firefox, Safari, Opera, and Netscape.

Demo

Share with Friends
[Facebook] [Jamespot] [Reddit] [StumbleUpon] [Twitter] [Email]

CSScaffold–Uses PHP to Extend the Abilities of CSS

Uses PHP to Extend the Abilities of CSS
Uses PHP to Extend the Abilities of CSS

CSScaffold is a CSS framework written in PHP. Rather than try and create a static framework that uses the standard abilities of CSS, like Blueprint, it uses PHP to extend CSS. The syntax looks and feels exactly like CSS, except that you have some new, powerful abilities.

The best part is that all of this is done transparently. You can drop Scaffold into your site and you’ll instantly have access to all of its functionality. Scaffold requires a web server with PHP 5+. Mod_rewrite for Apache is required if you want it work automatically route your css files through Scaffold.

Source Article

Share with Friends
[Facebook] [Jamespot] [Reddit] [StumbleUpon] [Twitter] [Email]

CSS Spriting now easy – Sprite Me

CSS Spriting now easy - Sprite-Me
CSS Spriting now easy - Sprite-Me

Background images make pages look good, but also make them slower. Each background image is an extra HTTP request. There’s a fix: combine background images into a CSS sprite. But creating sprites is hard, requiring arcane knowledge and lots of trial and error. SpriteMe removes the hassles with the click of a button.

Demo : http://spriteme.org/
License :  Free

Share with Friends
[Facebook] [Jamespot] [Reddit] [StumbleUpon] [Twitter] [Email]

CSS Tab-Based Navigation Scripts

Css Tab Menu
Css Tab Menus

Tab navigation has been one of the most important element in web layouts. Visitors can properly navigate through the website with a tabbed navigation. A tab navigation should help visitors to easily understand where they should be clicking. Here I have compiled a mass list of nice and sleek CSS Tab based navigation samples you can integrate on your site.

Continue reading CSS Tab-Based Navigation Scripts

Share with Friends
[Facebook] [Jamespot] [Reddit] [StumbleUpon] [Twitter] [Email]