Sette inn header uten å ødelegge design (Ina Anjuta)
Hjem Gratis bloggdesign Portfolio malerier Følg bloggen Designhjelp

24

Sette inn header uten å ødelegge design

1. Gå inn på design > reiger > stilsett

2. Lim inn denne koden under #header:   background-image: url('URL-ADRESSEN TIL BILDET');

3. Ta bort denne linjen under #header hvis du har den:   background-color: #xxxxxx;      

 

Slik at det ser ut som under: 

 

#header {

background-image: url('URL-ADRESSEN TIL BILDET');

background-repeat: no-repeat;

height: 300px;        <--- Her kan du endre på høyden på headeren

width: 900px;          <----Her kan du endre på bredden på headeren

}

 

 

4. last opp en header på photobucket.com eller tinypic.com 

5. Kopier url og lim inn der det står med stor skrift.   ikke ta bort de to ( '  ' )

6. For å tilpasse størrelsen kan du endre på bredde eller høyde som forklart ovenfor


  • Dato: 04.02.2012 klokken.23:16
    URL: http://marionandrine.blogg.no
    det går ikke kan du hjelpe meg værsåsnill :))
    Dato: 05.02.2012 klokken.18:51
    URL: http://inaanjuta.blogg.no/
    Marion: Kan gjerne hjelpe deg:) men hva er det du ikke får til?
    Dato: 22.02.2012 klokken.14:03
    URL: http://heeeleene.blogg.no
    4. last opp en header på photobucket.com eller tinypic.com

    5. Kopier url og lim inn der det står med stor skrift. ikke ta bort de to ( ' ' )

    6. For å tilpasse størrelsen kan du endre på bredde eller høyde som forklart ovenfor

    Det er dette jeg ikke fårstår !
    Dato: 22.02.2012 klokken.14:44
    URL: http://inaanjuta.blogg.no/
    heeeleene:Ok når du har kopiert url så går du inn i stilsettet(css). Finner #header. Under der finner du: background-image. og der står det en url innenfor de to klammene. Den skal du ta bort også skal du lime inn url til headeren din der istedet.

    For å finne url må du forresten kopiere den der det står "direct-link".

    Håper du forstod nå :)
    Dato: 25.03.2012 klokken.17:57
    URL: http://www.simonephotoo.blogg.no
    Takk for hjelpen! <3
    Dato: 15.04.2012 klokken.12:36
    URL: http://littlemore.blogg.no
    får ikke til å sette inn header. har prøvd alt! tips?
    Dato: 15.04.2012 klokken.13:24
    URL: http://inaanjuta.blogg.no/
    littlemore: Hei. Ser ut som at du fått det til :)
    Dato: 15.04.2012 klokken.14:54
    URL: http://littlemore.blogg.no
    ja, men det ble litt rart. Ble liksom to bilder etter hverandre istedet for et stort... En annen ting jeg lurer på er hvordan man linker kontakt meg knappen. vil også gjerne gjøre "om meg" knappen om til "om oss" og linke den også?
    Dato: 15.04.2012 klokken.19:05
    URL: http://inaanjuta.blogg.no/
    littlemore: Ok men da må du bare skalere bildet og gjøre det større, da gjenter det seg ikke. Du kan selvfølgelig ta bort repeat, men det ser enda rarere ut.
    Sjekk beskrivelsen i innlegget der står det :)
    Dato: 16.04.2012 klokken.15:53
    URL: http://littlemore.blogg.no
    fikk til headeren :) men hvordan ordner jeg profilbilde?
    Dato: 16.04.2012 klokken.20:06
    URL: http://inaanjuta.blogg.no/
    littlemore: Hmm du må nok laste opp et profilbilde på bloggen først. Men så at du hadde malerne til et annet design som jeg har, de malerne som passer til så legges profilbilde til på en annen måte. Prøv å last opp et først og se hvordan bildet blir :)
    Dato: 01.07.2012 klokken.14:57
    URL: http://julykvam.blogg.no
    Heei

    Skulle bare si at jeg nesten forst ingenting

    Jeg prøvde men det bare ødlag degsine
    Dato: 01.07.2012 klokken.21:38
    URL: http://inaanjuta.blogg.no/
    Julie Sofie Holm: Sjekk ut videoene jeg har under deisgnhjelp :)
    Dato: 09.07.2012 klokken.11:08
    URL:
    hei, eg limer inn kode og alt det men bildet vises ikkje på headeren! hva gjør eg?
    Dato: 28.07.2012 klokken.21:42
    URL: http://meesmile.blogg.no/
    TUSEN TUSEN TAKK :D Har letet over alt!! (bokstaveligtalt) Tusen takk <3
    Dato: 29.07.2012 klokken.17:10
    URL: http://inaanjuta.blogg.no/
    Meesmile: Bare hyggelig, fint at du fant svaret ditt :)
    Dato: 13.09.2012 klokken.16:51
    Angelica
    URL:
    hvis man ikke har header fra før, hvor skal man lime inn dette?:

    #header {

    background-image: url('URL-ADRESSEN TIL BILDET');

    background-repeat: no-repeat;

    height: 300px; <--- Her kan du endre på høyden på headeren

    width: 900px; <----Her kan du endre på bredden på headeren

    }

    Altså, under hva?
    Dato: 13.09.2012 klokken.17:51
    URL: http://inaanjuta.blogg.no/
    Angelica: Øverst i stilsettet. Hvor som helst.
    Dato: 24.10.2012 klokken.18:00
    URL: http://sunnivabondevik.blogg.no
    jeg får ikke til. headeren kommer ikke opp :(
    Dato: 24.10.2012 klokken.18:43
    URL: http://sunnivabondevik.blogg.no
    headeren vil ikke komme opp!! :((
    Dato: 26.01.2013 klokken.21:12
    Katrine
    URL:
    Hei!

    Jeg vil gjerne sette inn en header som har en gjennomsiktig bakgrunn, men får det ikke til. Vet du hva jeg kan gjøre? :)
    Dato: 24.08.2013 klokken.15:00
    URL: http://kinenyhus.blogg.no
    Heisann,

    jeg har det samme problemet som noen allerede har nevnt; jeg limer inn, men headeren vil ikke komme opp. I stedet har den blitt borte og "designet" er header'n min. Vet du hva som må til for å fikse dette?
    Dato: 10.08.2015 klokken.19:05
    URL: http://eiila.blogg,no
    Tusen takk! Veldig hjelpsomme tips :)
    Dato: 27.12.2015 klokken.22:58
    URL: http://annafangirl.blogg.no
    Jeg skjønte ikke det med at vi skulle lime inn urlen med de store skriftene...




    Kommenter her

    Til toppen
    Ina Anjuta
    Kontakt: inaanjutablogg@hotmail.no

    Nå har du akuratt forvillet deg inn på min "nettside"/blogg. Denne siden fungerer som er slags online portfolio av mange av mine arbeider innenfor kunst og design. Jeg et utdannet Mac-operatør, jobber som grafisk designer og denne bloggen handler mye om å utvikle disse ferdighetene enda mer, og å legge ut arbeider og prøveskisser fra skole og privat. Jeg elsker å designe og skape ting, og har laget en rekke bloggdesign til blogg.no. Mange av disse er gratis design som du kan finne øverst i menyen.
    Bortsett fra dette så er bloggen min også et sted hvor jeg får uttrykt min overflatiskhet ved å legge ut bilder av te-kopper, sminke, innkjøp og andre rosa ting i hverdagen, med en unnskyldning om at jeg lærer meg å ta bilder med min canon 550D.

    Instagram

    Kategorier

    Arkiv

    Siste innlegg

    hits