Plugin, beproefd en in gebruik (check feb 2019)

Dropdown Menu Widget

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>ul</strong> { list-style: none; padding: 0; margin: 0; }  .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;}