Visualizzazione post con etichetta wrapper. Mostra tutti i post
Visualizzazione post con etichetta wrapper. Mostra tutti i post

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 ;)

17 settembre 2010

43-fare commenti al codice nel codice

Ho constatato un modo per fare i commenti al CODICE:
1) <!--  .,.,.,.,.,., //-->

veramente ho visto anche la chiusura semplicemente così  -->.

Facciamo la prova
Se nella tab Modifica HTML io copio il seguente codice (codicetto! proprio per fare l'esempio...):

<!-- adesso inserisco un link   //-->
<a href="http://cibo-medicina.blogspot.com/">Il Cibo Medicina</a>
<!-- qui finisce il mio link  //-->

Il RISULTATO nella tab Scrivi è:
Il Cibo Medicina
Giustamente: sono stati tralasciati i commenti, ed è stato interpretato il link!

Sembra una cosa da poco, invece è utilissimo se si scrive molto codice e c'è necessità di identificare velocemente a cosa corrisponde quella parte di codice.
Esempi semplici: qui finisce l'header, qui inizia il wrapper, qui finisce il wrapper, qui inizia la sidebar, ecc.
Ancor più utile se abbiamo aggiunto codice di terze parti, non proprio di Blogger, oppure stiamo facendo degli esperimenti.

In verità ho trovato anche il seguente modo per fare commenti dentro al codice:

2) /* .,.,.,., */

ma qui non funziona. Non so il perchè, penso dipenda da diversi linguaggi. Provare. E se qualcuno ce lo spiega, grazie!
newbie ;)