How to add images inside WordPress 3.0 custom menu

Everyone is quite good in using WordPress 3.0 custom menus. I am going to write about a hack. with which we can put an image inside the Menu. Image may be NSFW.
Clik here to view.

Some basic information about menus :

Image may be NSFW.
Clik here to view.

1. Theme Location : Shows where to place the menus.
2. Instead of pages or categories we can also place a Custom Link with custom URL inside Menus.
3. The main container area: Which has the actual Menu.

To place an image inside WordPress 3.0 menu, we will go for a Custom Menu. In the custom menu there are two options:

1. URL :-  Link of the menu
2. Label: – What should be the label of the Menu.

See the Image below to add an image over the Menu: -

Image may be NSFW.
Clik here to view.

1. Place your URL
2. Place your complete image path
3. Click on the Add to menu

After doing this , you will get the following screen:

Image may be NSFW.
Clik here to view.

After clicking on save menu refresh the web page, the final output is like this as seen below :

Image may be NSFW.
Clik here to view.

1. Image through custom menu.
2. WordPress default pages.
3. You can see the image code inside the code.

Now you can see, that you have an image inside a menu or we can say you have an image over the menu. The main purpose to show you this example is that we can place an image inside a WordPress custom Menu. Basically this is a hack to place an image inside the Menus, but it can come handy in some other situations also. Image may be NSFW.
Clik here to view.

If you have any other such hack do share it with me through your comments. Image may be NSFW.
Clik here to view.

-- This Post How to add images inside WordPress 3.0 custom menu is Published on Devils Workshop .