ImagesImages

This is the background  image used for the menu on the left. This was uploaded to the server by FTP.

Menuwriter then adds the text according to the settings saved as Signwriter profiles

The rollover effect is created with a small jQuery script that adds the css class, .over, to the menu item.

jQuery
$(document).ready(function() {
    $('#menuwriter_block li a:not(.active) > img').hover(function() {
        $(this).addClass('over');
      }, function() {
        $(this).removeClass('over');
      });
});

CSS
.over{
  position: relative ;top: -45px; left: 0px;
}