hej. nu ska jag lära er lite om klickbara saker.

på de här ställerna i stilmallen ändrar du klickbara saker:

länkar i inlägggen:

a {color: #ff006c;}
a:hover {color: #000000;}

i menyn:

.nav a { color: #000000;   }
.nav a:hover { color: #ff006c; }

på kommentar m.m knapparna:

.entrymeta a { color: #ff006c;
.entrymeta a:hover { color: #000000;  }

de som kommenterars bloggar:
.commentmeta a { color: #000000;
.commentmeta a:hover { color: #ff006c; }



det ända som står där nu är färgen på länkarna. (.commentmeta a { color: #000000;
.commentmeta a:hover { color: #ff006c; })

men det finns annat man kan göra också.


större text när kan tar över musen:

för att göra större text när man tar över musen måste man skriva in det här efter färgen: Font-size: 10px;
fast du för pröva dig fram och se hur stor text du vill ha.

vissning:
den här raden visar hur det ser ut när man inte har musen över→.commentmeta a { color: #000000; Font-size: 10px;
den här raden visar hur det ska se ut när man har musen över→.commentmeta a:hover { color: #ff006c; Font-size: 14px;}

om man har så som jag har gjort här uppe så blir ju texten större när man tar musen över den.



understruken text:
på vissa ställen kan texten bli understruken när man tar musen över den eller när man inte har musen över den.
om man inte vill att det ska vara så kan man sätta in det här: text-decoration:none;

vissning:

.entrymeta a { color: #ff006c; text-decoration:none;}
.entrymeta a:hover { color: #000000;  }



steck/prickar under texten:
om man vill att det ska vara streck eller prickar under texten när man tar musen över den ska man klistar in det här efter färgen: border-bottom:1px dotted #000000; . det finns massor av olika streck/ prickar som man kan ha.
dashed( om man vill ha streck under)
dotted( om man vill ha prickar under)

border-bottom:1px dotted #000000; 1px= storlekenpå prickanar/strecket  dotted= prickar( sätt i dashed där istället om du vill ha ett streck)  #000000= färgen på prickarna/ strecket

vissning:
.entrymeta a { color: #ff006c; text-decoration:none;}
.entrymeta a:hover { color: #000000; border-bottom:1px dotted #000000; }






hoppas att nu fattar något. tycker själv att jag inte förklarade något bra med det är svårt.
//Mikaela