Partiamo dal primo passo, ovvero individuare nel codice HTML la sezione
#sidebar-wrapper
al di sotto della sezione dedicata al sidebar, dobbiamo aggiungerne un'altra, quella relativa alla sidebar di sinistra, ovvero:
#left-sidebar-wrapper
{
margin-$endSide: 14px;
width: 240px;
float: $startSide;
background-color:
$mainBgColor; display:
inline; /* fix for doubling ... */
word-wrap: break-word; /* fix for long ... */
overflow: hidden; /* fix for long non ... */
}
A questo punto dobbiamo individuare la sezione
prima della quale dovremmo inserire il presente codice:
div id="'left-sidebar-wrapper'">
?xml:namespace prefix = b />
/b:section>
/div>
Ora dobbiamo dare la possibilità alle dimensioni di ospitare le 3 colonne, quindi allargando a 1000 pixel almeno se seguenti sezioni:
#header e #content-wrapper:
#header {
width: 1000px;
margin: 0 auto;
#content-wrapper {
width: 1000px;
margin: 0 auto;
ed aggiustarne i margini nella sezinoe #main-wrapper
#main-wrapper {
margin-$startSide: 11px;
width: 464px;
e in quella #left-sidebar-wrapper
#left-sidebar-wrapper {
margin-$startSide: 14px;
width: 240px;
Ora il vostro blog è in grado di ospitare 3 colonne!
Buon lavoro!
No comments:
Post a Comment
Please, post a comment and be nice!