Guide: Utöka bredd blogg.se

För att utöka bredden på blogg.se går du in och väljer att redigera din stilmall. Leta sedan efter följande:

div#content {
background: #fff;
float: left;
display: inline;
padding: 0 18px 20px 20px;
margin: 0 20px 20px 0;
width: 540px;
border-bottom: 2px solid #95CFE8;
border-right: 2px solid #95CFE8;
}

Det du skall ändra här är din ”width”. Prova att successivt öka värdet. D.v.s från 540px, till 580px och sedan 600px så kan du lätt få den storlek som du önskar.

Obs: alla teman innehåller olika upplägg. I exemplet ovan så skall man redigera ”div#content”. Detta gäller inte alla teman. Leta dock efter ordet ”content” – så bör ni hitta det relativt enkelt.

Dela gärna vidare
Skapad av disruptive.nu
L?mna en kommentar?

9 Kommentarer.

  1. Åh tack så mycket!!!
    men jag har en till fråga.. vilket tema skrev du dom där koderna o grejerna efter?
    jag valde temat ”fashion” från början.

  2. Hej Erica!

    Om du har fashion så letar du först upp följande kod:

    #wrapper {
    clear:none;
    margin: 30px auto;
    padding: 20px;
    width: 830px;
    background-color: #FFFFFF;
    }

    Du skall då ändra din width till e.x 930. Då har du utökat bredden med 100px.
    Sedan skall du ändra content, och lägga till 100px i bredden på den. Leta efter följande kod:

    #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;
    }html>body #content { width: 538px }

    För att lägga till 100px så ändrar du width:en i botten, så får du din kod såhär:
    }html>body #content { width: 638px }

    Du kan självfallet utöka med mer om du vill, eller mindre. Kom bara ihåg att utöka lika mycket i wrappern som i content. Lägger du till 50px i wrappern, så skall 50px läggas till i content också.

    Lycka till 🙂

    Mvh,
    Niclas

  3. Hej!
    I min Content står bredden i procent.., hur gör man då för att öka bredden? I Wrappern står de i px men inte i content..?

    Tack på förhand,
    Jonathan

  4. Hej Jonathan!

    Du kan även ändra i procent.
    Låt säga att du har en width: 50%; så kan du ändra den till width: 60%; utan några konstigheter.
    px (pixlar) är mer precist, så om jag har en bred på 50px så är den alltid 50 pixlar bred.
    Har jag däremot 50%, så är den 50% i bredd av den totala hemsideytan.
    Så om något annat tar 51% utrymme, så finns ju inte tillräckligt med plats.

    Man använder olika i olika sammanhang.
    Om man behöver en bredd över hela ytan, så använder man oftast 100%, för oavsett upplösning på användarens skärm, så täcker den då 100% i bredd.
    Skulle du skriva 1000px i bredd för att täcka hela ytan, och någon kommer in med en widescreen som har 2000 pixlar i bredd på sin skärm, så täcker alltså den bara halva ytan.

    Slutsummering: Du kan ändra i % och px, du kan använda värdena olika för varje kod, antingen px eller %

  5. Oh! Jag har Design/Fashion på min blogg.
    En fråga: Vilken storlek har själva bloggytan från början?
    Jag frågar därför att jag just nu försöker lägga in en kod till HÖGER om bloggytan. Men bilden/annonsen hamnar hela tiden till hälften på själva bloggen.
    Tänkte att jag kunde använda matematik här 🙂
    1) Jag vet avståndet från webbläsarens kant fram till bloggytans vänsterkant: 10px.
    2) Jag behöver veta hur bred bloggytan är.
    3) Och så ska det vara ett litet avstånd mellan bloggytans högerkant fram till annonserna också …

    … då borde jag kunna ställa om något i stilmallen (eller kodmallen) så att annonsen hamnar där den SKA hamna.

    Håhå jaja!

    // Yvonne

  6. Hej! Kan du kanske hjälpa mig? Jag håller på och ändrar design för min blogg men sidomenyn rutschar ner på alla andra sidor utom på startsidan (och på startsidan beter den sig också väldigt märkligt ibland). Vad kan det bero på? Det här är min tesblogg: http://www.kunterbunt.blogg.se

    #wrapper {
    clear:none;
    margin-bottom: -20px;
    margin-left:100px;
    padding: 0px 0px 60px;
    width: 1084px;

    #wrapper:after {
    content: ”.”;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

    #header {
    margin: 0px 13px 20px;
    height: 376px;
    width: 844px;

    #side {
    float: left;
    width: 200px;
    margin: 0px 0px 0px 10px;
    padding: 10px;
    left:0px;
    }

    #content {
    overflow: hidden;
    width: 800px;
    position:relative;
    padding: 10px;
    voice-family:”\”}\””;
    voice-family:inherit;
    float: left;
    margin-left: 25px;
    }html>body #content { width: 800px }

    #extrameny {
    float:right;
    padding:6px;
    margin-right:-5px;
    width:200px;
    background:#ffffff;
    color:#000000;
    font-family: corbel, tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    }

    Tacksam för svar!

  7. Hejsan! Detta fungerade jättebra! Dock undrar jag vad jag ska göra om profil halkar ner jättemycket när jag ökar bredden på content? :S

  8. Hej! Jag har två problem, jag har en grå ram runt mina bilder som jag inte kan få bort. Sedan att jag kan inte göra bilderna större än 500. Så om jag gör bilderna större så försvinner ramen! Vet du något om ramar runt bilder? 😀

  9. hej jag har samma problem som C AND Y. Att själva Profilområdet halkar ner till i slutet. Så själva inläggsrutan är enbart synlig i början..

L?mna en kommentar


Tips - du kan anv?nda dessaHTML Taggar och attribut:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>