Välkommen!

Jag som skriver heter Erika (25) och bor i Örebro med min Magnus (30) och vår son Wille (1). Just nu studerar jag till sjuksköterska på Örebro Universitet samtidigt som jag jobbar som croupier på lite olika krogar runt om i stan.

I denna blogg kommer du få läsa om allt livet har att erbjuda. Jag skriver naket och ärligt om det jag finner intressant och det kan vara allt från bebisbajs till livets största frågor. Hoppas ni kommer trivas!!

Ställ gärna en Fråga!

Besök

Följ gärna bloggen!

Blog Archive

Gillar du att tävla?

Om du tycker om tävlingar så finns det en sida som är fullproppad med tävlingar på nätet som du borde titta in på. Där finns även alla tävlingar som jag anordnar samlat. Så håll dig uppdaterad för att vinna fina priser :) Klicka på bilden.

Blog Archive

Använder Blogger.
tisdag 29 november 2011

Hur gör man en Mouseover? Tutorial

Har fått en fråga på Mejlen från Lisa som undrar hur man gör en Mouseover på bloggen. Så i dagens designtips ska jag försöka förklara hur man gör en enkel Mouseover i ett vanligt inlägg i Blogspot (Blogger) eller Wordpress, utan att behöva krångla i kodmallen. Med mouseover betyder alltså att bilden ändrar sig när man för muspekaren över den. Testa att föra din muspekare över bilden ovan för att se effekten. 

Exempel


Så här gör du!

1. Gör två olika bilder som du vill använda dig av.
Här kommer exemplet av mina bilder jag har på bilden ovan.
Tänk på att bilderna ska vara lika stora och döp dom till namn så du kan skilja på dom!

2. Ladda sedan upp dessa på din blogg och spara länken till bilderna så du har dom!

3. Börja skriva på ditt inlägg! Där du vill ha din Mouseover bild stannar du och klistrar in koden nedanför i inlägget. Kom ihåg att du måste vara inne i "Redigera HTML" delen och inte i "skriv" delen.



4. Där det står "LÄNK" kan du klistra in en länk till den sidan du vill att man ska komma när man klickar på din bild. Där det står "BILD1" ska du klistra in länken till den bild du vill ska synas när muspekaren INTE är över bilden. Där det står "BILD2" klistrar du in länken till den bild du vill ska synas när muspekaren är över bilden. Sedan klistrar du in länken till bild 1 igen där det står "BILD1".

5. För ett centrera din bild skriver du bara center innan koden, som här under.
 
 Hoppas detta hjälpte!
Har du några frågor är det bara att höra av dig!
Antingen i en kommentar eller ett mejl.
Erikawilhelmsson@hotmail.com

3 kommentarer:

alexandra blivande 2 barns mamma sa...

detta borde ju fungera på alla bloggar som stöder html... :)

så även jag som har wordpress tackar och bockar..

Martina sa...

Du skriver:ladda upp bilderna på din blogg....
Hur menar du då?

Isabelle sa...

Tack så himmla mycket!