Hiervoor de plugin Dropdown Menu Widget gebruikt, zie http://shailan.com/wordpress/plugins/dropdown-menu/
Deze plaatst het menu in een tabel. Met eigen code in totaal vier plaatjes toegevoegd.
![]() | ![]() | Normale stand Resp.: left.gif en right.gif |
![]() | ![]() | Bij hoveren: left_on.gif en right_on.gif |
.shailan-dropdown-menu .dropdown<strong> li</strong>{ float:left; background:url(http://www.bataaf.nu/wp/wp-content/uploads/knop/left.gif) no-repeat left top; margin:0; padding:0 0 0 9px; }
.shailan-dropdown-menu .dropdown <strong>a</strong>{ float:left;color:#000!important; display:block; background:url(http://www.bataaf.nu/wp/wp-content/uploads/knop/right.gif) no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.shailan-dropdown-menu .dropdown a {float:none;} /* End IE5-Mac hack */
.shailan-dropdown-menu .dropdown <strong>li:hover</strong>{ float:left;color:#000!important; background:url(http://www.bataaf.nu/wp/wp-content/uploads/knop/left_on.gif) no-repeat left top!important; text-decoration:none; font-weight:bold;}
.shailan-dropdown-menu .dropdown <strong>a:hover</strong>{ float:left;color:#000!important; background:url(http://www.bataaf.nu/wp/wp-content/uploads/knop/right_on.gif) no-repeat right top!important; text-decoration:none; font-weight:bold;}
[/css]