Navigation bar hover Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
5 posters

    Navigation bar hover

    avatar
    joukaimokie
    New Member


    Posts : 7
    Reputation : 1
    Language : English

    In progress Navigation bar hover

    Post by joukaimokie May 18th 2013, 7:18 am

    I need some help with the navigation bar. I have gotten most the buttons to respond as they should however I cannot get the new posts one to. The link it leads to is this: http://ffviirevelations.forumotion.com/search?search_id=newposts

    Navigation bar hover Screenshotsrv

    Does anyone know what codes would be needed to make it a hover image?
    sasukekun
    sasukekun
    Forumember


    Posts : 253
    Reputation : 6
    Language : English

    In progress Re: Navigation bar hover

    Post by sasukekun May 18th 2013, 7:52 am

    try this one
    put in your css Smile

    Code:
    a.mainmenu{
    filter:alpha(opacity=80);
    -moz-opacity: 1;
    opacity: 1;
      }

    a.mainmenu:hover{
    filter:alpha(opacity=100);
    -moz-opacity: .50;
    opacity: .50;
        }

    tadaaa bye
    Jophy
    Jophy
    ForumGuru


    Male Posts : 17924
    Reputation : 836
    Language : English
    Location : Somewhere

    In progress Re: Navigation bar hover

    Post by Jophy May 18th 2013, 1:23 pm

    Hello,

    Is you problem solved? You can let us know by editing your topic using the edit button Navigation bar hover Editer10 and by clicking the solved icon Navigation bar hover Solved10 then send. Wink

    Thank you Smile
    avatar
    joukaimokie
    New Member


    Posts : 7
    Reputation : 1
    Language : English

    In progress Re: Navigation bar hover

    Post by joukaimokie May 19th 2013, 7:26 am

    Nope doesn't work, I should probably explain better. Currently the one that doesn't change is in the administration panel. If I take it out it isn't there.

    Navbar with image removed from the administration panel with one hovered over:

    Navigation bar hover Screenshot2mzb

    This is the code I use for the rest of my navbar:
    Code:
    html #i_icon_mini_index{
    background-image: url(https://imageshack.us/a/img407/5621/forumew.png);
    width: 90px;
    height: 90px;
    }
    #i_icon_mini_index:hover{
    background-image: url(https://imageshack.us/a/img707/3673/forumglow.png);
    width: 90px;
    height: 90px;
    }
    #i_icon_mini_portal{
    background-image: url(https://imageshack.us/a/img834/9334/portalge.png);
    width: 90px;
    height: 90px;
    }
    #i_icon_mini_portal:hover{
    background-image: url(https://imageshack.us/a/img40/773/portalglow.png);
    width: 90px;
    height: 90px;
    }
    #i_icon_mini_search{
    background-image: url(https://imageshack.us/a/img515/9236/searchb.png);
    width: 90px;
    height: 90px;
    }
    #i_icon_mini_search:hover{
    background-image: url(https://imageshack.us/a/img838/907/searchglow.png);
    width: 90px;
    height: 90px;
    }
    #i_icon_mini_members{
    background-image: url(https://imageshack.us/a/img526/3725/memberlisto.png);
    width: 90px;
    height: 90px;
    }
    #i_icon_mini_members:hover{
    background-image: url(https://imageshack.us/a/img40/8528/memberlistglow.png);
    width: 90px;
    height: 90px;
    }
    #i_icon_mini_profile{
    background-image: url(https://imageshack.us/a/img41/2396/modifyprofile.png);
    width: 90px;
    height: 90px;
    }
    #i_icon_mini_profile:hover{
    background-image: url(https://imageshack.us/a/img825/9782/modifyprofileglow.png);
    width: 90px;
    height: 90px;
    }
    #i_icon_mini_message{
    background-image: url(https://imageshack.us/a/img839/5313/inboxn.png);
    width: 90px;
    height: 90px;
    }
    #i_icon_mini_message:hover{
    background-image: url(https://imageshack.us/a/img839/3018/inboxglow.png);
    width: 90px;
    height: 90px;
    }
    #i_icon_mini_new_message{
    background-image: url(https://imageshack.us/a/img856/6998/newpmv.png);
    width: 90px;
    height: 90px;
    }
    #i_icon_mini_new_message:hover{
    background-image: url(https://imageshack.us/a/img689/364/newpmglow.png);
    width: 90px;
    height: 90px;
    }
    #i_icon_mini_login{
    background-image: url(https://imageshack.us/a/img594/1558/loginrs.png);
    width: 90px;
    height: 90px;
    }
    #i_icon_mini_login:hover{
    background-image: url(https://imageshack.us/a/img267/8896/loginglow.png);
    width: 90px;
    height: 90px;
    }
    #i_icon_mini_logout{
    background-image: url(https://imageshack.us/a/img89/9206/logouta.png);
    width: 90px;
    height: 90px;
    }
    #i_icon_mini_logout:hover{
    background-image: url(https://imageshack.us/a/img22/688/logoutglow.png);
    width: 90px;
    height: 90px;
    }
    #i_icon_mini_register{
    background-image: url(https://imageshack.us/a/img521/8637/registerux.png);
    width: 90px;
    height: 90px;
    }
    #i_icon_mini_register:hover{
    background-image: url(https://imageshack.us/a/img266/6029/registerglow.png);
    width: 90px;
    height: 90px;

    I guess I'm wondering if there is a code I can use to make the icons like those for a custom location.
    tommycoo
    tommycoo
    Forumember


    Male Posts : 615
    Reputation : 9
    Language : Indonesia

    In progress Re: Navigation bar hover

    Post by tommycoo May 19th 2013, 8:44 am

    i see there is nothing problem with your css ?

    what did u mean custom location ?
    avatar
    joukaimokie
    New Member


    Posts : 7
    Reputation : 1
    Language : English

    In progress Re: Navigation bar hover

    Post by joukaimokie May 19th 2013, 8:54 am

    I would like a New Posts icon in the nav bar, it would link to: http://ffviirevelations.forumotion.com/search?search_id=newposts

    tommycoo
    tommycoo
    Forumember


    Male Posts : 615
    Reputation : 9
    Language : Indonesia

    In progress Re: Navigation bar hover

    Post by tommycoo May 19th 2013, 9:03 am

    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51556
    Reputation : 3519
    Language : English
    Location : United States

    In progress Re: Navigation bar hover

    Post by SLGray May 19th 2013, 10:41 am

    Are you having trouble adding the new navigation button to the menu?





    Navigation bar hover Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    avatar
    joukaimokie
    New Member


    Posts : 7
    Reputation : 1
    Language : English

    In progress Re: Navigation bar hover

    Post by joukaimokie May 19th 2013, 6:24 pm

    Yeah, I can't add it to the menu.
    Jophy
    Jophy
    ForumGuru


    Male Posts : 17924
    Reputation : 836
    Language : English
    Location : Somewhere

    In progress Re: Navigation bar hover

    Post by Jophy May 21st 2013, 7:27 am

    Hello,

    Where are you trying to add it? Did you tried here?:
    Admin Panel > Display > Headers & Navigation > Add a customized menu

    or if that doesn't work, what appears to be the problem or error message you're getting?