• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

13 de agosto de 2012

Personalizar Data



Hi!

Tudo belezinha? eu estou ótima {tirando a parte do trabalho de inglês pra fazer}hihi, o tutorial hoje são de créditos para o farry teen, enquanto estou ensinando o tutorial pra vocês, eu também estou fazendo em um layout que estou trabalhando hihi
Leia mais?
 Vá no HTML do seu blog, aperte F3 e procure por .main-inner h3.date-header {
Apague todo o código abaixo dele, o código que vem antes disso Ou seja, toda essa parte:

.main-inner h2.date-header {

font: $(date.font);
color: $(date.text.color);
}

E no lugar, coloque isso:

/* Data personalizada by Farry Teen */

.main-inner h2.date-header {
text-align: center; /* Alinhamento do texto */
border-radius: 8px 8px 8px 8px; /* Bordas Arredondadas */
background: #FFAEB9; /* Cor do fundo da data */
width: 80px; /* Largura do plano de fundo */
top: 5px; /* Altura */ 
float: right; /* Alinhamento */
font: normal normal 14px 'Trebuchet MS',Trebuchet,sans-serif; /* Fonte */
color: #fff; /* Cor da data */
}

Aí é só fazer as edições que se pede, visualizar, e se estiver tudo ótimo é só salvar ^_^ eu nem achei o .main-inner h3.date-header { que tinha que procurar pois deve ser por causa que é outro modelo kkk :D


3 comentários: