18.1.17

Blog Design: 'evidenziare' il nome autore nei commenti

18.1.17 2 Commenti

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
/***********************************************
* Coding by www.designsimonas.com please do not remove my credits
***********************************************/
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
/***********************************************
* Coding by www.designsimonas.com please do not remove my credits
***********************************************/
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!

2 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
    Risposte
    1. Se hai la necessità posso farlo io per te ;)

      Elimina

buzzoole code
Copyright © La Creative Room.