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
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;
}
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;
}
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
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.
Info sulla Privacy