Link effektek (HTML kód)

Sziasztok! Hoztam nektek pár kódot, ami jól jöhet blogotok kinézetében. Ezek a link effektek, amiket ha beillesztesz egy HTML/JavaScript-be az "Elrendezés"-nél, a linkjeid különböző effekteket kaphatnak. Sajnos képeket nem tudok mutatni róluk, de néhány nálam is alkalmazva van.

A link betűtípusa megnő, ha ráviszed az egeret:

<script type="text/css"> 

 A:link, A:visited, A:active {font-size: 12px;} 

A:hover { font-size: 16px;}

</script>

A link alatt pontozott vonal lesz: 

<script type="text/css"> 

 A:link, A:visited, A:active {border-bottom:#666 dotted 2px;} 

A:hover { border-bottom:#666 dotted 2px;}

</script>

A link alatt pontozott vonal lesz, ha ráviszed az egeret:

<script type="text/css"> 

 A:link, A:visited, A:active {border-bottom:#666 dotted 0px;} 

A:hover { border-bottom:#666 dotted 2px;}

</script>

A linkek nagybetűsek lesznek:

<script type="text/css"> 

 A:link, A:visited, A:active {text-transform:uppercase;} 

</script>

A nagybetűs linkből kisbetűs lesz, ha ráviszed az egeret:

<script type="text/css"> 

 A:link, A:visited, A:active {text-transform:uppercase;} 

A:hover {text-transform:lowercase;}

</script>

A kisbetűs linkből nagybetűs lesz, ha ráviszed az egeret:

<script type="text/css"> 

 A:link, A:visited, A:active {text-transform:lowercase;} 

A:hover { text-transform:uppercase;}

</script>

A link mögött árnyék lesz:

<script type="text/css"> 

 A:link, A:visited, A:active {text-shadow: 0px 0px 0px #666;} 

A:hover { text-shadow: 1px 1px 10px #666;}

</script>

Forrás: Kawaii Blog Design