• Forside
  • TheHibi
  • Design
  • Bestille design
  • Sprsml



  • Html-hjelp
  • Kontakt
  • Forside
  • Forside
  • BlogLovin'
  • Skille blogg og sidemeny - kort sidemeny


    Siden det er s mange som lurer p hvordan man skiller blogg og sidemeny, og kun fr sidemenyen s lang som innholdet lager den, s kan jeg likegodt skrive det i et eget innlegg. Det er ikke s vanskelig bare man har hodet med seg.

    Jeg vil anbefale dere gjre det p denne mten jeg n vil vise for f en heldekkende bakgrunn med ei kolonne for blogginnlegg og ei kolonne for sidemenyen.

    Vi finner frem til stilsettet ditt.



    Hvis du har en bakgrunn p hele siden p bloggen din, er det denne som vil vises nr vi er ferdige med denne guiden. I avsnittet #wrapper har du sikkert en bakgrunn eller bakgrunnsbilde som er hele rsaken til at selv om du har lagt inn kodene under, blir ikke bloggkolonnen og sidemenykolonnen separert. Dette vil jeg at du skal fjerne, slik at det ikke finnes en linje som ser slik ut:

    background-image: url(' DITT BILDES URL ');

    Den andre linjen vi skal endre er skal etter endring se slik ut:

    background-color: #transparent;

    Forhndsviser du n, vil alt utenom headeren ha samme farge eller bakgrunnsbilde. Hvis du ikke har flgende avsnitt, legger du til alt under. Dersom du har flgende avsnitt, men ikke linjene som her er nevnt, lim inn det du ikke har.
    Slik skal det vre nr vi er ferdige, og bakgrunnen i feltene blir hvit. Disse fargene kan endres. Fargekoder finner du her.

    #main {
    background-color: #ffffff;
    width: 75%;
    }
    #side {
    background-color: #ffffff;
    width: 20%;
    }


    Jeg synes ogs det er pent med en ramme med en litt mrkere, men nytral farge, rundt kolonnene, dette fr du med legge inn denne koden i begge avsnittene: border: 2px solid #cdcdcd;
    Tallet foran px kan endres til nsket bredde p rammen.

    Ferdig resultat i stilsettet blir da slik:




    Hele bloggens bakgrunn endrer du i avsnittet body, s har du et bakgrunnsbilde bak spaltene til bloggen og sidemenyen, endrer du den i linjen

    #background-image: url('DITT BILDES URL');

    Har du en bakgrunnsfarge, endrer du fargen i linjen

    #background-color: #Fargekode;

    Fargekoden bestr av seks siffer eller bokstaver, f.eks. hvit har fargekode #ffffff .

    Som vanlig setter jeg pris p at jeg ikke finner mine guider kopiert inn p andres blogger!


    49 kommentarer

    Hei! Beklager at dette ikke er relatert til det du skriver om, men jeg har ftt en utfordring p bloggen min som jeg gjerne vil gi videre til deg. Den gr ut p skrive 10 ting du vil gjre fr du dr:) Hper selvflgelig at du tar utfordringen, og gi meg gjerne beskjed om du gjr det. S kommer jeg og ser p innlegget ditt:D

    ♥ mSandjord

    16.02.2010 | kl.22:21 | URL: http://msandjord.blogg.no

    Hei! Utrolig bra guide. Jeg lurte bare p hvordan du fr bakgrunn mellom innleggene ogs? Fint om du kunne svart p min blogg :)
    Flink du er. Men noe jeg stusset over var det at jeg ikke fikk til det etter #transparent tingen. Jeg fikk til f alt i samme farge, men ikke med den lengre koden og slikt. Navnet over headeren kom tilbake, og det ble andre skriftfarger og styr p bloggen. Hvor skulle jeg lime den hen, under det andre? Eller nederst i stilsettet? Sliter litt som vanlig :)

    se Marit

    31.03.2010 | kl.15:17 | URL:

    funket utrolig bra, takk :)!

    QUIZZA

    05.05.2010 | kl.17:13 | URL: http://quizza.blogg.no/

    sorry, men dette hjalp meg ikke s veldig mye :(

    Chichi

    16.05.2010 | kl.16:01 | URL:

    Hei, jeg lurte p om du kunne skrive et nytt innlegg der du viser hvordan man kan f meny i sidebaren slik som du har? :)
    Chichi: Godt mulig det kommer et slikt innlegg :)

    Therese

    12.06.2010 | kl.22:33 | URL: http://theresefredrikseen.blogg.no

    Tusen tusen takk, hjalp UTROLIG mye! :) Kjempegod beskrivelse, aldri ftt det til fr n! Kan ikke si noe annet enn : takk!

    Benedicte

    07.07.2010 | kl.09:31 | URL: http://benedictesb.blogg.no

    Hei!

    Jeg gjorde akkuratt dette, men bare profilbilde og info om meg i sidemenyen kom i egen kolonne. Jeg vil ogs ha "arkiv", "kategori" og "kommentarer" i egen kolonne. What to do?

    hehe, jeg blir GAL av html koder!

    Charlotte Olsen

    15.07.2010 | kl.13:28 | URL: http://lammarau.blogg.no

    Jeg fr ikke dette til, hva gjr jeg feil ? kan du sende meg en mail ? olsen-charlotte@hotmail.com

    Vil s gjerne ha mellomrom

    kinetrangsruds

    06.08.2010 | kl.12:29 | URL: http://kinetrangsruds.blogg.no

    fikk ikke dette til :( da jeg gjorde det, kom det ingen hvit bakgrunn bak innleggene. Hva har jeg gjort feil da?

    kinetrangsruds

    06.08.2010 | kl.15:16 | URL: http://kinetrangsruds.blogg.no

    sv; ja, har gjort akkurat slik som du beskrev.. Men du, en ting til. Kanksje du vet. Jeg gir snart opp hele bloggen.. Da jeg trykker inn p et innlegg p bloggen min (trykker p overskriften), slik at jeg kommer inn dit jeg kan kommentere er alt helt ute av kontroll. Det er ikke noen hvit bakgrunn bak innleggene mine, og den er mye bredere enn den skal vre.. skjnner du hva jeg mener? :/

    siars-silje

    30.08.2010 | kl.12:28 | URL:

    Hvordan fr man snnen kul overskrift ? :) DIGGER bloggen din ! :)
    siars: Slik som min overskrift? Du legger p skygge p teksten :) Kommer nok en guid p det etter hvert, men det fungerer ikke i alle nettlesere..

    Eline :-)

    09.10.2010 | kl.14:10 | URL: http://ejansen.blogg.no

    Hei! jeg fr ikke dette til funke :( alle kodene jeg har prvd fr f mellomrom mellom bloggen og sidemenyen fr jeg ikke til funke. Vet du hva som kan vre feil?

    Veldig bra design-hjelp!

    Eline :-)

    09.10.2010 | kl.16:53 | URL: http://ejansen.blogg.no

    sv: takk, det funket!!

    MALINSPOT

    10.10.2010 | kl.21:25 | URL: http://www.malinspot.blogg.no

    Det er noe jeg ikke skjnner nr jeg gjr dette. Med engang jeg legger inn #main og #side kodene str plutselig #headerutenfor #wrapper p venstre side.. Vet ikke helt hva jeg skal gjre for f det rett ovenfor hverandre. Hvis du ikke skjnner hva jeg mener kan du g inn p bloggen min se. P forhnd takk! :-)

    hanneeluneborg

    02.11.2010 | kl.20:41 | URL: http://hanneeluneborg.blogg.no

    hei! jeg fr ikke til endre bakgrunns farge uansett hva jeg gjr. vet du hva som kan vre galt? lyst til hjelpe meg? blir gal:-(

    heeeerborg

    04.11.2010 | kl.14:46 | URL: http://heeeerborg.blogg.no

    vr s snill hjelp meg med en liten ting: jeg bruker n denne koden, men overskriften p innlegget(den er ikke midtstilt) kommer helt ut i bakgrunnen. alts, det pleier vre et lite mellomrom(ca. 10px;) mellom bakgrunn og overskrift. g innp bloggen min ta en liten titt!

    Merethe

    27.11.2010 | kl.15:43 | URL: http://www.mjbk.blogg.no

    Takk for en kjempefin guide!
    du gjr det s enkelt! :-) de andre som har lagt ut, har gjort det s vansklig!
    De var kjempe bra forklart , men eg sjnnte ikkje helt for nr eg tok vekk image s for jo headeren vekk, og eg prvde mange andre mta men eg fekk de ikkje til, kunne fu ha hjelpt oss litt ? :-D svar p bloggen vr :D

    guromaurud

    26.01.2011 | kl.18:53 | URL: http://guromaurud.blogg.no

    jeeeeg har prvd, men hvis du ser p designet mitt blir det helt mongo : ((( har du lyst til hjelpe meg? FINT OM DU SVARER FORT, vil prve f det i boks. ser helt flt ut n : (

    Maria C

    30.01.2011 | kl.19:17 | URL: http://mocosondro.blogg.no

    Hvordan skal jeg f skille blogg og sidemeny vist sidemenyen min er p venstre side??

    jlun

    05.02.2011 | kl.16:59 | URL: http://www.jlun.blogg.no

    KAN DU HJELPE MEG MED F SKILLEN LENGRE NED?

    Tuva Amalie

    23.02.2011 | kl.15:09 | URL:

    TusenTusenTusenTusenTusen Takk!♥

    Dette var til STOR hjelp! : )

    Anna Josefine <3

    25.02.2011 | kl.12:10 | URL: http://annajosefine.blogg.no

    Tusen tusen tusen takk:D Dette satt jeg veldig pris p!!!!!!!!! :D

    Erika

    05.04.2011 | kl.14:16 | URL: http://comiat.blogg.no

    Jeg trenger litt hjelp her jeg.. designtester1.blogg.no

    sing cute for me

    04.05.2011 | kl.17:52 | URL: http://singcuteforme.blogg.no

    Heei, dette funka ikke for meg, og jeg har klart det fr men n fikk jeg det ikke til D:

    Kan du forklare det til meg eller no ? p bloggen min ?

    www.singcuteforme.blogg.no

    Karen

    20.06.2011 | kl.23:43 | URL: http://karenmb.blogg.no

    Hmm, nr jeg prver p dette, blir headeren bare skeiv i forhold til resten av bloggen.. :/

    ninaworld

    26.06.2011 | kl.21:52 | URL: http://ninaworld.blogg.no

    Hvordan endrer jeg mellomrommet da ? : )

    svarer du p min blogg ? :)

    blackstripes

    27.06.2011 | kl.02:18 | URL: http://blackstripes.blogg.no

    Jeg fr det ikke til, skal ha et bakgrunnsbilde, men det blir bare feil nr jeg gjr det, vet ikke hva det er jeg gjr feil?

    blackstripes

    27.06.2011 | kl.03:20 | URL: http://blackstripes.blogg.no

    okei jeg fikk det til, men teksten i innleggene mine er liksom helt inntil kanten. Hvis det gir mening? skjnner ikke hvorfor det har skjedd?

    Stberg - ♥

    25.07.2011 | kl.21:53 | URL: http://stberg.blogg.no

    Hvordan fr man til runde kanter rundt de ''boksene''? ; -)

    Renate

    04.08.2011 | kl.15:28 | URL: http://htmw.blogg.no

    Bra! :D

    Men hvordan fr jeg den helt ut til sidene?

    Renate N D ♥

    05.08.2011 | kl.12:12 | URL: http://htmw.blogg.no

    Tusen takk, men hvis du ser p bloggen min s er ikke kategoriene med i sidemenyen der. Kan du hjelpe meg litt? Kontakt meg gjerne p renate.nd@hotmail.com :)

    Ingvild Elise

    10.08.2011 | kl.14:40 | URL: http://ingvildsvidal.blogg.no/

    Hei! Jeg brukte denne metoden n, og fikk til skille sidebaren fra selve bloggen. Men, hvis du ser p bloggen min n, s er bildene og skriften i innleggene mine helt inni kanten, og det s ikke s fint ut, pluss at det blir uoversiktelig litt ekkelt lese rett slett. Vet du hvordan jeg kan ordne dette slik at det blir litt mellomrom igjen? fint om du svarer p min blogg, slk at jeg slipper lete gjennom mange kommentarer her se om du har svart:) takk p forhnd!

    Siri Josephin

    12.08.2011 | kl.23:50 | URL: http://sirijosephin.blogg.no

    Tusen takk!

    Ane

    21.08.2011 | kl.17:53 | URL: http://alas.blogg.no

    Hei! :D

    Lurte p om du vet om en kode som kan gjre bloggen bredere, uten delegge sidemenyen? :) Har ftt til lage sidemenyen, men som sagt, vil gjerne ha bloggen bredere! Utrolig bra designhjelp p bloggen din!

    Charlotte Amalie Andersen

    01.10.2011 | kl.11:58 | URL: http://viff.blogg.no

    Hei, dette funket ikke for meg. Nr jeg tar snn transperment eller hva det het, s ble hele bloggen en farge, som det sto det skulle bli. Resten av guiden forstr jeg faktisk ikke. Du sier ikke tydelignok HVA det er jeg m gjre, s faller litt ut. Kan du vre s snill og sende meg en mail hvor du forklarer litt lettere? Takk for svar, du er forresten utrolig flink!

    Charlotte Amalie

    01.10.2011 | kl.14:00 | URL: http://viff.blogg.no

    N klarte jeg det! SUpert. takk! Men har forsatt litt jeg m prve f bedre <3

    PizzaQueen

    01.12.2011 | kl.22:55 | URL:

    Tuuuusen takk!<3

    Hedda<3

    31.12.2011 | kl.19:03 | URL: http://janarihed.blogg.no

    Hei, Dette er en av de F bloggene som har s bra guider som du! Jeg tror at dette er den beste guiden jeg har prvd! Jeg har prvd f til dette mange ganger men guidene jeg har fulgt da er ikke forstelig!
    Heihei! Jeg fulgte guiden og fikk til skille sidemenyen fra innholdet. Men problemet mitt er at headeren er den bredden jeg vil at bloggen skal vre, mens sidemenyen og innholdet ikke er like bredt. Tror headeren er 1000px bred. Jeg har prvd endre der det str "75%" men det skjer ingenting, har endret den helt til 1000 men ingenting skjer. Har lest igjennom om du har forklart det noe sted, men har ikke funnet noe. Tror du at du kunne forklart meg hva jeg m endre p for f innholdet og sidemenyen til st like bredt som headeren. Innholdet ble ogs litt "trangt" snn at det ser ut som om bokstavene starter akkurat der bakgrunnen p inholdet starter. Du kan enten kontakte meg p mail, Irinaa_@live.com eller p selve bloggen. Hper du kan hjelpe meg! :)

    Lynn Kristin ♥

    17.02.2012 | kl.21:38 | URL: http://lucky3.blogg.no

    JEG SKJNTE INGENTING!!! Kan du ikke forklare litt bedre angende det??????!!!!
    HEI!

    Jeg gjorde akkuratt som du sa, men headeren min forsvant! Hvordan fr jeg den tilbake?

    -Hannah
    Hannah, Mostly Just Me: Skjnner ikke helt hvordan du har ftt det til.. Men ser ut som den er tilbake n ;) Minner om at det ikke gr kommentere p bloggen din..

    SelineCarine

    28.03.2012 | kl.15:13 | URL:

    Jeg skjnner ikke fr ikke til kort sidemeny. Kan du vrssnill lage ett nytt innlegg som er litt enklere forst? :-)

    Emma

    16.06.2013 | kl.10:39 | URL: http://emmasthing.blogg.no

    blir det p sidebaren under profilen da??

    Skriv en ny kommentar


    - Skal du sprre om noe angende noe i en guid, ta gjerne en titt p Sprsmlssiden min frst! Er sprsmlet du skal stille spurt mange ganger fr, finner du nok svaret der :)


    Interirblogger
      Blogger du om interir 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 hp 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 vre en hjelp til selvhjelp. Les gjerne guiden flere ganger fr du spr, det er vanskelig for meg svare alle personlig, som fr den konsekvensen at det ikke kommer nye guider.

    TheHibi p bloglovin

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