mariagutebring.blogg.se

Hur lätt som helst, men man måste ju veta hur koden ska se ut för att fungera... och var den ska ligga, så klart.

Nu har jag provat 8 stycken och alla lyckades, men jag nöjde mig till slut med en väldigt diskret till just den här sidan. I Silentium är det ju ingen särskild vit sida precis där inläggen är så om man vill ha bakgrund så blir det över hela (det är möjligt att det går att styra detta också utan allt för stora omställningar, men så långt har jag alltså inte kommit än).

 

1. Gör en bakgrund.

2 Gå till bloggen Arkiv Bilder, ladda upp bild från din dator, starta uppladdning av bilden, kopiera bildadressen i fullstorlek, inte thumb under bilden (det är möjligt att du måst gå ifrån bilder och tillbaka igen innan den har caschats)

 

3. klistra in bildlänken istället för den blåmarkerade länken  på rätt plats i style.css

body  { background: #e6ddac url(https://cdn1.cdnme.se/4319522/6-3/bg8_52dd54c4e087c374cfc8d262.jpg);

}

 

/* Resets  ------  */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del,

dfn, em, img, ins, kbd, q, samp, small,  strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,

thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video  {  margin: 0;  padding: 0;  border: 0; }

article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {  display: block; }

a img {border: 0;}

/*  Default Layout: 992px.   Gutters: 24px.   Outer

margins: 48px.    Leftover space for scrollbars @1024px: 32px. ------------------------------------------------------------------------------- cols1 2345678910 px68160252344436528620712804896*/

 

 

body { background: #e6ddac url(https://cdn2.cdnme.se/4319522/6-3/bg8_52dd54c4e087c374cfc8d262.jpg);

}

 

 

 body {  line-height: 1.7em; }

.entrybody:after {  clear: both;     content: " ";     display: block;     height: 0;     line-height: 0;     visibility: hidden;

}

h1, h2, h3, h4, h5, h6 {   line-height:1.3em;   font-weight:normal;

 

-------------------------------------------------------------------------------

sen är det bara att leka runt om man t.ex. vill ha en bild som inte flyttas med scrollen och i en viss storlek, placerad mitt på sidan, så kan det bli nånting sånt här...

 {
   background-image:url(http://bildadress.gif);
   background-repeat:no-repeat;
   background-attachment:fixed;
   background-position:center;
}

LYCKA TILL!