different roll-over images for each toplevel menu item.

Forums Forums Menus different roll-over images for each toplevel menu item.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #828
    arjanver
    Member

    Hi,

    I want to have different menu images for each menu item when rollover.

    This is what i have in the "custom code 1" box in pixomenu management:
    <li><a href="home"><img src="home.png"></a></li>
    <li><a href="about"><img src="about.png"></a></li>

    This works perfectly, but now I want the rollovers for these menu’s.

    how to do this?

    Thanks

    #6248

    IMG tags can not do roll overs as they only have one image to display and you can’t position it.

    To do rollover images you need to use background images and use positioning to handle the hovers. It is quite complicated and so I don’t provide free support for doing this, however we often do this type of work for our premium support members (https://geek.hellyer.kiwi/premium_support/). You can see a good example of it in action at http://capefearriverwood.com/

    #6249
    Anonymous
    Member

    I’am a premium user.

    #6250

    Hi,
    I was referring to ‘Premium Support’, which is an extra US$45 on top of your current membership.

    #6251
    arjanver
    Member

    ok. i’ve looked at the http://capefearriverwood.com/ website. the css in the appearence menu from the plugin is this nessasary? because i want all the css for the menu’s in the main wordpress theme stylesheet.

    #6252

    No, you can put the CSS anywhere you want. The location of it is totally irrelevant. If you do put it some place else, then you should disable the built in stylesheet via the settings area in the plugins admin page, otherwise the stylesheet will still be loaded (even if it is empty).

    #6253
    arjanver
    Member

    ok. thanks
    when i look at my website at the sourcecode in internet explorer i see this.
    <div id="pixopoint_menu_wrapper1">
    <div id="pixopoint_menu1">
    <ul class="sf-menu" id="suckerfishnav">
    <li class="page-item_1"><a href="home">home</a></li>

    when i look at the website example that you give me.
    I see this in the sourcecode:
    <div id="mainmenu_wrapper">
    <div id="mainmenu">
    <ul id="suckerfishnav">
    <li class="page-item_1"><a href="http://www.capefearriverwood.com/our-history/">History</a></li&gt;

    almost the same but in my sourcecode:
    pixopoint_menu_wrapper1 instead mainmenu_wrapper
    pixopoint_menu1 instead mainmenu
    class="sf-menu" id="suckerfishnav" instead id="suckerfishnav"

    How to fix this?

    this is in my header.php
    <?php if (function_exists(‘pixopoint_menu’)) {pixopoint_menu();} ?>

    at the plugin page of the menu Style sheet – > disable
    and under menucontents i use "custom code 1":
    <li class="page-item_1"><a href="home">home</a></li>
    and the rest of the menu offcourse.

    Thanks

    #6254
    arjanver
    Member

    [SOLVED]

    I rewrote a lot of the plugin source code, and now it does everything I need………….finally!

    #6255

    What specifically did you need it to do?

    Your post above was difficult to follow as your source code got messed up. If you want to display code, you need to put it inside [html][code:3ao7ic0q][/html] tags.

    [/code:3ao7ic0q]

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.