Taggarkiv: Bakgrund

Bakgrunder: Lite fler bakgrunder till bloggen

Andra paketet med bakgrunder. Kom ihåg att du kan ändra färger på sakerna i e.x Photoshop.

Tyvärr har det filerna blivit korrupta vid flytt av siten till ny host. 🙁

Dela gärna vidare
Skapad av disruptive.nu

Guide: Egen bakgrund i kommentarsfältet

Att lägga in en bakgrund i kommentarsfältet är väldigt enkelt.
Börja med att lägga in följande kod i botten på din stilmall:

textarea {
background-image: url(”);
border: 1px solid black;
}

Sedan letar du upp bilden du vill ha som bakgrund, och lägger den i enkelfnuttarna, så att din kod ser ut ungefär såhär:

textarea {
background-image: url(‘http://zef.me/wp-content/uploads/2008/02/funny-cat.jpg‘);
border: 1px solid black;
}

Om du har e.x en mörk bakgrund, så kommer inte din text att synas så bra. Så kan du enkelt ändra textfärgen igenom att lägga till e.x:

color: #FFFFFF;

Då kommer du att få vit text. När du är klar så bör din kod se ut ungefär såhär:

textarea {
background-image: url(‘http://zef.me/wp-content/uploads/2008/02/funny-cat.jpg‘);
border: 1px solid black;
color: #FFFFFF;
}

Bilden nedan så satte jag en helröd text.

Dela gärna vidare
Skapad av disruptive.nu

Guide: Utöka bredd blogg.se

För att utöka bredden på blogg.se går du in och väljer att redigera din stilmall. Leta sedan efter följande:

div#content {
background: #fff;
float: left;
display: inline;
padding: 0 18px 20px 20px;
margin: 0 20px 20px 0;
width: 540px;
border-bottom: 2px solid #95CFE8;
border-right: 2px solid #95CFE8;
}

Det du skall ändra här är din ”width”. Prova att successivt öka värdet. D.v.s från 540px, till 580px och sedan 600px så kan du lätt få den storlek som du önskar.

Obs: alla teman innehåller olika upplägg. I exemplet ovan så skall man redigera ”div#content”. Detta gäller inte alla teman. Leta dock efter ordet ”content” – så bör ni hitta det relativt enkelt.

Dela gärna vidare
Skapad av disruptive.nu

Guide: Ändra bakgrundsfärg på din blogg

Guiden gäller Blogg.se

Att ändra bakgrundsfärg på sin blogg är ett utav det lättaste sakerna man kan göra.
Gå in i din stilmall och leta efter :

body {
background: #fff;
}

#fff är färgen vit i s.k HEX-decimaler.
Gå in på Colorpicker.com, leta efter en färg som du vill ha som bakgrund.
När du har valt en färg, så kopierar du texten överst – det kan vara e.x #3B5480.
Den koden skall du nu klistra in iställlet för #fff.

Nu när du har gjort det så bör din kod se ut på följande vis:

body {
background: #3B5480;
}

ps. Tänk på att din kod kan se lite annorlunda ut, den kan ha mer eller mindre funktioner än vad som står angivet här. Det viktiga är bara att du gör ändringen i ”body”.

Dela gärna vidare
Skapad av disruptive.nu

Guide: Låsa bakgrunden vid scrollning

Guiden gäller Blogg.se

Om du inte gillar att bakgrunden rullar när du scrollar ner, så kan du enkelt lösa detta igenom att lägga till en funktion som heter ”background-attachment”. För att göra detta så går du in i din stilmall för din blogg och letar efter ”body”. Koden kan se ut som följande:

body {
margin: 0 auto;
padding 20px;
}

Se till så du lägger in koden mellan e.x ”padding” och ”}” enligt följande:

body {
margin: 0 auto;
padding 20px;
background-attachment: fixed;
}

Då skall bakgrunden alltid vara ”fixerad” och bör inte längre röra sig när man scrollar igenom inläggen.

Dela gärna vidare
Skapad av disruptive.nu

Nylansering

Idag lanseras Bloggsaker.se Det är en hemsida för dig som bloggar hos e.x Blogg.se och vill ha lite nya saker till den. Det kan vara ny bakgrund, lite bilder till designen, eller några sköna tips och tricks. Så se till att hålla koll!

Dela gärna vidare
Skapad av disruptive.nu