slide show

Hur min nya header blev till

Tänkte visa hur jag gjorde min nya header och naturligtvis så började alltihop
i Photoshop. Eftersom jag hade en tanke att den här gången lägga till en
bildväxling så var jag tvungen att planera bilden lite mer än vanligt.

Stödlinjerna i Photoshop är en bra hjälp när man ska dela upp en bild.



Den övre halvan av headern har jag lagt in i stilmallen som vanligt...



...och den undre halvan är delad...



...i fem delar...



...och två lager.

Den undre delen av headerbilden fick jag klura en del på eftersom jag där skulle
kunna lägga in min bildväxling också. Problemet löstes med hjälp av ett
tips som jag hittade hos www.designadinblogg.se En slags "box"
som går att placera direkt under headern och där man kan
"stoppa" vad som helst, en meny, reklam eller som
i mitt fall, resten av min header.

Koden för den här boxen lägger man in i kodmallen och vill du ha boxen
på alla dina sidor så lägger du in koden på alla kodmalls-sidor.



Bildväxlingen är gjord med hjälp av ett JavaScript, även det har jag
hittat hos www.designadinblogg.se och använt tidigare så
jag visste att det fungerade bra.

Sen är det lite knep och knåp för att skarvarna inte ska synas utan att de
olika delarna av bilden ska se ut som en bild men när det är löst
så har man en header med bildväxlingar och möjlighet att
tex länka varje bild till en kategori på bloggen.

Hoppas att förklaringen kan vara till hjälp om det är
någon som är sugen på att prova på det här.

Lycka till!
Signatur

Eddie

Attans, där föll teorin om killen på servern!

2010-05-02 @ 22:19:31
Anonym

Hmmm? sugen ja men därifrån till att få det att funka ;)

Tur att såna där lätta program finns som en annan klarar av :)

Du är ju så duktig (bugar mig)

2010-05-04 @ 10:42:05
Anna

Va ju jag då´rå

2010-05-04 @ 10:42:31

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:


bloglovin
Follow SusanneKastbom on Twitter