Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS superfish chiled menu color different form parent color

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #32538

    I use Superfish on drupal 7 how can i change chilled menu color different form parent color? see my picture: http://img220.imageshack.us/i/superfish.png/

    #48758
    TheDoc
    Member

    Won’t be able to give you much advice without seeing the code. Do you have a link to the live example?

    #48023

    Thank you for your replay I’m working on localhost but i’m using this module http://drupal.org/project/superfish
    Here is the demo: http://users.tpg.com.au/j_birch/plugins/superfish/#sample4 but i’m using ” pomegranate ” style

    here is the code:


    .sf-menu.sf-style-pomegranate {
    float: left;
    margin-bottom: 1em;
    padding: 0;
    }
    .sf-menu.sf-style-pomegranate.sf-navbar {
    width: 100%;
    }
    .sf-menu.sf-style-pomegranate ul {
    padding-left: 0;
    }
    .sf-menu.sf-style-pomegranate a {
    border: 1px outset #68000e;
    color: #ffebee;
    padding: 0.75em 1em;
    white-space: nowrap;
    }
    .sf-menu.sf-style-pomegranate a.sf-with-ul {
    padding-right: 2.25em;
    }
    .sf-menu.sf-style-pomegranate.rtl a.sf-with-ul {
    padding-left: 2.25em;
    padding-right: 1em;
    }
    .sf-menu.sf-style-pomegranate.sf-navbar a {
    border: 0;
    padding-right: 30px;
    text-decoration: none;
    padding-top: 5px;
    }
    .sf-menu.sf-style-pomegranate span.sf-description {
    color: #13a;
    display: block;
    font-size: 0.8em;
    line-height: 1.5em;
    margin: 5px 0 0 5px;
    padding: 0;
    }
    .sf-menu.sf-style-pomegranate li,
    .sf-menu.sf-style-pomegranate.sf-navbar {
    background-image: url(../images/topmenu.gif);
    background-repeat: repeat-x;
    background-color: #A60405;
    text-decoration: none;
    height: 30px;
    }
    .sf-menu.sf-style-pomegranate li li{
    background: #6c0019;
    }
    .sf-menu.sf-style-pomegranate li li li {
    background: #5f0016;
    }
    .sf-menu.sf-style-pomegranate li:hover,
    .sf-menu.sf-style-pomegranate li.sfHover,
    .sf-menu.sf-style-pomegranate li.active a,
    .sf-menu.sf-style-pomegranate a:focus,
    .sf-menu.sf-style-pomegranate a:hover,
    .sf-menu.sf-style-pomegranate a:active,
    .sf-menu.sf-style-pomegranate.sf-navbar li li {
    background-image: url(../images/menu2.gif);
    background-color: #E6E4E4;
    background-repeat: repeat-x;
    color: #C80F0F;
    }
    .sf-menu.sf-style-pomegranate.sf-navbar li ul {
    background-image: url(../images/menu2.gif);
    background-color: #E6E4E4;
    background-repeat: repeat-x;
    }
    .sf-menu.sf-style-pomegranate.sf-navbar li ul li ul {
    background-color: transparent;
    }
    .sf-menu.sf-style-pomegranate ul.sf-megamenu li.sf-megamenu-wrapper ol,
    .sf-menu.sf-style-pomegranate ul.sf-megamenu li.sf-megamenu-wrapper ol li {
    margin: 0;
    padding: 0;
    }
    .sf-menu.sf-style-pomegranate ul.sf-megamenu li.sf-megamenu-wrapper a.menuparent {
    font-weight: bold;
    }
    .sf-menu.sf-style-pomegranate ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
    display: inline;
    float: left;
    width: 12em;
    }
    .sf-menu.sf-style-pomegranate.rtl ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
    float: right;
    }
    .sf-menu.sf-style-pomegranate li.sf-parent-children-1 ul.sf-megamenu {
    width: 12em;
    }
    .sf-menu.sf-style-pomegranate li.sf-parent-children-2 ul.sf-megamenu {
    width: 24em;
    }
    .sf-menu.sf-style-pomegranate li.sf-parent-children-3 ul.sf-megamenu {
    width: 36em;
    }
    .sf-menu.sf-style-pomegranate li.sf-parent-children-4 ul.sf-megamenu {
    width: 48em;
    }
    .sf-menu.sf-style-pomegranate li.sf-parent-children-5 ul.sf-megamenu {
    width: 60em;
    }
    .sf-menu.sf-style-pomegranate li.sf-parent-children-6 ul.sf-megamenu {
    width: 72em;
    }
    .sf-menu.sf-style-pomegranate li.sf-parent-children-7 ul.sf-megamenu {
    width: 84em;
    }
    .sf-menu.sf-style-pomegranate li.sf-parent-children-8 ul.sf-megamenu {
    width: 96em;
    }
    .sf-menu.sf-style-pomegranate li.sf-parent-children-9 ul.sf-megamenu {
    width: 108em;
    }
    .sf-menu.sf-style-pomegranate li.sf-parent-children-10 ul.sf-megamenu {
    width: 120em;
    }

    #47866

    anyone?????? CSS newbie here!!!!!!

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.