18.1.17

Come evidenziare il nome autore nei commenti del blog

18.1.17


Rieccomi dopo millenni a scrivere (finalmeeeeenteeee) un nuovo tutorial su codici, Html, CSS e tutte le cose strane che non capiamo, ma che faremo finta di capire... ehmm...ok.

Avete presente nei commenti del mio blog, le mie risposte?
Il mio nome appare evidenziato, così da distinguersi immediatamente.
Ecco, in questo post vi mostrerò come ottenere questo particolare, personalizzando ancora di più il vostro template.

In realtà non c'è nulla di più semplice! (veramente ho impiegato più tempo a modificare l'immagine da inserire nel post)

Tutto ciò che bisogna fare è aggiungere questo stile al vostro CSS
cite.user.blog-author {
background: #e7d351;
padding: 2px;
}

Il colore del background, in questo caso, è quello del mio blog e segue la linea della mia color palette, voi dovrete cambiare il valore con quello del vostro colore.


Se optate per un background scuro, ricordate di cambiare il colore del nome
cite.user.blog-author a {
color: #fff !important;
}

Visto quanto è semplice?
Se vuoi sapere come ho ottenuto il selettore fra qualche giorno (e incrocio le dita) pubblicherò un video tutorial su come usare il tool di Chrome 'Ispeziona', che ci permette di visualizzare in anteprima le modifiche al nostro blog direttamente dalla hompage.

Qualche link di approfondimento!
Risorse per color palette: nel mio blog - coolors.co - colourlovers.com
Tutorial: come inserire un codice nel CSS

Se avete dubbi e/o problemi, vi invito come al solito a scriverlo nei commenti.
Alla prossima!


Aggiornamento al 10/01/2019


Il codice purtroppo non sembra funzionare più.
Sorry.

4 commenti:

  1. Ovviamente leggendo i tuoi tutorial mi viene voglia di cimentarmi!!!
    Ma non tocco nulla, ora da me è tutto perfetto così! ^^
    Baci Raffa

    RispondiElimina
  2. Ho provato a inserirlo nel modulo per i CSS ma non funziona.
    Peccato!
    Grazie, sei stata comunque gentile ad averlo inserito.

    RispondiElimina
    Risposte
    1. Ciao Rachele, grazie per il tuo feedback.
      Effettivamente non funziona più questo codice. Probabilmente hanno eliminato questa opzione, mi spiace. Vedrò di creare un tutorial su come personalizzare invece l'icone dell'autore del blog, che è sempre fattibile :)

      Elimina

Lasciando un commento dichiari di aver letto la mia Privacy Policy