The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Hover Nav

Go down

In progress Hover Nav

Post by Roke. on Fri Mar 20, 2015 10:38 pm

Hi,
if you see in my forum (http://zanimanga.italians.tv/) the nav menù has a strange effect when is "hover" and it doesnt look very good. I would like to have a cool effect when the nav is "hover" that change the actual nav.

Here the CSS code i have now, i don't know how to change it:

Code:
#pun-head #pun-navlinks {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 0;
    padding: 0.5em 1.1em 0.6em;
    position: absolute;
    right: 0;
    top: 100px;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 1px 0 0 rgba(255, 255, 255, 0.08) inset, -1px 0 0 rgba(255, 255, 255, 0.03) inset;
    border-bottom: 4px solid #528cbc;
}

#pun-navlinks li {
    display: inline;
    font-size: 5.80em;
}
#pun-navlinks li a {
    margin: 0 0.0em 0 0;
    top: 6px;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    left: 110px;
    position: relative;
    padding: 8px;
}
#pun-navlinks a, #pun-navlinks a:visited {
    text-decoration: none;
}

#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
    text-decoration: none;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.04);




Thanks
avatar
Roke.
New Member

Posts : 17
Reputation : 1
Language : Italian, English

http://www.zanimanga.italians.tv

Back to top Go down

In progress Re: Hover Nav

Post by SLGray on Sat Mar 21, 2015 4:51 am

I do not see any effect.  Could you post screenshots of it?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 42704
Reputation : 3006
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Hover Nav

Post by Roke. on Sat Mar 21, 2015 5:35 am

This is normal:





This is Hover (forum nav)

avatar
Roke.
New Member

Posts : 17
Reputation : 1
Language : Italian, English

http://www.zanimanga.italians.tv

Back to top Go down

In progress Re: Hover Nav

Post by SLGray on Sat Mar 21, 2015 6:50 am

Do you mean the green button?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 42704
Reputation : 3006
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Hover Nav

Post by Roke. on Sat Mar 21, 2015 6:53 am

No the "forum" nav button, look at it...it appears a strange transparent square
avatar
Roke.
New Member

Posts : 17
Reputation : 1
Language : Italian, English

http://www.zanimanga.italians.tv

Back to top Go down

In progress Re: Hover Nav

Post by SLGray on Sat Mar 21, 2015 6:57 am

Code:
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
    text-decoration: none;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.04
Remove the last line.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 42704
Reputation : 3006
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Hover Nav

Post by Roke. on Sat Mar 21, 2015 7:03 am

Yes i know, but i would like to change it with a nice effect...do you know any?
avatar
Roke.
New Member

Posts : 17
Reputation : 1
Language : Italian, English

http://www.zanimanga.italians.tv

Back to top Go down

In progress Re: Hover Nav

Post by SLGray on Sat Mar 21, 2015 9:51 am

What would you like?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 42704
Reputation : 3006
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Hover Nav

Post by Roke. on Sat Mar 21, 2015 4:08 pm

Something that illuminate the nav when is hover...that works for every browser.

Thanks :rose:
avatar
Roke.
New Member

Posts : 17
Reputation : 1
Language : Italian, English

http://www.zanimanga.italians.tv

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum