Jennys Modemix

I min blogg kan ni hitta allt som har med mode och göra - shoppingtips, smycken, väskor och en STOR förkärlek till SKOR. Ni hittar även bloggtips, bloggdesign och mycket mycket mer.

CSS-SCRIPT / LÄNK-EFFEKTER

Publicerad 2010-07-30 12:54:59 i BloggTips

Länk-effekter med CSS


 Ändra färg vid hover



Kopiera koden nedan. 
Markera koden sen trycker du Ctrl + C för och kopiera. Klistra in koden trycker du Ctrl + V
<style>
<!--
a:link { font: Verdana;
color: #000; }
a:active { font: Verdana;
color: #000; }
a:visited { font: Verdana; color: #000; }
a:hover { font: Verdana;
color: blue; }
-->
</style>
Kom ihåg att scriptet ska läggas mellan <HEAD> och </HEAD>



 Bakgrundsfärg vid hover



Kopiera koden nedan. 
Markera koden sen trycker du Ctrl + C för och kopiera. Klistra in koden trycker du Ctrl + V

<style type="text/css">
<!--
a:link { text-decoration: none;
color: #000; }
a:active { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000000; }
a:hover { background-color: yellow; }
-->
</style>
Kom ihåg att scriptet ska läggas mellan <HEAD> och </HEAD>




Overline & underline



Kopiera koden nedan. 
Markera koden sen trycker du Ctrl + C för och kopiera. Klistra in koden trycker du Ctrl + V

<style type="text/css">
<!--
a:link { text-decoration: none; color: #000; }
a:active { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: underline overline; }
-->
</style>
Kom ihåg att scriptet ska läggas mellan <HEAD> och </HEAD>



Letterspacing



Kopiera koden nedan. 
Markera koden sen trycker du Ctrl + C för och kopiera. Klistra in koden trycker du Ctrl + V


<style type="text/css">
<!--
a:link { text-decoration: none; color: #000; }
a:active { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { letter-spacing: 4px; }
-->
</style>

Kom ihåg att scriptet ska läggas mellan <HEAD> och </HEAD>




Dashed underline hover



Kopiera koden nedan. 

Markera koden sen trycker du Ctrl + C för och kopiera. Klistra in koden trycker du Ctrl + V

<style>
<!--
a:link { font: Verdana;
color: #000;
text-decoration: none;
}
a:active { font: Verdana;
color: #000;
text-decoration: none;
}
a:visited { font: Verdana; color: #000;
text-decoration: none;
}
a:hover { font: Verdana;
color: #000;
text-decoration: none;
border-bottom: 1px dashed #000; }
-->
</style>

Kom ihåg att scriptet ska läggas mellan <HEAD> och </HEAD>

Kommentarer

Postat av: Åsa

Publicerad 2010-07-30 13:15:40

tack för din kommentar.

Jag har gjort den med en kompis som stöd bredvid... Hon är mer hajj på html och jag är under utbildning så att säga.. men det är jag som har gjort den som sagt :)

Postat av: Wiilow [ foto tankar & känslor ]

Publicerad 2010-07-30 14:55:56

Hej!



Sv: Åhhh tack men ska du säga, din design är underbar =)



Hoppas allt är bra!

Kommentera inlägget

Publiceras ej

Om

Min profilbild

SweetnCute

I min blogg kan ni hitta allt som har med mode och göra - shoppingtips, smycken , väskor och en STOR förkärlek till SKOR. Ni kan även hitta bloggdesign hjälp & tips, ladda ner gratis bloggdesign, beställa personliga bloggdesign och mycket mycket mer

Senaste inläggen

Kategorier

Arkiv

Prenumerera och dela