Pubblicato il 06/05/13e aggiornato il

Come personalizzare il colore del testo e lo sfondo dei commenti nei modelli di Blogger a Visualizzazione Dinamica.

Come personalizzare lo sfondo e il colore del testo dei commenti nei blog su Blogger a Visualizzazione Dinamica (Dynamic Views).
Non voglio soffermarmi molto sul solito discorso che riguarda i template di Blogger a Visualizzazione Dinamica. Tutti siamo consapevoli di come siano tecnologicamente all'avanguardia e di come siano rapidi nel caricamento e nella navigazione ma c'è il nodo delle personalizzazioni che sono veramente poche quelle supportate. Con questo articolo aggiungerò un altro piccolo tassello alle modifiche che possono essere fatte a tali modelli.

Si tratta di modificare il colore di sfondo e il colore del testo dei commenti pubblicati con la distinzione tra commento principale e commenti nidificati con la discussione innescata dalle risposte. Qualsiasi tipo di modello Dynamic Views venga scelto (Classic, Flipcard, Magazine, ecc) il colore di sfondo e di testo dei commenti rimarrà quello scelto nella personalizzazione. I meno esperti possono leggersi l'articolo sui codici dei colori per capire come muoversi. Ecco gli screenshot relativi

personalizzazione-commenti-visualizzazione-dinamica

Si va su Modello > Personalizza > Avanzato > Aggiungi CSS e si incolla questo codice

.blogger-comments .comments-content, .ss{
background-color: #383737 !important;
color: #fff !important;
}
.blogger-comments .comments-content .comment-replies, .ss{
background-color: #4d4a4a !important;
color: #ff1 !important;
}
.blogger-comments .comments-content .user, .blogger-comments .comments-content .user a, .ss{
color: #ff2 !important;
}
.comments-content a{
color: #00bbda;
}

Si posiziona in cursore dopo l'ultima parentesi graffa e si clicca su Invio. Dopo questa operazione diventerà attivo il bottone Applica al blog visibile in alto a destra che dovrà essere cliccato con il mouse. I colori vanno modificati secondo questo schema generale

Colore di sfondo del commento principale Sostituire #383737 con altro codice
Colore del testo del commento principale Sostituire #fff con un altro codice
Colore di sfondo del commento nidificato Sostituire #4d4a4a con un altro codice
Colore del testo del commento nidificato Sostituire #ff1 con un altro codice
Colore del nome utente Sostituire #ff2 con un altro codice
Colore del link nel commento Sostituire #00bbda con un altro codice

Per quello che riguarda il colore del link si può lasciare quello di default del nostro blog e eliminare le ultime tre righe del CSS. Volendo si possono inserire anche dei bordi. Per esempio

.blogger-comments .comments-content .comment-replies, .ss{
background-color: #4d4a4a !important;
border: dashed #003366 1px;color: #ff1 !important;
}

inserirà un bordo tratteggiato di 1px nelle risposte ai commenti secondo quello che sono gli stili dei bordi

commenti-blogger-visualizzazione-dinamica




Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.