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

View previous topic View next topic Go down

Solved Hover

Post by kaithama on April 15th 2012, 02:38

I was wondering how do you do the hover on the navigation bar?
Forum


Last edited by kaithama on April 15th 2012, 19:48; edited 1 time in total

kaithama
Forumember

Female Posts : 92
Reputation : 0
Language : English and a bit of Russian

http://tail-blazers.forumotion.com/

Back to top Go down

Solved Re: Hover

Post by Guest on April 15th 2012, 07:19

Hi!

Via this CSS code:
Code:
.navbar .navlinks a{
here your propreties;
}

Guest
Guest


Back to top Go down

Solved Re: Hover

Post by kaithama on April 15th 2012, 17:30

Will it work on phpbb3?

kaithama
Forumember

Female Posts : 92
Reputation : 0
Language : English and a bit of Russian

http://tail-blazers.forumotion.com/

Back to top Go down

Solved Re: Hover

Post by Guest on April 15th 2012, 18:52

Yeah, that's for phpBB3, but sorry that not for hover, this is:
Code:
.navbar .navlinks a:hover{
here your propreties;
}
Replace here your propreties with your hover effects. Wink

Guest
Guest


Back to top Go down

Solved Re: Hover

Post by kaithama on April 15th 2012, 18:57

what do you mean by propreties?

kaithama
Forumember

Female Posts : 92
Reputation : 0
Language : English and a bit of Russian

http://tail-blazers.forumotion.com/

Back to top Go down

Solved Re: Hover

Post by Keir on April 15th 2012, 19:03

Hello,

Some propreties is:

"background" - color or imagine of background. Ex: background: #ffffff;
"color" - color of text. Ex: color: #ffffff;
"font-family" - text style. Ex: font-family: Arial;
"font-size" - size of text. Ex: font-size: 13px;

Keir
Forumember

Male Posts : 30
Reputation : 3
Language : Romanian
Location : România, Buzau , Podgoria

http://netuts.forumz.ro/

Back to top Go down

Solved Re: Hover

Post by kaithama on April 15th 2012, 19:31

do i put in be tween the " "

kaithama
Forumember

Female Posts : 92
Reputation : 0
Language : English and a bit of Russian

http://tail-blazers.forumotion.com/

Back to top Go down

Solved Re: Hover

Post by Keir on April 15th 2012, 19:35

Nou. You put like this:
Code:

.navbar .navlinks a:hover{
background: #ffffff;
color: #000000;
font-family: Arial;}

Keir
Forumember

Male Posts : 30
Reputation : 3
Language : Romanian
Location : România, Buzau , Podgoria

http://netuts.forumz.ro/

Back to top Go down

Solved Re: Hover

Post by Guest on April 15th 2012, 19:37

Do you want to apply a hover transparency effect on navbar images? Smile

Guest
Guest


Back to top Go down

Solved Re: Hover

Post by kaithama on April 15th 2012, 19:42

yes

kaithama
Forumember

Female Posts : 92
Reputation : 0
Language : English and a bit of Russian

http://tail-blazers.forumotion.com/

Back to top Go down

Solved Re: Hover

Post by Keir on April 15th 2012, 19:45

Put this code in CSS:

Code:
.navbar .navlinks img{
opacity:0.4;
filter:alpha(opacity=40);}

.navbar .navlinks img:hover{
opacity:0.9;
filter:alpha(opacity=90);}

Keir
Forumember

Male Posts : 30
Reputation : 3
Language : Romanian
Location : România, Buzau , Podgoria

http://netuts.forumz.ro/

Back to top Go down

Solved Re: Hover

Post by Jophy on April 16th 2012, 04:44

Since this thread is marked as solved, this will be moved now.

Jophy
ForumGuru

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

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