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

View previous topic View next topic Go down

In progress Hover Nav

Post by Roke. on March 20th 2015, 3: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

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 March 20th 2015, 9:51 pm

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.


SLGray
Administrator
Administrator

Male Posts : 36698
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Hover Nav

Post by Roke. on March 20th 2015, 10:35 pm

This is normal:





This is Hover (forum nav)


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 March 20th 2015, 11:50 pm

Do you mean the green button?


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


SLGray
Administrator
Administrator

Male Posts : 36698
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Hover Nav

Post by Roke. on March 20th 2015, 11:53 pm

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

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 March 20th 2015, 11:57 pm

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.


SLGray
Administrator
Administrator

Male Posts : 36698
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Hover Nav

Post by Roke. on March 21st 2015, 12:03 am

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

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 March 21st 2015, 2:51 am

What would you like?


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


SLGray
Administrator
Administrator

Male Posts : 36698
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Hover Nav

Post by Roke. on March 21st 2015, 9:08 am

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

Thanks :rose:

Roke.
New Member

Posts : 17
Reputation : 1
Language : Italian, English

http://www.zanimanga.italians.tv

Back to top Go down

View previous topic View next topic Back to top


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