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

Yes, how do I do it?

Thanks!

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.

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.

Bump.

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

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 }