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.

How do I get the same effect on my forum as when hovering this forum's navigation bar?

View previous topic View next topic Go down

In progress How do I get the same effect on my forum as when hovering this forum's navigation bar?

Post by E.J.M. on April 2nd 2015, 11:44 pm

Yes, how do I do it?

Thanks! cheers

E.J.M.
Forumember

Posts : 34
Reputation : 1
Language : English

http://crimson-butterfly.forumotion.com

Back to top Go down

In progress Re: How do I get the same effect on my forum as when hovering this forum's navigation bar?

Post by Ange Tuteur on April 3rd 2015, 6:34 pm

Add the following rules to your stylesheet :
Display > Colors > CSS stylesheet
Code:
a.mainmenu {
  color:#FFF;
  font-size:11px;
  text-shadow:0 0 2px #000;
  -webkit-transition:600ms;
          transition:600ms;
}

a.mainmenu:hover {
  color:#8C5;
  font-size:13px;
  text-shadow:0 0 3px #AE7;
}

Change the colors to whatever you want. Wink

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: How do I get the same effect on my forum as when hovering this forum's navigation bar?

Post by E.J.M. on April 4th 2015, 1:10 am

OK. I added that code, and it works. But, if you enter my forum you will see that when hovering the navigation bar the rest of the forum "moves" a little. How do I fix this?

thegoldenblues.forumotion.com

Thanks.

E.J.M.
Forumember

Posts : 34
Reputation : 1
Language : English

http://crimson-butterfly.forumotion.com

Back to top Go down

In progress Re: How do I get the same effect on my forum as when hovering this forum's navigation bar?

Post by E.J.M. on April 5th 2015, 2:43 am

Bump. Smile

E.J.M.
Forumember

Posts : 34
Reputation : 1
Language : English

http://crimson-butterfly.forumotion.com

Back to top Go down

In progress Re: How do I get the same effect on my forum as when hovering this forum's navigation bar?

Post by Van-Helsing on April 5th 2015, 3:00 am

Hello,
That is happening because the hover effect increases your font-size 2 points.

Find in your CSS this:
Code:

a.mainmenu:hover {
color:#8C5;
font-size:13px;
text-shadow:0 0 3px #AE7;
}

and change it with this:
Code:

a.mainmenu:hover {
color:#8C5;
font-size:12px;
text-shadow:0 0 3px #AE7;
}

If you want the font size to stay the same just change it to 11px

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

In progress Re: How do I get the same effect on my forum as when hovering this forum's navigation bar?

Post by Ange Tuteur on April 6th 2015, 3:00 am

It's moving because the font-size is also increasing the height of its parent container. You can stop this movement by defining a set height for the parent. Add the following rule to your stylesheet :
Code:
ul.navlinks { height:30px }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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