Olika bakgrund på varje inlägg
Ett sätt att liva upp din blogg kan vara att ge enstaka inlägg en egen bakgrund.
Skriver du t.ex. om en Parisresa kan det vara trevligt att ha ett diffust Eiffeltorn i bakgrunden.
Handlar ditt inlägg om en stämning eller känsla kan du ha en soluppgång som bakgrund,
eller bara en färg.
Oavsett vilket du väljer, så bör du tänka på att det kan se avhugget ut i kanterna, om bakgrunden skiljer sig för mycket mot de omgivande färgerna
Det kan du fixa genom att t.ex. klippa ut motivet, som jag har gjort med måsen i detta inlägg, och göra resten av bilden transparent/genomskinlig.
Det kan du göra t.ex. med Paint i Windows, eller Photoscape
I Photoscape kan du även ge ditt foto olika typer av ramar.
Så här gör du:
Vill du bara ha en färg, så börjar du skapa ett nytt inlägg,
och skiftar från SKRIV, till HTML-läget
Lägg till denna kod, innan du skriver något annat:
När du är färdig, återgår du till HTML-läget och lägger till det sista </div>
Färgen byter du förståss ut till vad du vill ha. (Det som är rödmarkerat.) Du kan hämta färgkoder hos t.ex. ColorPicker.
Vill du hellre ha en bild som bakgrund använder du istället denna kod:
Bilden kan du först ladda upp på något bildhotell, t.ex. TinyPic, FotoFlexer eller i bloggens Picasaalbum.
Lycka till!
Skriver du t.ex. om en Parisresa kan det vara trevligt att ha ett diffust Eiffeltorn i bakgrunden.
Handlar ditt inlägg om en stämning eller känsla kan du ha en soluppgång som bakgrund,
eller bara en färg.
Oavsett vilket du väljer, så bör du tänka på att det kan se avhugget ut i kanterna, om bakgrunden skiljer sig för mycket mot de omgivande färgerna
Det kan du fixa genom att t.ex. klippa ut motivet, som jag har gjort med måsen i detta inlägg, och göra resten av bilden transparent/genomskinlig.
Det kan du göra t.ex. med Paint i Windows, eller Photoscape
I Photoscape kan du även ge ditt foto olika typer av ramar.
Så här gör du:
Vill du bara ha en färg, så börjar du skapa ett nytt inlägg,
och skiftar från SKRIV, till HTML-läget
Lägg till denna kod, innan du skriver något annat:
<div style="background-color: #F2CBF7; padding: 5px 8px 5px 8px;">
Ditt inlägg skriver du här
</div>
Skifta till SKRIV-läget, och gör ditt inlägg.Ditt inlägg skriver du här
</div>
När du är färdig, återgår du till HTML-läget och lägger till det sista </div>
Färgen byter du förståss ut till vad du vill ha. (Det som är rödmarkerat.) Du kan hämta färgkoder hos t.ex. ColorPicker.
Vill du hellre ha en bild som bakgrund använder du istället denna kod:
<div style="background-image: url(din bildadress här); background-repeat: no-repeat; ">
Ditt inlägg skriver du här
</div>
Glöm inte det avslutande </div>Ditt inlägg skriver du här
</div>
Bilden kan du först ladda upp på något bildhotell, t.ex. TinyPic, FotoFlexer eller i bloggens Picasaalbum.
Lycka till!
Ett inlägg av Rolf,
Rolf driver bloggen Näsetvandrarna som är en informationsblogg för vandringssugna personer i och runt Vellinge kommun i Skåne.
Starten av bloggen väckte Rolfs intresse för att själv kunna påverka sin sajt och han lär sig hela tiden nytt inom html och css.
Åh,vilket bra tips Rolf!
ReplyDeleteUnderbart tips! Jag har fått många bra tips från denna sidan, tack för att ni finns!
ReplyDeleteVilket trevligt tips.
ReplyDeleteTack för det och en bra manual.
Beem
Tack skall ni ha - alltid trevligt att få uppskattning!
ReplyDeleteDetta fungerade tyvärr inte i min Artisteermall,men i min testblogg så fint så :)
ReplyDelete*låter svårt*
ReplyDeleteTack för det här tipset, nu klarade jag äntligen av att lägga en färgad tonplatta under min textgadget!
ReplyDelete