Skip to main content

Posts

Showing posts with the label Navigation

A Beautiful jQuery Drop-Down Menu For Blogger Blogspot

Alright, this time, we are going to make a stylish and simple jQuery drop down menu. The main objective is to make it as simple as possible, with some little jQuery effect and easy to customize/ apply different style on it. To style it into your own design, you just have to modify the a tag CSS style. You can change colors or put background images, or the size and color of text. Steps Adding the jQuery Drop-Down menu Step 1. Go to Dashboard - Template - Edit HTML - Proceed Step 2. Expand Widget Template (make a backup) Step 3. Search for the following code: ]]></b:skin> Step 4. Add the following CSS code before/above it: #jsddm { height: 40px; margin: 0; overflow: visible; z-index: 2; padding: 15px; position:relative; } #jsddm li { float: left; list-style: none; font: 12px Tahoma, Arial; } #jsddm li a { display: block; white-space: nowrap; margin:1px 3px; border: 1px solid #AAAAAA; background: #cccccc; background: -webkit-gradient(linear, left top, left bottom, from(#ebeb