Pubblicato il 10/01/11 - aggiornato il  | 26 commenti :

Come visualizzare le etichette tutte in maiuscolo o in minuscolo nel widget di Blogger.

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

                   etichette-blogger             etichette-blogger-nuvola

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

               etichette-maiuscole          etichette maiuscole di blogger

 

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

etichette di blogger 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.




26 commenti :

  1. 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
  2. @Soffio di Dea
    Ci penserò. Bisognerebbe creare una classe specifica e avere delle immagini appropriate. Sai che non sono pratico di grafica

    RispondiElimina
  3. 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
  4. @Soffio di Dea
    Ci 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

    RispondiElimina
  5. @concorso baol
    Chi 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

    RispondiElimina
  6. Lo applicherò subito al mio blog...Grazie Gioia....

    RispondiElimina
  7. Arieccomi..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..
    WHY?

    RispondiElimina
  8. @Petra
    perché 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

    RispondiElimina
  9. 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.
    Nn so dove devo vedere di preciso questo Label2 nel codice

    RispondiElimina
  10. @Petra
    Non 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

    RispondiElimina
  11. 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
  12. @Petra
    Ho 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

    RispondiElimina
  13. 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
  14. @Petra
    Sei stata chiara. Mi arrendo! Non so perché non funziona :(

    RispondiElimina
  15. 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

    RispondiElimina
  16. Che botta di cu...BIP....
    Sono 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....

    RispondiElimina
  17. @Petra
    Mi 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

    RispondiElimina
  18. C'è un modo, caro Ernesto, per evidenziare o cambiare colore al link sotto il post "commenta" ?

    Grazie come sempre.

    RispondiElimina
  19. @francescomisc
    Può 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.

    RispondiElimina
  20. 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
    Risposte
    1. @Creazioni...
      Ti riferisci al widget ufficiale di Blogger? Non si può fare nulla.

      Elimina
    2. Certo che ho il lanternino per andare a cercare di modificare quello che non si puo'. Cmq grazie, sei sempre molto gentile.

      Elimina
  21. Ciao Ernesto, nella versione ad elenco è possibile il "grassetto"? Ho usato font:bold; ma non funzione!
    Ciao Giuliana

    RispondiElimina
    Risposte
    1. @LacucinaimperfettadiGiuliana
      Lo 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.

      Elimina
    2. Ok!! Funziona!!! Grazie e a presto

      Elimina

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