15 ottobre 2010

45-migliorare l'orientamento della sidebar

Già in questo post ho orientato gran parte della sidebar a destra ma, come dicevo lì, non tutto è ancora a posto: non mi garbano Informazioni personali, Archivio blog, il counter di Bravenet.
Ad esempio la foto delle informazioni personali è spostata completamente a destra e l'archivio...

Procedo così:
Devi premettere che il mio modello, il modello di questo blog, è Herbert.
Faccio il login a Blogger, clicco il link Design in alto a destra, mi sposto nella tab Modifica Html, espando i modelli widget, cerco nel codicei seguenti pezzi:


.BlogArchive #ArchiveList {
 float: $endSide;
}

Sostituisco end con start.

Molto bene. L'archivio blog è ora Ok.

Ora cerco:

/* Profile
----------------------------------------------- */
.profile-textblock {
  clear: both;
  margin-$startSide: 0;
}
.profile-img {
 margin-top: 0;
 margin-$endSide: 0;
 margin-bottom: 5px;
 margin-$startSide: 5px;
 float: $endSide;
}

Sostituisco both con none.
Sostituisco margin-$endSide: 0; con margin-$endSide: 5px;
Sostituisco margin-$startSide: 5px; con margin-$startSide: 0px;
Sostituisco end con start.

Ora la foto e il testo, attorno ad essa, sono perfetti!

Poi cerco:


  div#sidebar {
    width: 30%;
    float: $endSide;
    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 */
  }

Sostituisco end con start.
Questa modifica allinea a sinistra il testo di Lettori Fissi che prima era centrato.

E infine cerco:

.#sidebar .widget {
  clear: both;
}

Dopo clear: both aggiungo float: left; che non c'era per nulla. 
Questo raddrizza il counter di Bravenet!

Che soddisfazione!
Mi commento da sola: "Ma non potevi sceglierti un altro modello 'che facevi prima?"

newbie ;)

Nessun commento: