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 widget-visualizzazione-dinamica](http://lh5.ggpht.com/-N_uY_ROfIaY/T2MOVGs9B6I/AAAAAAAAW28/TSfoZ1RlelM/widget-visualizzazione-dinamica%25255B3%25255D.jpg?imgmax=800)
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 aggiungere-css-modelli-visualizzaziione-dinamica](http://lh6.ggpht.com/-8pDPEKBYFS0/T2MOXILWmfI/AAAAAAAAW3E/NvaeOahJQDo/aggiungere-css-modelli-visualizzaziione-dinamica%25255B4%25255D.jpg?imgmax=800)
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 aspettobackground: #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
}
![personalizzazione-colore-widget-visualizzazione-dinamica personalizzazione-colore-widget-visualizzazione-dinamica](http://lh4.ggpht.com/-NNzCcTMt67Y/T2MOZk-ixuI/AAAAAAAAW3M/Iwp4lU1zMRI/personalizzazione-colore-widget-visualizzazione-dinamica%25255B3%25255D.jpg?imgmax=800)
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.
Perfetto grazie!
RispondiElimina...potete vederlo se volete: interclubacquaviva.blogspot.com
RispondiElimina