Questa personalizzazione funziona sia nel caso in cui si fosse scelta la visualizzazione delle etichette in un elenco verticale che in formato nuvola di tag. Ecco come possono apparire le etichette nei due casi previsti
con alcune voci tutte minuscole, altre tutte maiuscole, altre ancora con la prima lettera maiuscola.
Come trasformare tutte le etichette con le lettere maiuscole
Andare su Design > Modifica HTML e cercare la seguente riga
]]></b:skin>
Immediatamente sopra, incollare questa nuova classe
#Label1 {text-transform:uppercase; margin:0px; padding:0px;}
Salvare il modello. Ecco come muterà il widget delle etichette
Come trasformare tutte le etichette in lettere minuscole
Andare su Design > Modifica HTML e cercare il codice
]]></b:skin>
Immediatamente sopra incollare la riga
#Label1 {text-transform:lowercase; margin:0px; padding:0px;}
Salvare il modello. In questo caso tutte le etichette saranno visualizzate in lettere minuscole
Si possono effettuare anche altre personalizzazioni inserendo altri attributi o modificando quelli esistenti. Se all'interno delle parentesi graffe si mette anche text-align:center; le etichette saranno visualizzate al centro dell'elemento pagina. Utile nel caso di scelta dell'opzione elenco.
Ernesto sai per caso come cerchiare i singoli widgets? Perché vorrei creare con blogger un template simile al mio... ma quello che a me piacerebbe ha i widget al lato non separati e vorrei metterli ognuno in un riquadro
RispondiElimina@Soffio di Dea
RispondiEliminaCi penserò. Bisognerebbe creare una classe specifica e avere delle immagini appropriate. Sai che non sono pratico di grafica
tu dici che non bastano linee con ombra e angoli arrotondati? Forse hai ragione perché su artisteer sono immagini fatte a pezzi e caricate... devo vedere se riesco ad adattarle con il codice. Merci
RispondiElimina@Soffio di Dea
RispondiEliminaCi vogliono almeno sei immagini, quattro per gli angoli, una per la linea orizzontale e una per la linea verticale. Puoi sfruttare il codice di Artisteer.
Cerca
.sidebar
#sidebar
.sidebar .widget
Ciao
ok ^_^ merci
RispondiElimina@concorso baol
RispondiEliminaChi mi legge sa che sono disponibilissimo a rispondere a tutti i quesiti che mi vengono posti ma non posso farmi carico di lavori di costruzione di un sito. Altrimenti diventerebbe un lavoro e dovrei chiedere l'onorario :)
Se hai dei dubbi su qualche mio articolo sono naturalmente sempre pronto a dare una mano
Lo applicherò subito al mio blog...Grazie Gioia....
RispondiEliminaArieccomi..ho inserito "la scritta" per poter creare l'etichetta in lettere maiuscole...solo che dopo aver inserito"la scritta"solo le etichette a nuvola sono diventate maiuscole quelle in elenco sotto le varie voci nn si sono modificate..
RispondiEliminaWHY?
@Petra
RispondiEliminaperché avendo due widget uno è denominato Label1 e l'altro Label2 (probabilmente)
Inserisci un altro codice identico al precedente con Label2 al posto di Label1.
Ciao
P.S. Controlla in Modifica HTML se effettivamente c'è Label2 o ha un altro numero
Ho inserito label2 al posto di label1 lasciando lo stesso codice allo stesso posto...solo che adesso solo le etichette sotto la vove Eventi sono diventate maiuscole,le altre..PROGETTI,SPIAGGE E LIDI,RICETTE sono rimasti minuscoli.
RispondiEliminaNn so dove devo vedere di preciso questo Label2 nel codice
@Petra
RispondiEliminaNon mi sono spiegato bene. Devi fare così:
1)Inserisci il codice con Label1 e salvi il modello
2)In questo modo un widget delle etichette diventerà maiuscolo ma l'altro rimarrà minuscolo.
3)Lasci stare il codice che hai inserito ma ne incolli un altro cambiando solo Label1 con Label2
4)Salvi nuovamente il modello e avrai tutti e due i widget in maiuscolo.
In sostanza devi inserire due righe invece di una cioè
#Label1 {text-transform:uppercase; margin:0px; padding:0px;}
#Label2 {text-transform:uppercase; margin:0px; padding:0px;}
Spero di essere stato chiaro.
Ciao
Se le metto entrambe nn funzionano nessuna delle due,se metto la } davanti a label 1.. funziona label 1 se la metto davanti a label 2 funziona quest'ultimo se la metto ad entrambe nn funziona nessuna delle due...
RispondiElimina@Petra
RispondiEliminaHo guardato il tuo codice e hai un sacco di label (label1, label2, label3, label4, ecc). Onestamente non sono riuscito a capire il numero della label dei due widget incriminati. Se Label1 ti funziona per un widget lascialo stare. Prova con altri numeri diversi da due per l'altro.
Ciao
il problema è che funziona solo una scritta che mi hai detto di inserire,se inserisco tutt'e due le scritte che mi hai suggerito ne funziona solo una. spero di essere stata chiara
RispondiElimina@Petra
RispondiEliminaSei stata chiara. Mi arrendo! Non so perché non funziona :(
E se nn lo sai tu figuriamoci io....Ti ringrazio di cuore per l'attenzione che mi dai sempre....un saluto e buon inizio di girnata
RispondiEliminaChe botta di cu...BIP....
RispondiEliminaSono andata nella pagina html per eliminare quella scritta che nn funzionava e ho visto la } e mi è venuto un dubbio ..perche nelle altre righe la vedevo tra una gruppo di scritte e le altre e cosi ho fatto
}#Label1 {text-transform:uppercase; margin:0px; padding:0px;}
#Label2 {text-transform:uppercase; margin:0px; padding:0px;}
#Label3 ecc..c.c.c
io invece la } la mettevo per ogni riga....Ci siamo riusciti...
GRIDO AL MIRACOLO ma da dove mi è uscito sto pensiero....
@Petra
RispondiEliminaMi hai fatto fumare il cervello ahah e poi era quella parentesi graffa. La avevi involontariamente eliminata quando hai aggiunto il codice; doveva essere nella riga di sopra :D. La prossima volta stai attenta. Anche cancellare o aggiungere un piccolo segno può incasinare il modello. Salvalo sempre prima di fare delle modifiche.
Ciao
C'è un modo, caro Ernesto, per evidenziare o cambiare colore al link sotto il post "commenta" ?
RispondiEliminaGrazie come sempre.
@francescomisc
RispondiEliminaPuò darsi pure che ci sia, però non lo conosco. Si potrebbe cercare il CSS dell'elemento con Firebug e quindi costruire un foglio di stile ad hoc.
Ciao Ernesto, eccomi quà a chiederti ancora un consiglio. Nella visualizzazione delle etichette come nuvola, come faccio a modificare la grandezza del carattere in modo che si vedano tutte grandi alla stessa maniera?
RispondiElimina@Creazioni...
EliminaTi riferisci al widget ufficiale di Blogger? Non si può fare nulla.
Certo che ho il lanternino per andare a cercare di modificare quello che non si puo'. Cmq grazie, sei sempre molto gentile.
EliminaCiao Ernesto, nella versione ad elenco è possibile il "grassetto"? Ho usato font:bold; ma non funzione!
RispondiEliminaCiao Giuliana
@LacucinaimperfettadiGiuliana
EliminaLo credo che non funziona, la riga di codice corretta per il grassetto è questa
font-weight:bold;
da mettere tra le parentesi graffe del CSS insieme alla altre righe.
Ok!! Funziona!!! Grazie e a presto
Elimina