ThemeShaper Forums » Thematic

superfish/suckerfish default menu

(3 posts)
  • Started 5 years ago by dwenaus
  • Latest reply from dwenaus
  • This topic is not a support question
  1. one other thing i noticed while doing the theme, was that the default superfish menu in the new .9 design is geared towards a tabbed interface. in that style, it is super-slick. however it took me a long while to massage it into a simple suckerfish style menu with just block of colors, and rollovers in a slightly different colors.

    Does anyone have any advice or experience with suckerfish. I came up with some simple code that works for me to style the menu, but I'm not entirely happy with it, and feel it might be missing some stuff.

    If we could come up with an alternative menu, we could include it in the .9 release in main style sheet commented out. that way those using the style as a starting off point can copy default.css into their child theme, erase the one with borders and use the other style.

    Here is the menu I eventually came up with, with a few comments to help myself :

    /*** ALTERNATIVE MENU SKIN ***/
    .sf-menu { float:left; background: #00335c; } /* menu bg color, also set in access div */
    .sf-menu a { padding: 9px 15px; color:#cee0fd; } /* text spacing and color */
    .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #6280AC; outline: 0; }
    .sf-menu li:hover ul, .sf-menu li.sfHover ul { top:32px; } /* set to height of access div */
    .sf-menu ul ul { margin-top:0; } /* what does this do? */
    .sf-menu ul a { background:#00335c; } /* subs bg color off */
    .sf-menu ul a:hover { background:#6280AC; } /* roll over bg color */

    thoughts? ideas

    Posted 5 years ago #
  2. Moving the menu into it's own stylesheet is a good idea.

    Posted 5 years ago #
  3. agreed.

    and does anyone have sample code for the alternate basics. I've not much experience with superfish.

    Posted 5 years ago #

RSS feed for this topic

Reply

You must log in to post.