ThemeShaper Forums » Thematic

[closed]

Making a CSS3 Animated Menu?

(3 posts)
  • Started 3 years ago by LMan
  • Latest reply from LMan
  • This topic is not resolved

Tags:

  1. I creating a child theme and was surfing the web and found a tutorial on developing a CSS3 animated menu. http://tutorialzine.com/2011/05/css3-animated-navigation-menu/
    I was wondering how and if I could implement this into my child theme? I still new to using php so please be gentle.

    Posted 3 years ago #
  2. sowingseeds
    Member

    Here are a few pointers. I presume you wish to remove the current menu and use this one (and accept that you will have to hardcode the menu items), so:
    1) remove current menu you will find in the thematic menus demystified sticky post. (You will only add the first part the code to: add_action('init', 'remove_menu'); as you are not adding the menu back in.
    2) Then you will choose where you wish the new menu to be added: 'thematic_aboveheader' or 'thematic_belowheader' are the 2 obvious hooks. You will wrap the html code in a function...
    function my_new_menu(){
    ?>
    html code for menu here
    <?php
    add_action('thematic_aboveheader','my_new_menu');
    The above in your functions.php and then then 3) add the css to your stylesheet.
    Should get you started.

    Posted 3 years ago #
  3. Ill give it a try sowmingseed. Thanks for your response. I'm still very new to coding.

    Posted 3 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.