!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Emma Pettersson - Vardag och Fotografi -

BLOGGDESIGN TIPS - GENOMSKINLIG RAM RUNT BLOGGEN

Update: | ✝ Publicerat i Bloggdesign Tips
Lär dig gör en ljus "ram" runt bloggen! 
 

1. Öppna ditt photoshop/gimp och gör en bild som är 400x400.
3. Gör hela bilden vit, sen drar du ner opacity/genomskinlighet till något mellan 35-40 jag tog 39.5.

 
4. Tryck på arkiv sen "spara som" och skriv vad bilden ska heta och sluta med .png
 
 
5. Tryck sedan på export och så kommer denna komma upp ( på gimp 2.6) ta bort markeringen som jag har markerat med rött. Sedan spara. 
 
 
 
6. Nu kan du ladda upp din bild på bloggen, ladda upp den i 1000px. 
 

7. Nu ska du ta den hära koden:
background: transparent url(HÄR SKA DU LÄGGA IN DIN BILDKOD);
 
8. Den koden ska du lägga in längst ner i #wrapper { koden i stilmallen, så här ska det se ut:
 
9. Om du vill justera hur stor kanten ska vara så kan du ändra:
#wrapper {
clear:none;
margin: 30px auto;
padding: 20px; <-- Där kan du ändra hur stor kanten ska vara, desto större tal, desto större kant.
width: 830px;
background: transparent url(HÄR SKA DU LÄGGA IN DIN BILDKOD);
}
(Det kan se annorlunda ut på wrappern, men det finns alltid padding.)
 

10. Nu är det bara att spara! :D

Fråga om det var något du inte förstår så ska jag försöka hjälpa :)
 
 
Matilda
Skrivet den:

Tack för tipset! :) Men hur får man den genomskinliga bakgrunden att repeat:a sig nedåt? För min stannar där uppe...
Tacksam för svar!