Another way of using images in Drupal menus
Saturday, October 31, 2009 - 14:00

This way is a bit more dynamic. It's using four images for different hover and active effects. When using this technique you can easily add or remover menu items without the need of editing or replacing images. It's a background effect and the example is the menu at this site. If you know photoshop or similar programs you can create various styles and better looking menus then the one at this site.

1. So far only four menu items on this site. It's very simple but it reflects my taste.
2. These are the four images I use on my site.
3. Css for Drupal's primary links.
4. The code in my template.php
5. The primary div in my page.tpl.php and page-front.tpl.php

Add comment

The content of this field is kept private and will not be shown publicly.

Twitter actions

  • on my way back from Stavanger, great meeting, hope they select #drupal — 1 hour 24 min ago