Yo galerada! Como vão todos vocês? Trago mais um tutu de como personalizar a data do blog de vocês. Esse fica na bordinha da pagina e bem simples mas fica lindo. Vamos ver o tutorial?? Abaixo tem um exemplo do modelinho.
Ele ficara assim quando pronto!
Códigos
.main-inner h2.date-header {
Códigos
.main-inner h2.date-header {
font: $(date.font);
color: $(date.text.color);
font: $(date.font);
color: $(date.text.color);
Códigos
.main-inner h2.date-header {
/*Candy Panda*/
text-align: center;
background: #F0BCFF;
border-top: 3px double #9953AD;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
font: $(date.font);
color: $(date.text.color);
color: #9902C5;
/*Candy Panda*/
text-align: center;
background: #F0BCFF;
border-top: 3px double #9953AD;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
font: $(date.font);
color: $(date.text.color);
color: #9902C5;
Então vizualise e veja se ta tudo certinho! Então é só salvar.
Nenhum comentário:
Postar um comentário