Pubblicato il 16/03/12e aggiornato il

Come modificare il colore dei widget nei blog a Visualizzazione Dinamica di Blogger.

Da un paio di settimane è possibile inserire alcuni widget nei blog a Visualizzazione Dinamica di Blogger. I widget in questione sono solo quelli ufficiali di Blogger quali l'Archivio, i Lettori, le Etichette e il Follow by Email. I gadget in questione vengono visualizzati con effetto slide sulla parte destra de layout e hanno invariabilmente un colore grigio scuro.
widget-visualizzazione-dinamica
Vediamo come sia essere possibile modificare questo aspetto nell'attesa che ci venga data la possibilità di inserire altri tipi di widget e soprattutto la facoltà di personalizzarli. Andiamo su Modello > Personalizza > Avanzato > Aggiungi CSS e incolliamo un foglio di stile sulla parte destra della finestra
aggiungere-css-modelli-visualizzaziione-dinamica
Nella Anteprima non sempre vengono immediatamente visualizzate le modifiche. Clicchiamo Applica al blog per renderle effettive. Con un codice di questo genere
.gadget-icons , .ss {
background: #940F04 !important; // Colore principale del widget
color: #FFDDCC !important; // Colore del testo
}
.gadget-content , .ss {
background: #D84938 !important; // Colore del pop-out color: #FFFFFF !important;  // Colore del testo del pop-out }
.gadget-title , .ss {
background: #FF0000 !important; // Colore del campo del widget color: #FFFFFF !important; // Colore del testo del widget
}
dove i parametri in rosso possono essere personalizzati secondo i nostri gusti modificando i codici dei colori, il widget e i relativi pop-out del blog Dynamic Views prenderanno questo aspetto
personalizzazione-colore-widget-visualizzazione-dinamica
Usando Firefox insieme a Firebug si può analizzare il codice per scoprire altre classi di stile dei template a Visualizzazione Dinamica e quindi applicare ulteriori modifiche. Quando ci fossimo stancati di questi colori potremmo ritornare a quelli di default semplicemente eliminando i CSS aggiunti.




2 commenti :

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.