Bloggande iFokus

Bloggande

Etikett: bloggdesign-html-och-css
Läst 3140 ggr
CamillaS
0

Vill att bakgrunden ska vara "fast"

Ja lite svår förklarat, men jag vill att bakrunden ska bestå av en bild som ska vara fast på sidan och när man scrollar ner i bloggen så ska enbart den röra sig.

Som på denna, bakgrunden är still men bloggen rör sig när man scrollar neråt. http://nellieberntsson.se/

Så hur gör man det? Med vilken kod och vart sätter man in den?

[Vargöga]
0
#1

Kolla in denna länk så får du hjälp. :)

Wand
0
#2

Har för mig att det är samma kod som vanligt, men att man sätter in "repeat; no repeat" typ, är dock inte säker, det var ett tag sedan jag hade bakgrund på bloggen.

Det verkliga livet existerar i fantasin. Did I mention demons?

[Vargöga]
0
#3

Det skall stå fixed nånstans men kolla länken så får du all information.

Jess89
0
#4

repeat ska du inte använda dig av för att få "fast" bakgrundbild. Det avgör om du upprepar din bakgrundsbild eller inte. För att få fast bakgrund använder du dig av kodningen fixed;

Vänliga hälsningar Jessica
medarbetare på socialt stöd & Anhöriga

MajaL
0
#5

Hoppas det löser sig så det blir som du önskar. :)

Med vänliga hälsningar

Maja Cool

www.majalind.se

 

 

 

CamillaS
0
#6

Hmm jag fösökte med koden som fanns på bloggdesign men får det inte att fungera. Obestämd

Såhär ser koden ut, vart ligger felet? Måste erkänna att jag kan typ noll om bloggdesign, men vill gärna lära mig.

body{
background-image: url(http://camillafotograf.blogg.se/images/2012/skrovlig17_184467011.gif); background-repeat: no-repeat;
background-position: center center; background-attachment: fixed;
}

[Vargöga]
0
#7

Varför har du en massa strong-taggar?

Jess89
0
#8

Strong har du lagt till koden själv? Du ska nämligen inte lägga till någon kod som heter strong. Du ska enbart lägga till

background: url(http://camillafotograf.blogg.se/images/2012/skrovlig17_184467011.gif);
background: no-repeat;

Vänliga hälsningar Jessica
medarbetare på socialt stöd & Anhöriga

Mimmi
0
#9

#6 Din bild ser ju ut som en textur, då ska den ju alltså repeteras?

CamillaS
0
#10

#7 Jag kopierade av koden från bloggdesign och där ser koden ut såhär:

body{ background-image: url([http://adressen](http://adressen/) till din bild); <``strong``> background-repeat: </``strong``>no-repeat; <``strong``>background-position:</``strong``> center center; <``strong``> background-attachment:</``strong``> fixed; }

#8 Nej, jag kopierade av den fråm bloggdesign.

#9 Ok, som sagt så kan jag inte mycket om detta.

Mimmi
0
#11

#9 Din bild är väldigt liten och ska alltså repeteras och bilda ett mönster. Då kan du inte sätta no-repeat på den. Glad

CamillaS
0
#12

#9 Ok.
Men kan ingen visa hur koden exakt ska se ut? För att få det som jag vill med bakgrunden?

Mimmi
0
#13

body{

background-image: url([http://adressen](http://adressen/) till din bild);

background-repeat: no-repeat;

background-position: center center;

background-attachment: fixed;

}

Testa detta.

CamillaS
0
#14

Klistarde in din kod högst upp i dokumentet och klistrade in länken till bakgrunden men den vill inte synas. Obestämd
Så vad gör jag för fel nu då?

body{

background-image: url(http://camillafotograf.blogg.se/images/2012/skrovlig17_184518704.gif);

background-repeat: no-repeat;

background-position: center center;

background-attachment: fixed;

}