Designtips: Bildspel i headern

Som ni kan se så har jag ett bildspel i min header nu, det är en del som undrar hur man gör just ett sådant så det tänkte jag visa nu! Har ni mer saker ni vill att jag ska tipsa om så hör av er i en kommentar eller skicka mail!

1. Börja med att lägga in denna kod ↓ under #header { avsnittet i stilmallen.
#EmilyPictureBackground {
float: center;
margin-right: 0px; }

2. Lägg sedan in denna kod precis över </head> i kodmallen. (Koden är inlagd på en testblogg för den inte går att kopiera korrekt annars) Glöm inte att lägga in koden i alla kodmallar och spara!

3. Lägg sedan in denna kod ↓ efter <div id="header">.
<div id="EmilyPictureBackground">
<img src="BILD 1" width="BREDDEN" height="HÖJDEN" id="EmilyPicture">
</div>
<script type="text/javascript">
RunSlideShow("EmilyPicture","EmilyPictureBackground",
"BILD 1;BILD 2;SISTA BILDEN",5);
</script>

Du kan lägga in hur många bilder du vill i bildspelet, bara du har ett " ; " mellan bilderna. Obs gäller ej sista bilden!

4. Lägg in koden i alla kodmallar och glöm inte att spara! Nu är allt klart, har ni några frågor så är det bara att ställa dem i en kommentar! Hoppas det funkar bra för er och att ni vill att jag fortsätter med designtipsen!
#EmilyPictureBackground {
float: center;
margin-right: 0px; }

38
ANGELICA.BLOGG.SE ♥

Bra tips :D

BRUNETTBLOGGEN

vill du följa varandra via bloglovin? :)

CAROFLINA.SE ♥ LYXIGA VARDAGAR ♥

Skitfin header!



Tipsar i bloggen om underbaraste julklappen till tjejer i alla åldrar; ett kit från Yves Rocher som är min personliga favorit ♥ ♥ ♥

Anonym

Ja, det kan vi göra! lagt till dig i bloglovin nu, lägg till mig med :D kramis!

Jenny

Hur får man en text längst ner på bloggen? asså där "du har Hoppas du kikar in hos mig snart igen!..."



Har länge undrat det! :D

Marika

Varsågod:)

Sandra - Fotograf & "Fotbollsfru"

Tack vad skoj :)

Klart jag vill :)



allt bra ?

Kram

Linn

Fin blogg, kika gärna in på min och kommentera gärna!

SabinaKöster

Tack !"! :)

A D E L I N A

sv: åh tack vad glad jag blir! Gillar din också :D kram!

Tess

Godmorgon!

Två nya kategorier; Sexualkunskap & DesignHjälp!

Kram!

BRUNETTBLOGGEN

nu har jag lagt till dig :D

LJ photos&texts

Sjukt bra tips ju! Har alltid undrat hur man gör så. Tack för det! :)



SVAR; Yes, allt är bra här med. Planer för dagen?

Beatrice Jakobsson (foto)

bra tips :D

A D E L I N A

sv: tack så jätte mycket :D

Felicia Johansson

Åh, tusen tack för dina fina ord Malin. Så himla glad jag blir :)

Madeleine ♥

grymt fin blogg!

Jenny

SV: Följer dig redan på bloglovin! :D och Tack! :)

CLARA

coolt med bildspel i headern :)

LJ photos&texts

SVAR; Vad var det för operation? :) Själv så har jag inte haft några planer, mest slappa.

FANNY

sv: följer dig med nu! :D

Lisa's Photos

SV: Tack du! :)

ADARAS.se - din bloggtidning på nätet!

Älskar dina designtips! :D

Anonym

Svara gärna på min fråga på bloggen vad önskar du dig? :D

thea

så kul tips, tycker verkligen du ska fortsätta med dom! :) kanske prövar detta i framtiden :)



ps. var gärna med i torsdagens blogg hos mej idag :) du behöver bara kommentera inlägget med "jag är med", enkelt! :) kram!

Lovisa.♥

Hej! märkte att koden inte funka, men jag har en lösning. :) kanske kunde hjälpa till. Du vet koden som man sätter i div id header, så står det "<img alt="BILD 1" width="BREDDEN" height="HÖJDEN" id="EmilyPicture">".. där det står "img alt" kan man ändra till "img src" så funkar det! eller ja, det gjorde det för mig. Kram.

W I L M A - fotoblogg

hej!

jag är jättedålig på design, men vad ska men sätta <div id="EmilyPictureBackground"> där det står emilypicturebackround istället för det? skulle behöva massa hjälp det bara står ett frågetecken vid headern nu. kolla på http://youuandmetesttt.blogg.se/ så ser du hur det ser ut. skulle vara snällt om du säger vad jag har gjort fel & så. tack på förhand! :) :)

Emelie

Hej!

Förlåt för att jag är så trög xD Men jag har gjort PRECIS som du har skrivit här med bildspelet, men det ser bara helt damp ut :S

Kolla på www.youretheone.blogg.se/test

elin

tack för ditt tips men jag har ett litet problem med att bilderna inte byts kan du hjälpa mig!?

Emelie

Tack s¨mycket för hjälpen med bildspel koden! :D Har letat som en galning och prövat mängder av saker. Håller på och designer min nya blogg och har nu förhoppningar att få fixat allt :) Tack för allt!^^

Simona

hej! ska man lägga in bildens adress-grej? och vart ska man isåfall lägga in kodarna till bilderna? tacksam för svar :)

Hannah P

Hej!

Jag har följt stegen exakt men får det inte att funka. Får bara upp första bilden, det rör sig liksom inte sen. Svara gärna på min mail :)

Elin

Hejhej!



Vart lägger man in bilerna i bildspelet?

My

om jag ska vara ärlig fattar jag inget... men det är INTE att du beskrivit dåligt utan att jag bara är lite trög :)

Chris

hejsan!



Får man verkligen använda koden???

Linda ♥

Hej! Bra tips men förstog inte riktigt 3:an! I vilken mall ska man läggain den koden! Har letat lite i alla (då menas stillmallen och kodmallarna) men hittar inte dendär textsnutten som man skulle läggain koden under :/ Något tips?

Marika

Ska jag lägga in bilderna i stilmallen eller i kodmallen? :)

Lisa

Hej! Jag har lagt in bildspelet, men jag lyckas inte flytta det, samt att när det byter så blir bilden betydligt större än när den är stilla. Du får väldigt gärna skicka ett mail, så snabbt du kan, och förklara vad du tror kan ha gått fel, samt om du har något tips hur jag ska flytta den/få den mindre.
Tack på förhand,
/Lisa =)