Pagine

Cerca nel blog o nel Web

lunedì 16 gennaio 2012

Come inserire il numero del contatore dei commenti nelle discussioni nidificate di Blogger 1

Cominciamo con quella del numero accanto a ciascun commento che ha avuto un grande successo tra i lettori di questo blog. La soluzione ci è data direttamente dalle direttive del W3C per i contatori e tale procedura dovrebbe portare a visualizzare il numero del commento con tutti i browser più recenti.
Lo stile del singolo commento è determinato da quello della citazione o blockquote.
Codice:

(.comments {


counter-reset: contatore-commenti;

})


Per creare la regola di numerazioni dei commenti sarà necessaria un'altra classe con lo pseudo selettore :after che sarà applicato ai blockquote dei commenti che potremo personalizzare a piacere




(.comments blockquote:after {

content: counter(contatore-commenti, decimal);

counter-increment: contatore-commenti;

font-size: 26px; /* Dimensioni del numero*/

color: #1B93C1 !important; /* Colore del numero */

font-family: Century Gothic,Lucida Grande,Arial,Helvetica,Sans-Serif,Trebuchet MS; /* Tipo di Font */

font-weight: bold; /* Grassetto */

font-style: italic; /* Corsivo */

text-align: center;

float:right;

margin-right:45px;

margin-left:15px;

margin-top:-6px;

})


Attenzione: Eliminare le partentesi tonde (inizio e fine codice).


CONTINUA

1 commento:

  1. Eliminare le parentesi tonde dai codici (prima e ultima parentesi).
    Il post CONTINUA.

    RispondiElimina