Byta sida på menyn

Det finns en del som har frågat om man kan ändra så att menyn som man har byter sida.. dvs så här:

designa din blogg guide design blogga blogghjälp

Då gör du på följande sätt:

Gå in i din stilmall.

designa din blogg guide design blogga bakgrundsbild lägga in

Leta nu upp de två kodstycken som heter #side och #content.

De kan se ut ungefär så här:

#side {
float: left;
width: 180px;
margin: 0px;
padding: 24px 18px 0px 12px;
left:-30px;
border-right-width: 3px;
border-right-style: solid;
border-right-color: #CCCCCC;
}
#content {
overflow: hidden;
width: 538px;
position:relative;
left:0px;
padding: 20px 0px;
voice-family:"\"}\"";
voice-family:inherit;
width:538px;
float: right;
margin: 0px 10px 0px 0px;
}

Nu ska du ändra på den raden som det står float: right/left på.

Där det står right, ändrar du till left, och där det står left, ändrar du till right.
Du skall alltså byta på både #content och #side, så att de får motsatt värde.

test test

Grundare av Designa Din Blogg. Driver den här sidan som ett hobbyprojekt när jag inte jobbar, är pappa till Ludvig och make till Elin.

Läs mina andra inlägg

83 kommentarer

    1. SvaraMaja

      Hej!
      Om du vill ha menyn precis intill inläggen så ska du ha 290 på width under #side. :)
      Ju högre tal du har ju närmre kommer menyn inläggen, och ju minder du har ju längre i från kommer dom varandra :)
      Hoppas att de funkade :)

  1. SvaraMadde

    Ja, det blir likadant för mig också! Vet du hur man gör så att inlägget inte kommer jättelångt åt höger?

  2. Svarakim

    margin-left: 0px

    Ändrara ni dom som likar den som jag skrev innan, ni ändrar alltså 0px till typ 5px eller liknande så borde det fungerar. det finns flera olika sånna att ändra. testa det (:

      1. Tobbe

        Om inte float står under er div #side så lägg till raden t.ex. float: left; under #side { Vill du ha sidopanelen på höger sida ändrar du bara ”left” till ”right” :)

  3. SvaraE

    Hur gör jag om jag vill att man ska kunna buta sida längst ner på blogge då? Har inte hittat ngt inlägg om det. Som på denna bloggen t.ex. nataliekarlsson/kanal5.se

  4. Svaravictoria

    hur gör man så att sträcket kommer emellan inläggen och menyn när man flyttar menyn?
    för mig så blire att sträcket hamnar på fel sida av menyn, alltså inte mallan inläggen och menyn utan på andra sidan av menyn! snälla, hjälp mig! tack..

  5. Svaramalin

    hejsan jag undrar också hur man får som kategorier under kategorier eller ibland brukar det stå på kategorier typ Foto och under det står det själva kategorierna typ människor djur mm. snälla snälla hjälp mig

  6. SvaraSandra

    Jag kopierade hela min kod nu. Jag har ändrad vad du skriver att jag ska ändra. Men min meny flyttar sig ändå inte. Har jag valt fel stilmall kanske? Borde det inte gå ändå?

    #side {
    float: right;
    width: 180px;
    margin: 0px;
    padding: 24px 18px 0px 12px;
    left:-30px;
    border-right-width: 3px;
    border-right-style: solid;
    border-right-color: #CCCCCC;
    }
    #content {
    overflow: hidden;
    width: 538px;
    position:relative;
    left:0px;
    padding: 20px 0px;
    voice-family:”\”}\””;
    voice-family:inherit;
    width:538px;
    float: right;
    margin: 0px 10px 0px 0px;
    }

    1. SvaraLova.

      Hej!
      Inte så konstigt att det inte funkar, du har gjort fel ;p Om du vill ha din meny till vänster, ska det stå ” left; ” under #side { alltså, bredvid float. Du ville ha den till vänster va? Testa & se om det funkar, de funkade för mig!

      1. Lotta

        Nej, där det står left:-30 så skall du ändra left till höger ifall du vill ha det på högra sidan, så var det åt mig! (-30 kan du sen ändra ifall de ser lustit ut , testa dig fram)

        Men mina inlägg får jag inte och flytta på sig på nått sätt alls, hur jag än ändrar om left och right!

    1. SvaraSara

      Jag la till float till min side för att den fanns inte där heller och de funkade. så lägg till float; left; . och byta till right om de är där du vill ha den. Kram

  7. SvaraJulia

    Tack!
    Jag undrar bara om det går att få menyn på ena sidan och profilen på den andra. Jag tycker att det blir så himla trångt och ”kladdigt” annars :)
    Tacksam för svar! Kram

    1. SvaraFrida

      Jag undrar hur jag kan lägga min profilbild, som är en ilaggd bild bara, på höger, så att inte allt flyttas. För, precis som du tycker jag det blir lite stökigt!

  8. Svaraagnes

    hur gör man så att man får två st menyer, en på varje sida, till höger och vänster. Så att där man skriver inläggen kommer i mitten?

    tacksam för svar! 

  9. SvaraSickan

    Jag ändrade i min blogg så att datumen skulle stå överst och i mitten på varje inlägg. Och fattar inte vilket fle jag har gjort, men när jag gjorde det försvann min meny…

    1. SvaraMaja

      Hände samma ska för mig! Vet iog vart menyn tog vägen, den la sig under alla inlägg! Men jag kan inte få den till rätt ställe!

  10. Svaralinda

    jag försöker lägga till float: left; under #side eftersom det inte fanns från början, men min meny bara försvinner?? hjälp någon? inläggen flyttas dit jag vill men menyn syns inte..

  11. SvaraFrida

    För mig så flyttas själva meny rutan till höger så som jag vill ha den, men då åker inläggen hela vägen till vänster, och upp bredvid headern också. Hur fixar man så inläggen hamnar på sin vanliga plats i mitten?

  12. SvaraJennifer

    Jag vill ha min till höger men ingenting händer! Jag har gjort allt som står men den är ändå kvar på vänster sida :(

  13. Svarajessika (:

    hej! jag har ett problem, min ”linje” har hamnat på fel sida, den ska ju hamna mellan inläggen och menyn men har hamnat på menyns högra sida! behöver hjälp, sen har jag ett problem till.. mina inlägg har ”slickat sig” till vänster kanten, dom sitter alltså ihop med kanten.. hur fixar jag det? TACKSAM FÖR SVAR! :D

  14. Svaracindy

    hur gör jag om menyn är längst ner i bloggen hur gör jag om jag vill ha den uppe för den är längst ner ingen aning hur den hamna där ???

  15. SvaraJessica

    hej, jag vill byta sida på min meny men på min stilmall finns de inte ens #side  eller #content, bara där de står div framför, hur ska jag göra då?
    snälla svara!

  16. SvaraMichaela

    Hej! Håller just nu på med en helt ny design. Och i min så finns det inget #side? Har både sökt och läst igenom allt. Hittar det inte, men däremot står det typ menywrapper. Har ändrat där också men det funkar inte? Har du lite råd till mig kanske? :) Tack!

  17. SvaraPetra

    hej hej, jag behöver verkligen HJÄLP :) jag tror inte att jag har någon meny så hur lägger man till en meny?? och som sagt när jag lägger in koder på min blogg som jag vill ha så hamnar alla dom i mitten, mitt över det senaste inlägget..
    Mvh Petra

  18. SvaraSofia

    Hejsan.
    Jag har samma problem som jag ser att vissa andra också har. Jag har börjat på en helt ny design och därför finns inte #side och #content styckena… Vet inte hur jag ska göra nu…

    1. SvaraStrangerz

      Jag kollade i din källkod och du har #side och #content med där. Är det något problem utöver som har uppstått?

  19. SvaraSanna

    Det funkar inte för mig! inläggen flyttar sig ist! =( Där jag ska ändra från right till left står redan left  fast det är på right sidan i bloggen! =S 
    Så här ser det ut:

    #side {
        background: white;
        width: 165px;
        padding: 0px 10px 10px 10px;
        float: left;
        display: inline;
        position: absolute;
        right: -102px;
        top: 180px;
            #content {
            overflow: hidden;
            width: 633px;
            float: left;
            background: #ffffff;
            padding: 0px 0px 10px;
            voice-family:"\"}\"";
            voice-family:inherit;
            text-align: left;
            vertical-align: top;
            border-top: 0px none;
            margin: 0px
            border-right: 4px solid black;
    

    Vet inte heller hur jag kan göra min header lite bredare försökt med massa men går inte. Vill ha den I SAMMA storlek som inläggen.. Snääälla hjälp mig =D

    1. SvaraStrangerz

      Du måste stänga in dom. Du har dom öppna.
      Så här måste det vara:

      #side {
          background: white;
          width: 165px;
          padding: 0px 10px 10px 10px;
          float: left;
          display: inline;
          position: absolute;
          right: -102px;
          top: 180px;
      }
              #content {
              overflow: hidden;
              width: 633px;
              float: left;
              background: #ffffff;
              padding: 0px 0px 10px;
              voice-family:"\"}\"";
              voice-family:inherit;
              text-align: left;
              vertical-align: top;
              border-top: 0px none;
              margin: 0px
              border-right: 4px solid black;
      }
      
      1. Sanna

        ne men för står inte vad jag ska göra =S 
        Det ska väl stå left efter float om jag vill ha det på vänster sida eller? Men det står ju redan left där? fast den är på höger sida? Och skriver jag right där så flyttas hela rutan där inläggen är? =S
        Du skev att dom var öppna och att jag måste stänga in dom ( inte för att jag vet vad som menas med det) men antog att det var dom här { du menade efter som det var det ända som var annorlunda , eller e jag helt fel? Sorry alltså men jag har nån kolla på sånt här! =( 

      2. Strangerz

        Varför den stannar där den gör är för att du har ”position:absolute;” i din #side.

  20. Svarahanna

    Vi har precis börjat blogga och vill ha menyn på vänster sida, vad har vi gjort för fel?

    #side {    margin-right:0;    margin-top: 150px;    padding: 0px 0px 0px;    float: left;    width: 259px;}

    #content {    overflow: hidden;    width: 600px;    background: url(http://static.blogg.se/themes/dusty-rose/img/wrap_174339724.png);    padding: 0px 34px 0px;    text-align: left;    vertical-align: top;    margin: 0px;    float; right;}

    1. SvaraFelix

      Kopiera och ersätt med eran nuvarande kod. (Till ”hanna”).

      #side {    margin-top: 150px;    padding: 0px 0px 0px;    float: left;    width: 259px;}
      
  21. SvaraSonja Davis

    Det fungerar inte alls för mig! Min meny ligger fortfarande på höger sida.. Har skrivit det och prövat åt båda hållen men inget händer:

    #side {
    background: white;
    width: 165px;
    padding: 0px 10px 10px 10px;
    float: right;
    display: inline;
    position: absolute;
    right: -102px;
    top: 380px;}

    #content {
    overflow: hidden;
    width: 800px;
    float: left;
    background: #ffffff;
    padding: 0px 0px 10px;
    voice-family:”\”}\””;
    voice-family:inherit;
    text-align: left;
    vertical-align: top;
    border-top: 0px none;
    margin: 0px
    border-right: 4px solid black;
    }

  22. SvaraElise

    Hej! Jag ville byta sida på menyn från vänster till höger, när jag gjorde som det stog i förklaringen flyttade sig menyn till höger men inläggen åkte längst till höger.

    Hur gör jag? Tacksam för snabbt svar! :)

  23. SvaraPetra

    När jag gör som det står i inlägget, hur man gör för att byta sidan på menyn, så flyttas självaste inläggen men menyn står helt still. Vad är det för fel?

  24. SvaraPetra

    När jag flyttar på min meny så flyttas endast inläggen. Menyn står helt stilla. Vad är det för fel? Och hur fixar jag det?

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *

OBS! Om du skall skriva kod måste du göra på följande sätt: [code]Din kod här[/code]

Current ye@r *