|
Link Effects
This is the main code:
A:link is the link
A:visited is link already been clicked.
A:active is when the link is clicked on.
A:hover is how the link looks when it is when the mouse is on the link.
--> if you want the A:link, A:visited, and A:active to be the same a shortcut is:
Text-Decoration Effects
text-decoration:underline; - makes the link is underlined.
text-decoration:underline overline; - makes the link is underlined and overlined.
background-color:COLORHERE; - makes the link have a background color.
text-decoration:line-through; - makes the link be slashed out.
Other Effects
border:1 solid; border-color:#000000; - This puts a border around your link when hovered over--you can change the color of the border too.
border:1 dashed; border-color:#000000; - This puts a dashed border around your link when hovered over--you can change the color of the border too.
border-bottom:1 dashed #000000; - This puts a dashed LINE underneath your links.
border-bottom:1 solid #000000; - This puts a solid line under links AND images.
filter:fliph; height:0; - Makes links go backwords.
filter:flipv; height:0; - Turns links upside down!
height:0;color:000000; filter:wave(add=0,phase=4,freq=5,strength=2); - Makes links wavy.
filter:dropshadow(color=#000000,offX=1,offY=1); height:7pt; - Replace that so the link has a shadow to it. You can change 000000 (black) to the color you want.
filter:blur(add="0",direction="180",strength="2"); height:0; - Replace that so the link has a blurry look to it.
text-transform:capitalize; - Makes the first letter of your link capitalized.
text-transform:uppercase; - Replace that so the link is in all CAPS.
text-transform:lowercase; - Makes links all lowercase.
font-size:#pt; - Replace that so the link can be resized to a bigger/smaller size. Subsitute # with the actual number (8, 10, 12).
-->To use more than 1 text decoration just usa a semi colon(;) to seperate them |