FM Themes
Welcome to FM Themes
where you can share your punBB, phpBB 2, Invision, & phpBB 3 themes for Forumotion forums.

You are viewing the forum as a guest, so you will not be able to use the full forum. To use all the features of the forum, you need to log in or create a FREE account by registering.

Glow / Shadow Effect On Text Links When Hovering Over Them

View previous topic View next topic Go down

SLGray
Administrator
Reputation : 290
Points : 1514
Posts : 3644
View user profile http://fmthemes.forumotion.com

PostSLGray on Sun Oct 06, 2013 4:37 pm

Glow / Shadow Effect On Text Links When Hovering Over Them
This tutorial will show you how to add a glow/shadow effect to text links on your forum. This tutorial will work on all four Forumotion forum versions.

First, go to your CSS stylesheet:
Administration Panel -> Display -> Colors & Pictures -> Colors
CSS Stylesheet Tab

Enter this code -
Code:
a:link:focus, a:link:hover {
  text-decoration: none !important;
  -moz-text-blink:  none;
  -moz-text-decoration-color:
    -moz-use-text-color;
  -moz-text-decoration-line: none;
  -moz-text-decoration-style: solid;
  text-shadow:  0px 0px 0.9em COLOR HERE, 0px 0px 0.9em COLOR HERE, 0px 0px 0.9em COLOR HERE;
}
Add the color you want in the three places where it says COLOR HERE. You can use just the color name or the HEX color code.

Finally, press the submit button, and you are done.
Written by SLGray
Ace 1
Member
Reputation : 0
Points : 15
Posts : 13
View user profile http://fmthemes.forumotion.com/u150

PostAce 1 on Mon Oct 31, 2016 1:59 pm

Also, you can omit the "COLOR HERE" if you want the shadow to inherit the text color.

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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