Header Ads

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:
<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.
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>

Bilden kan du först ladda upp på något bildhotell, t.ex. TinyPicFotoFlexer 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.



7 comments:

  1. Åh,vilket bra tips Rolf!

    ReplyDelete
  2. Underbart tips! Jag har fått många bra tips från denna sidan, tack för att ni finns!

    ReplyDelete
  3. Vilket trevligt tips.
    Tack för det och en bra manual.
    Beem

    ReplyDelete
  4. Tack skall ni ha - alltid trevligt att få uppskattning!

    ReplyDelete
  5. Detta fungerade tyvärr inte i min Artisteermall,men i min testblogg så fint så :)

    ReplyDelete
  6. Tack för det här tipset, nu klarade jag äntligen av att lägga en färgad tonplatta under min textgadget!

    ReplyDelete

-------------------------------
Lämna gärna en hälsning! Har du en bloggfråga är du välkommen att ställa den på vårt forum. På så vis kan fler svara alternativt få hjälp om de har samma problem. Tack!
Du hittar en länk till forumet högst upp till vänster här på Fixabloggen.
-------------------------------