Gå til innhold

Anbefalte innlegg

Skrevet

Jeg har sett en del web-sider der bakgrunnen står stille, selv om det er scroll på siden.

Av ren lærelyst lurer jeg på hvordan man får til dette.

Tekst og bilder på siden skal man altså kunne scrolle, men bakgrunnsbildet skal ikke bevege seg.

Videoannonse
Annonse
Skrevet

Noen ganger finner man ut av ting helt på egenhånd. :ler:

For de som lurer:

<script language="JavaScript1.2">

if (document.all||document.getElementById)

document.body.style.background="url('bilde.jpg') white center no-repeat fixed"

</script>

(Settes inn i body-tagen)

I tillegg lærte jeg at det kalles Watermark.

Skrevet

Jeg har også opplevd det noen ganger...og vil så gjerne vite hva jeg kan gjøre for å få scrolla.....

men:

<script language="JavaScript1.2">

if (document.all||document.getElementById)

document.body.style.background="url('bilde.jpg') white center no-repeat fixed"

</script>

(Settes inn i body-tagen)

I tillegg lærte jeg at det kalles Watermark.

:klø:

Kan du oversette?

:)

Skrevet

Det er ikke noe å oversette.

Bare lim inn

<script language="JavaScript1.2">  

if (document.all||document.getElementById)  

document.body.style.background="url('bilde.jpg') white center no-repeat fixed"  

</script>

inne i <body> et sted. bilde.jpg bytter du ut med navnet på bildet du vil ha som bakgrunn.

Skrevet

I koden finner du nesten øverst <body> og nesten nederst </body>.

Det er mellom disse tag-ene at innholdet på siden finnes (tekst, bilder osv).

Lim inn teksten f.eks rett etter <body>

<body> og </body> = body-tager

Skrevet

Det er helt greit å bruke javascript for dette. Men det er bedre å benytte CSS istedet.

Bruk denne koden:

body { background-image: url('bilde.gif');

background-repeat: no-repeat;

background-attachment: fixed;

}

hvis du har en ekstern css-fil.

Og denne hvis ikke:

<style type="text/css">

body {background-image: url('bilde.gif');

background-repeat: no-repeat;

background-attachment: fixed;

}

</style>

</head>

:wink:

Skrevet

Oops!

CSS-versjonen er jo allerede vist...

Skrevet
Det er helt greit å bruke javascript for dette. Men det er bedre å benytte CSS istedet.  

Bruk denne koden:

body { background-image: url('bilde.gif');

background-repeat: no-repeat;

background-attachment: fixed;

}

hvis du har en ekstern css-fil.

Og denne hvis ikke:

<style type="text/css">

body {background-image: url('bilde.gif');

background-repeat: no-repeat;

background-attachment: fixed;

}

</style>

</head>

:wink:

Takk!

Har enda ikke satt meg inn i CSS (til tross for instens masing fra Crazee :ler: )

Men jeg skal ta vare på denne hvis jeg en eller annen gang skulle komme til å lære meg å bruke CSS.

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Opprett en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...