• Forside
  • TheHibi
  • Design
  • Bestille design
  • Spørsmål



  • Html-hjelp
  • Kontakt
  • Forside
  • Forside
  • BlogLovin'
  • Hvordan få stillestående bakgrunn på bloggen?


    Et lite fenomen i seg selv, men her er guiden for å slippe bråkete overganger når bildet ruller sammen med resten av bloggen, eller rett og slett for å få en ryddigere blogg.

    I stilsettet (blogg -> design -> rediger) ditt finner du følgende avsnitt:

    eksemple1

    Last opp bakgrunnsbildet du vil bruke på bloggen (f.eks. som et vanlig bilde til et innlegg her på blogg.no - husk å lagre det i den største oppløsningen) eller let fram et passende. Kopier URL-adressen, og oppbevar den i f.eks. notisblokken.


    Fjern linjen der det står background-color: #fargekode; og legg i stedet inn dette:

    background-image: url('DITT BILDES URL-ADRESSE');
    background-attachment: fixed;
    background-repeat: no-repeat;


    Bytt ut DITT BILDES URL-ADRESSE med adressen du har lagret i notisblokken.
    Linjen som definerer stillestående bakgrunn er background-attachment: fixed; Vil du at bakgrunnen skal rulle, fjerner du denne linjen.
    Har du et lite bilde du vil ha flere ganger etter hverandre, bytter du i linjen background-repeat: no-repeat; ut no-repeat med repeat.

    Har du kun et lite bilde du vil ha i det ene hjørnet, legger du også til linjen background-position: DIN POSISJON;
    Bytt ut DIN POSISJON med ønsket posisjon:
    - Venstre: left;
    - Høyre: right;
    - Venstre hjørne oppe: top left;
    - Venstre hjørne nede: bottom left;
    - Høyre hjørne oppe: top right;
    - Høyre hjørne nede: bottom right;


    Stilsettet ditt vil nå se omtrent slik ut, avhengig av plasseringen du har valgt for bildet:

    untitled2


    Husk å ikke fjerne kolon, bindestreker og andre tegn - dette kan gjøre at stilsettet ikke virker slik det skal, da kodene ikke kan leses! Datamaskiner er relativt ømfintlige..

    - Enjoy!

    33 kommentarer

    sigurd

    18.10.2009 | kl.13:14 | URL: http://drugis.blogg.no

    kjempe fint design! :) digger det

    men hvorfor ikke bare laste det opp i tinypic?

    sigurd

    18.10.2009 | kl.13:21 | URL: http://drugis.blogg.no

    sv: man trenger ikke å ha bruker får å laste opp ting eller hente url koder i tinypic ^^ jeg har ikke det

    sigurd

    18.10.2009 | kl.14:38 | URL: http://sigurdbloggen.blogg.no

    sv: kanskje det du! :) det er veldig nyttig!

    LiveEmbla

    14.01.2010 | kl.18:00 | URL: http://www.LiveEmbla.blogg.no

    Heei :)

    Jeg prøver å få en bakgrunn, og har liksom url'en, men når jeg skriver den inn, er det bare samme bakgrunn som jeg hadde først som dukker opp. Kan du hjelpe ? :)

    ♥ mSandjord

    07.02.2010 | kl.22:24 | URL: http://msandjord.blogg.no

    Hvilken kode må du bruke for å få bakgrunnsbildet til å være øverst, men ikke når man scroller lengre ned?

    marte <3

    16.02.2010 | kl.21:38 | URL: http://strikkeskjerf.blogg.no

    hvordan får man et bilde, som dekker hele bakgrunnen, og ikke har noe skjøter eller noe ?
    marte: Man må ha et bilde som er stort nok til å dekke hele bakgrunnen ;)
    Hei det er umulig å få til dette her:( det er mulig at jeg er stock dum men er det en måte å forklare det enda lettere? hvilken siden man laster opp bilde i og slikt? for jeg får det ikke til:( Tusen takk

    EPPX BLOGG NO

    10.10.2010 | kl.19:33 | URL: http://eppx.blogg.no

    Kan du skrive et innlegg om hvordan man får halv-gjennomsiktig bakgrunn på f.eks. meny, sidebar, innlegg++ ?

    mightaswell

    15.10.2010 | kl.03:14 | URL: http://mightaswell.blogg.no

    får det ikke til :/ bakgrunnen blir hvit istedenfor å få opp bildet. vet du hva jeg kan ha gjort feil? :)
    Jaaa, fikk til ! :D Tusen takk ^^D

    ragnarock

    20.11.2010 | kl.14:24 | URL: http://ragnarock.blogg.no

    Hei! Driver og fikser på bakgrunnen min her, men den vil ikke dekke hele bloggen! Store deler av høyre side er hvit, mens den venstre siden har den valgte bakgrunnen. Hva er galt?

    Petrine

    20.11.2010 | kl.17:40 | URL: http://pretend.blogg.no

    Denne bloggen har hjulpet meg utrolig mye, det er bra vi har sånne som deg, som hjelper andre :) Har lett litt etter råd om hvordan man får stillestående profilbilde og det som står om meg, gjerne hele sidemenyen, ikke bakgrunn liksom. Altså, hvis man skroller ned på bloggen min, vil beskrivelsen om meg, profilbildet mitt og beskrivelsen om meg stå stille!

    RagnaRock

    22.11.2010 | kl.14:21 | URL: http://ragnarock.blogg.no

    Hei! Jeg prøver og prøver, men får det ikke til. Bakgrunnen heller mot venstre uten at jeg putter inn noen ekstra koder (bortsett fra no-repeat og at den står stille). Har putta inn center nå, for å holde den litt på plass, men den vil fremdeles ikke dekke hele bloggen. Hva gjør jeg galt?

    Petrine

    22.11.2010 | kl.19:55 | URL: http://pretend.blogg.no

    ja, det er akkurat slik jeg ser det for meg at jeg vil ha det :- ))

    petrinee

    23.11.2010 | kl.21:26 | URL: http://pretend.blogg.no

    veldig! : ) digger det du gjør.
    Hvor stort skal bilde være for å dekke hele bakgrunnen ? o.O

    hellemalene

    16.01.2011 | kl.21:51 | URL: http://hellemalene.blogg.no

    Åh, tusen takk:-)

    fightingalpha

    24.01.2011 | kl.17:48 | URL: http://fightingalpha.blogg.no

    Hvor stort må bilde være for å dekke hele bloggen?
    Tusen Takk for alle tipsene :D

    Dine html- koder og alt det der har vært til stoor hjelp, og designet mitt er blitt kjempeflott nå :D

    Zirinka

    16.07.2011 | kl.16:09 | URL: http://shadowshine.blogg.no

    den funker vist du tar dette " tegnet, tusen takk for hjelpen :)
    hvordan kan man gjøre dette med headern? Svar fort på min blogg!

    kaia

    06.09.2011 | kl.19:06 | URL: http://kaida.blogg.no

    dette hjelp veldig! takk for at du postet dette :D
    HEI :)

    Jeg har prøvd å gjøre det her med et bilde, men når jeg går på forhåndsvisning, så er bilde bare på den enne siden, og når jeg bygger designet og går inn på bloggen min er det ikke der i helle tatt!

    HJELP VÆRSÅSNILL!

    Keam

    06.10.2011 | kl.02:19 | URL: http://keam.blogg.no

    Jeg får det bare ikke til!! :((

    QUIZZA

    03.11.2011 | kl.23:13 | URL: http://quizza.blogg.no/

    ka du hjelpe med litt ? har en fast bakgrunn, eller har laga sidemeyen som en fast bakgrunn fordi jeg får ikke til noe annet. kan du bare hjelpe meg og fortelle hvordan jeg skal gjøre det for å få den ordentlig ? den ser litt rar ut :/

    beautiworld

    12.11.2011 | kl.19:03 | URL: http://beautiworld.blogg.no

    Innholdets farge vil ikke bort så ser bare kantene av bildet på bloggen!

    Life of Liv-Randi

    28.11.2011 | kl.13:29 | URL: http://lifeisliv.blogg.no

    Hvor stort må bildet da være for å dekke hele bakgrunnen?

    Er klar over at det er ganske stort, men det må da være mulig? Eller?

    28.12.2011 | kl.04:54 | URL:

    Så bra kode! :-)

    Fikk den godt til og resultatet tok seg godt ut! :) Men blir noe ødelagt om jeg legger til en link ved bildet? Altså, slik at når du trykker på bildet som scroller nedover, så kommer du til en annen nettside? :)

    Martine Alice

    26.02.2012 | kl.01:49 | URL: http://www.maalice.blogg.no

    Ingen av dine koder funker på min blogg :(

    Maiken Carina

    11.07.2012 | kl.23:01 | URL: http://themali.blogg.no

    Et lite tips til de som allerede har en bakgrunn: Bare legg inn linjen "background-attachment: fixed;" under "Background-image-ettellerannet"

    Om du vil ha bakgrunn rundt innleggene også så leter du opp "#wrapper" og legger inn linjen under "background-image" her.

    Jeg bare prøver meg fram med koder for å finne enklere løsninger jeg :)

    Iterrenget - OleM

    11.02.2013 | kl.11:28 | URL: http://Iterrenget.blogg.no

    Hei! Jeg sliter også med å få bakgrunnsbildet til å dekke hele bloggen. Bildet er 5184 x 3456, er dette for lite?

    Revoltini

    09.09.2013 | kl.13:58 | URL: http://revoltini.blogg.no

    Takk for hjelpen!!!

    Skriv en ny kommentar


    - Skal du spørre om noe angående noe i en guid, ta gjerne en titt på Spørsmålssiden min først! Er spørsmålet du skal stille spurt mange ganger før, finner du nok svaret der :)


    Interiørblogger
      Blogger du om interiør eller smarte tips og triks i hjemmet? Da har du muligheten til å bli linket til herfra! Skriv en liten hilsen her og du er med i vurderingen!
    INFO

    TheHibi


      Her på bloggen utfolder jeg meg kreativt i håp om å bli en bedre designer, fotograf, tekstforfatter og Photoshop-bruker. Jeg har rukket å bli nesten 21 år gammel, og studerer for tiden eiendomsmegling. Bloggingen har en tendens til å skje litt i rykk og napp, so stay tuned -

      Merk deg at jeg driver denne bloggen med det prinsippet at jeg skal være en hjelp til selvhjelp. Les gjerne guiden flere ganger før du spør, det er vanskelig for meg å svare alle personlig, som får den konsekvensen at det ikke kommer nye guider.

    TheHibi på bloglovin

    Blogglisten
    OBS!
      Kommentarer du vil ha svar på av meg, bør kommenteres her på min blogg. Jeg har ikke kapasitet til å jakte rundt etter kommentarer som er til meg, på andre blogger. Beklager
    Arkiv
    hits