Home › Forums › Graphene WordPress theme › Support

Using Graphene drop-down menu in webpage

  • Anonymous

    November 30, 2012 at 9:38 am #6326

    Hi

    Slightly off topic possibly, but hoping someone can help.

    I’m using the Graphene theme for a WordPress site, which also has some associated PHP pages that sit outside WP but are called from it.

    I’ve recreated the Graphene look for these pages using CSS, but I can’t seem to recreate the drop down menu system.

    Can someone tell me how I can recreate the Graphene drop-down menu system in a standard PHP page?

    I’m not talking about the colour formatting, I’ll do that with CSS, I mean the way the menu actually drops down?

    Thanks

    Hank

    ronangelo

    November 30, 2012 at 9:59 am #34010

    That IS done with CSS.

    First you use CSS to initially hide the sub-menu.

    Then CSS is also used to show the sub-menu when the parent menu is hovered.

    Formatting the menu is actually the major headache I faced when I created my very first theme.

    Graphene uses the “Son of Suckerfish” method for handling the dropdown.

    You can study how its done by reviewing graphene’s style.css

    Anonymous

    November 30, 2012 at 10:06 am #34011

    Really!?

    I would never have guessed – I was expecting to have to use Java or JQuery or something.

    Great, thanks for the steer – I’ll have a look at Son of Suckerfish 🙂

    Thanks

    Hank

    ronangelo

    November 30, 2012 at 10:16 am #34012
    Quote:
    Really!?

    I would never have guessed – I was expecting to have to use Java or JQuery or something.

    Great, thanks for the steer – I’ll have a look at Son of Suckerfish 🙂

    Thanks

    Hank

    If you wanted to. Some themes use JS to show some fancy dropdown effects.

    Anonymous

    November 30, 2012 at 10:17 am #34013

    Java? Didn’t you mean JavaScript? 😛

    Nah, it’s pure CSS.

Viewing 5 posts - 1 through 5 (of 5 total)

  • You must be logged in to reply to this topic.