Thursday, July 23, 2009

Drop Down Menu like Widgets with CSS for Blogger Blogs - [Out of Topic]

Here is a method with which you can have a Drop Down Menu like Widgets for your Blog. You must know a little bit of CSS and it is enough.

Follow these simple steps,

First method:
  1. Go to #sidebar h2 and increase its size a little bit so that the mouse can stay on it for small time say the height is 50px.
  2. Go to #sidebar .widget put its height as same 50px. Also, overflow:hidden.
  3. Create #sidebar .widget:hover give its height as auto.
Second method:
  1. Go to #sidebar h2 and increase its size a little bit so that the mouse can stay on it for small time say the height is 50px.
  2. Go to #sidebar .widget put its height as same 50px. Also, overflow:hidden.
  3. Create #sidebar .widget:hover, put the overflow as visible.
The first method is good when the widgets are stacked vertically. The second method is good when the widgets are stacked horizontally.

No comments:

Post a Comment