JavascriptProva

sabato 15 febbraio 2014

Sfasciando e rimontando il date header dei post di blogger...

Vediamo di modificare le varie sezioni di un post...
Non è facile capire l'HTML di questi blog perchè ci sono dei tags particolari...


/* Posts
----------------------------------------------- */
.date-header span {
  background-color: red;
  color: $(date.header.color);
  padding: $(date.header.padding);
  letter-spacing: $(date.header.letterspacing);
  margin: $(date.header.margin);
}
Ecco, adesso dovrebbe essere modificato il colore di sfondo della data:



Ho sostituito il colore predefinito con quello rosso.
Dunque so che la classe .date-header span sta a significare la data del post.

Provo a modificare altri dettagli...
.date-header span {
  background-color: cyan;
  color:blue;
  padding: $(date.header.padding);
  letter-spacing: $(date.header.letterspacing);
  margin: $(date.header.margin);
}
Ed ecco:



Cominciamo a capirci qualcosa...

Ancora:
.date-header span {
  background-color: cyan;
  color:blue;
  padding: 20px;
  letter-spacing:15px;
  font-style:italic;
  margin:0px);
}
Ho alterato a man bassa il padding, il letter spacing e ci ho aggiunto anche il font-style italic.
Per quanto riguarda il margin, non sono riuscito a verificare gli effetti.

E abbiamo iniziato a dominare una parte del blog: il date header

Nessun commento:

Posta un commento