Ända sen början av webb 2.0 har det varit populärt med tonade bakgrunder på bloggar och hemsidor. Det kan bli en ganska snygg och stilren effekt.
Hur lägger jag in en tonad bakgrund på min blogg?
Att lägga in en tonad bakgrund på sin blogg är faktiskt inte alls så svårt. Nyckeln är att använda en horisontell bakgrundsbild plus en vanlig bakgrundsfärg.Bakgrundsbilden
Skapa en gradient i ditt bildprogram eller med hjälp av ett onlineverktyg. Bilden behöver inte vara så bred, men se till att den är så hög som du vill ha den. Kopiera också färgkoden (exempelvis #FFFFFF) för den nedersta färgen. Den kommer du lägga som bakgrundsfärg på din blogg sedan.
Spara din bild och ladda upp den på din bildserver/blogg. Leta reda på adressen till bilden (slutar på .jpg .gif eller .png) exempelvis genom att högerklicka på din bild och välja 'visa bild'. Det här beror förstås på vilken bildserver du använder. På exempelvis Bloggesse behöver du bara klicka på bilden i ditt bildarkiv två gånger så kommer du till bildadressen.
Koden
Gå in i din stilmall och leta reda på 'body'. Om det står något om 'background' mellan { och } så radera det och ersätt med/klistra in din egen kod. Såhär:
body {
background: #FFFFFF url(adressentillbilden.jpg) top left repeat-x;
}
Översatt betyder koden rätt upp och ned: Bakgrunden för 'body' ska ha färgen vit, den ska också ha en bakgrundsbild som går från övre vänstra hörnet och följer x-axeln (alltså upprepas horisontellt över skärmen).
Några färdiga gradients som du kan använda
Lycka till!
Allt innehåll, om inte annat framgår, är © Terese Mörtvik.
Foton, grafik, eller texter får inte användas utan mitt tillstånd.
Vid användning med tillstånd länka alltid tillbaka till bloggen.
Foton, grafik, eller texter får inte användas utan mitt tillstånd.
Vid användning med tillstånd länka alltid tillbaka till bloggen.
Innan du kommenterar kan det vara bra att veta några saker.
tack för hjälpen men jag har nog gjort något fel va snäll och titta och komentera ;)
URL: http://publishme.se/1765902/settings/theme/preview/