Ebba Granholm Ström ✾

Direktlänk till inlägg 9 oktober 2011

Länkarna ändrar utseende vid mousover

Av Ebba Granholm Ström - 9 oktober 2011 11:13

Hej!

Jag fick en fråga om jag kan visa hur man får länkarna större vid *mousover och då passar jag på att visa 3 olika tips för att ändra utseendet på länkarna. 


Om du vill ha att länkarna ökar i storlek kopierar du denna kod:


<html> <head> <style type="text/css"> a {color: #303030;text-decoration:none;} a:hover {color: #ffffff;text-decoration:none; font-size: 16px;} </style> </head> <body> <b> <br> <a href="mypage.htm"></a> <br> <a href="mypage.htm"></a> </b> </body> </html> 

Och där det står font-size: 16px;} ändrar du på siffran

för att få rätt storlek som du vill ha.


  


Om du vill ha så länkarna blir kursiva vid mousover kopierar du denna kod.


<html> <head> <style type="text/css"> a {color: #303030;text-decoration:none;} a:hover {color: #ffffff;text-decoration:none;font-style: italic;} </style> </head> <body> <b> <br> <a href="mypage.htm"></a> <br> <a href="mypage.htm"></a> </b> </body> </html> 


Den koden är bara att klistra in.


 


Och sist men inte minst så är detta hur du får så texten delar på sig vid mousover och då kopierar du först denna kod.


 <html> <head> <style type="text/css"> a {color: #303030;text-decoration:none;} a:hover {color: #ffffff;text-decoration:none; letter-spacing:.2em;} </style> </head> <body> <b> <br> <a href="mypage.htm"></a> <br> <a href="mypage.htm"></a> </b> </body> </html> 


Och genom att ändra på letter-spacing:.2em; på siffran så bestämmer du hur mycket texten ska dela på sig. Jag har 1em;


   


*mousover = när man har musen ovanpå länken tillexempel. Det är därför det också heter mousoverbild. 



Lycka till  


 
ANNONS
 
Ebbiz(:

Ebbiz(:

9 oktober 2011 12:55

Vad ska man sätta koderna sen ? ;)

http://ebbizz.bloggplatsen.se

Ebba Granholm Ström

9 oktober 2011 13:04

Inställningar - Menyavdelningar - Skapa avdelning - HTML kod

 
yrlaklara

yrlaklara

29 juli 2014 09:13

När jag klistrar in den kursiva koden och håller musen över på min blogg försvinner bara länken helt. Vet du vad det bror på?

http://yrlaklara.bloggplatsen.se

Från
    Kom ihåg mig
URL

Säkerhetskod
   Spamskydd  

Kommentar

Av Ebba Granholm Ström - 3 januari 2016 19:34

Hej alla fina! Det här har jag funderat på att göra tror jag ni vet om. Jag tycker att det är en bra idé att göra detta nu efter årsskiftet så jag kan börja nya tag och "börja om".  Jag vill utveckla mina bilder och jag känner inte att jag kan gö...

Av Ebba Granholm Ström - 30 december 2015 22:15

Imorgon går vi från 2015 till 2016. Jag började året med att fotografera som en riktig tok men det svackade under någon månad eller två. Ska se vad jag kan skrapa ihop för fint åt er dock. Gör så att jag sammanfattar varje månad för sig, sen hittade ...

Av Ebba Granholm Ström - 28 december 2015 12:22


God fortsättning alla fina! Min jul har varit jättehärlig och full av mys. Jag gör inte speciellt mycket på dagarna, vilket jag personligen tycker är hur mysigt som helst. Nu har det kommit lite snö så jag tror att det blir lite foto eller så njuter ...

Av Ebba Granholm Ström - 23 december 2015 14:15


Min motivation just nu. I tider man tycker man gjort dumma val eller inte gjort vissa val. Har man fått ut något av det man gjort så var det inget dumt val du gjorde. Tro på dig själv.  Kram Ebba ...

Av Ebba Granholm Ström - 21 december 2015 12:00

Kram Ebba

Om Ebba Granholm Ström

Ebba Granholm Ström ♥ gymnastik
svartvitt ♥ 1998 ♥ fotografera ♥ 
sommar ♥ vänner
Läs mer.........

instagram, twitter, tumblr, kontakt, bloglovin,

youtube, vsco, flickr 

- - - - - - - - - - - - - - - - - - - - - 

MIN KAMERAUTRUSTNING

MINA BLOGG-GUIDER

 

business inquiries { ebba.granholm-strom@live.vasteras.se 

Senaste inläggen

Sök i bloggen

Kategorier

 

Fråga mig

1 735 besvarade frågor

Arkiv

Copyright

I min blogg har jag 100 % copyright på både bilder, bloggdesign ALL text och koder och kopieras det något så kommer jag prata med dig om detta © Maila mig om det är något du skulle vill ha dela med dig av så ordnar vi upp detta tilsammans och ser du någon annan som kopierat från mig. Länka inlägget till mig. Det uppskattas. ©

Låt inspirationen slinka in men låt er inre kunskap skina igenom.

Reklam och annonser











---