In questo videotutorial vedremo come centrare il contenuto delle colonne, cioè, lo spazio tra il contenuto e il bordo delle colonne.
Seguitemi e vedrete che sarà facilissimo...In caso di difficoltà, in fondo c'è il videotutorial, che vi spiega passo dopo passo tutti i passaggi..
Iniziamo 
a - Fate il login 
b - Cliccate su "Modifica HTML" 
c - Per sicurezza salvate il template, cosi in caso di errori potete ripristinarlo.
Iniziamo con la Colonna centrale
1 – Cercate il blocco di codice:

#main-wrapper {
  width: 430px;
  margin-left: 15px;
  background:#eeeeee;
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }
e subito dopo inserite il codice sotto:

#main {
  margin: 10px;
  text-align: left;
  color:$pagetitlecolor;
}

Centriamo il contenuto della Colonna Destra
2 – Cercate il blocco di codice:

#right-sidebar-wrapper {
  width: 220px;
  background:#eeeeee;
  margin-right: 0px;
  float: right;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
e subito dopo inserite il codice sotto:

#right-sidebar {
  margin: 10px;
  text-align: left;
  color:$pagetitlecolor;
}
Centriamo il contenuto della Colonna Sinistra
3 – Cercate il blocco di codice:

#left-sidebar-wrapper {
  width: 220px;
  background:#eeeeee;
  margin-left: 0px;
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
e subito dopo inserite il codice sotto:

#left-sidebar {
  margin: 10px;
  text-align: left;
  color:$pagetitlecolor;
}
Cliccate su “ANTEPRIMA” e se siete sodisfatti salvate il template, cliccando su “SALVA MODELLO” . Facile no??? Vi aspetto nel prossimo tutorial dove vedremo come migliorare l’aspetto del template, sistemando meglio la larghezza e i margini tra le colonne….
Se avete riscontrate delle difficoltà, seguite il videotutorial, che vi spiega passo dopo passo tutti i passaggi:


Articoli correlati per categorie




 Abbonati gratis a questo blog      

20 commenti

  1. Ideen // 28 aprile 2009 08:44  

    Che fossi bravo con la grafica web lo avevo capito, ma… Wow!!! Mi piacerebbe saper fare cose carine come “dolce memole”! Invece io non so neanche cambiare il banner (credo si chiami così la parte superiore del blog, ma la mia conoscenza dei termini è scarsa)! Potresti, magari, aiutarmi tu… allora sarei io una tua fan!!!!
    Comunque, sei già nella lista dei miei amici, così potrò venirti a trovare spesso e magari imparare qualcosa!
    Un mega saluto,
    Ideen

  2. Ideen // 29 aprile 2009 10:29  

    Anche a me piace la grafica del mio blog, ma è standard... ovvero, praticamente, vorrei personalizzarla... Il motivo un pò sognante mi va a genio, eppure...
    Non so, forse è solo voglia di rinnovamento!
    Che mi consigli?
    Un salutone,
    Ideen

  3. Anonimo // 2 maggio 2009 12:47  

    Hello, Gracie for visit my blog!! Cool site you have! Thanks. Great weekend!
    xoxo
    Adriana
    www.stuffofdri.blogger.com.br

  4. bestar // 2 maggio 2009 12:58  

    Hi Adriana...
    thank you to..

  5. aqwang // 4 maggio 2009 23:13  

    Hi bestar...
    thank you for the comment..
    your waterfall calendar is really nice..
    nice to met the creative man.

  6. bestar // 4 maggio 2009 23:29  

    hi Aqwang
    The pleasure is mine..
    I am happy you liked it..
    Soon you will find other widget..

  7. aqwang // 4 maggio 2009 23:30  

    thanks a lot...
    you have nice blog too..
    hope to see new things soon..
    best greating from Malaysia..
    to italy creative man..
    take care

  8. aqwang // 5 maggio 2009 21:49  

    thank you bestar, my friend..
    i would wish to add the translator..
    but, i don't sure were is the best translator...
    or maybe i will create an english blog soon...hu3
    take care, i will try to do it...tq for the great suggestion..i deeply look for it k...
    -thank you-

  9. bestar // 5 maggio 2009 21:59  

    hi Aqwang...
    I think the Google Translator is probably the most commonly used...

  10. aqwang // 5 maggio 2009 22:29  

    hii bestar...
    i already try the goggle translator...
    it written by the translator that it can not yet translate our language that is Malay to English...
    hu3..

  11. Ideen // 7 maggio 2009 09:52  

    Ciao Bestar!!!
    Ho per te, nel mio blog, un riconoscimento. Quando puoi, passa a ritirarlo!
    Un mega salutone,
    Ideen

  12. Ideen // 8 maggio 2009 10:02  

    Grazieeeeeee!!
    E' bellissimo! Ho copiato il codice e presto potrò inserirlo nel blog. ^_^

  13. bestar // 8 maggio 2009 18:08  

    Ciao Ideen...sono contentoooooooo..

  14. aqwang // 13 maggio 2009 20:23  

    hai bestar..
    nice watch..i wanna put it at the side of my blog but it doesnt fit.. so, because want it to be seen fully I put it below..huhu
    award? how i can give the award?

  15. aqwang // 13 maggio 2009 20:32  

    hai bestar, thank for inform me...
    nice watch...i want to put the it at my blog side but it doesnt fit..so to make it appear fully, i put it at below of my blog...huhuhu
    how i may award it to others?

  16. bestar // 14 maggio 2009 18:31  

    hi my friend aqwang..
    I'm still glad you have found this widget useful and that you like it :)
    if you want to put the clock in the sidebar, you should know that the width of your sidebar is 150px...so, the settings correct are:
    width 140px and height 150px ...
    To give someone the award, just give them the widget's url...
    ES: http://www.widgetbox.com/widget/calendar-bestar or http://www.widgetbox.com/widget/bestar-Breil-Chronograph
    I am happy to help you..

  17. Ideen // 25 maggio 2009 13:38  

    Ciao Bestar,
    dai un’occhiata anche tu a Ventus Mirabilis…
    Un mega saluto,
    Ideen

  18. aqwang // 22 giugno 2009 18:45  

    bestar my friend..
    hope you have nice day there...
    do you still studying or working in the computer things?
    just wanna know..huhuhu

  19. aqwang // 12 luglio 2009 18:52  

    Hi Bestar...
    Thanks for the word and you always check my progress...
    any new widget that you done latest?
    what do you do than do the widget?

  20. bestar // 12 luglio 2009 22:23  

    hi my friend Aqwang...
    at the moment, I'm not doing anything, but maybe soon...
    take care...

Posta un commento