Different colors for each menu button

  • Resolved ecilopx

    (@ecilopx)


    12 years ago

    hello, my css style is:

    #dc_jqaccordion_widget-%ID%-item{font: bold 13px Arial, sans-serif;}
    #dc_jqaccordion_widget-%ID%-item ul, #dc_jqaccordion_widget-%ID%-item ul li {margin: 0; padding: 0; border: none; list-style: none;}
    #dc_jqaccordion_widget-%ID%-item ul a {padding: 16px 10px 4px 40px; height:30px; background: #ffffff url(skins/images/bg_graphite.png) repeat-x 0 0; text-decoration:none; display: block; color: #ffffff; font-size: 15px; font-weight: 500; border-bottom: 1px solid #fff;}
    #dc_jqaccordion_widget-%ID%-item ul ul a {padding: 10px 10px 10px 10px; font-size: 13px; height:15px; background: #33cc33;}
    #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent, #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent:hover {background: #ffffff url(skins/images/graphite_arrow_rightanimals.gif) no-repeat 0 0; font-weight: bold; color: rgba(255, 255, 255, 0.0); }
    #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent.active {background: #99ff99 url(skins/images/graphite_arrow_downanimals.gif) no-repeat 0 0;}
    #dc_jqaccordion_widget-%ID%-item ul a:hover {background: #99ff99;}

    menu has 1 parrent and 5 sub menu item, and i need everyone sub menu whith different background colors.

    I looked with firebug menu item (needing color):
    menu-item-3251 (#00cc00)
    menu-item-3252 (#ffff00)
    menu-item-3253 (#ff0000)
    menu-item-3254 (#3300cc)
    menu-item-3255 (#ff9900)

    where should I add this into css?

    help

    https://www.ads-software.com/extend/plugins/jquery-vertical-accordion-menu/

Viewing 1 replies (of 1 total)
  • Thread Starter ecilopx

    (@ecilopx)

    ok, i find solution:

    for each sub menu:

    #dc_jqaccordion_widget-12-item ul li#menu-item-3249 > a { background: #ff0033 !important; }

    for parents: something like this:

    #dc_jqaccordion_widget-12-item ul li#menu-item-3250 > a.dcjq-parent, a.dcjq-parent:hover {background: #ffffff url(skins/images/graphite_arrow_rightgirls.gif) no-repeat 0 0; font-weight: bold; color: rgba(255, 255, 255, 0.0) !important; }
    #dc_jqaccordion_widget-12-item ul li#menu-item-3250 > a.dcjq-parent.active {background: #99ff99 url(skins/images/graphite_arrow_downgirls.gif) no-repeat 0 0 !important;}
    #dc_jqaccordion_widget-12-item ul li#menu-item-3250 ul a {padding: 10px 10px 10px 10px; font-size: 13px; height:15px; background: #ff66ff !important}
    #dc_jqaccordion_widget-12-item ul li#menu-item-3250 ul a:hover {background: #009999 !important;}

Viewing 1 replies (of 1 total)
  • The topic ‘Different colors for each menu button’ is closed to new replies.