neskaya
Follow [ bookmark livejournal facebook twitter rss stumbleupon ]
Log in to download layouts, skins, and emoticons. Register?

Designs

Web Templates
LJ Layouts
phpBB3 Skins

Graphics

Avatars
Textures
Buttons
Emoticons
Pixels
Fonts

Misc & Fun

Quizzes
Tutorials
Interactive

Community

Forums
Rotation

Site

FAQ & Contact
Links

Affiliates

Komet Tails
Smile Scan
Dragonrain

CSS Tutorial: Customizing Font and Links

So you want to customize your links and give them cool effects? This is how you can customize your links in CSS. Place the code below in your stylesheet.

Code Explanation

Replace the words in caps with what I will show you below. Here is what it means:

a:link - Any regular link.
a:visited - A link you've already visited.
a:hover - What happens when you put your mouse over the link.

color - Self explanatory. Just put in the color you want.

Now it gets more fun. You can replace the text in caps with any of the following, and you can place this in your a:link and a:visited, which will show up on normal links/links you've visited. If you put it in a:hover, when you hover over the link, it'll do what you told it to do. You can also use more than one if you like.

text-decoration:
underline
overline
blink
line-through
none
combination of
.

font-style:

italic
oblique
normal

font-Weight:

bold
bolder
lighter
normal

font-Variant:

small-caps
normal

text-transform:

uppercase
Lowercase
capitalize
none

OK, so that's the basic customization of your links. These variables apply to your font in general as well - just put it in a p { } bracket or even in your body { } bracket to apply to the whole page.