You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

Guest


Guest
Glow / Shadow Effect On Text Links When Hovering Over Them

(Forumotion Forums: punBB, PhpBB 2, Invision, and phpBB 3)

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.





Tutorial by slg

View previous topic View next topic Back to top  Message [Page 1 of 1]

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

 


WN2Coding © 2012 Design by WN2Coding Administrators