21/09/2012

Estilo de data para blog [004]


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!

1. Para fazer isso vá em seu HTML e procure por:

Códigos
.main-inner h2.date-header {

2. Abaixo dele você encontrara isso:

Códigos
 .main-inner h2.date-header {
  font: $(date.font);
  color: $(date.text.color);

4. Então remova toda essa parte colocando isso no lugar:

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;


Então vizualise e veja se ta tudo certinho! Então é só salvar.

Nenhum comentário:

Postar um comentário

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345