29 de jul. de 2014

Tutorial - Data Personalizada!


Ooi <3
Como vão? trouxe um tutorial fácil para a Data, visto que as datas são sempre a mesmas, resolvi trazer! Não é? Bem ela fica Fofa,porém Infelizmente não tenho preview, mas façam em um blog de testes e vejam, okay? 

 vamos Lá!



Antes de mais nada, você vão precisar ir em Configurações > Formatação e mudar o formato de data para o abaixo:



Depois de salvar , vá em Modelo > Editar Html aperte Ctrl + F e procure por
                                                .main-inner h2.date-header {

Abaixo disso cole:
font: Tahoma;color: #333; margin-left: -80px;
background: #f49cca;
float: left;
font-size: 11px;
padding: 4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.main-inner h2.date-header:hover {
background: #87cefa;
}
para mudar as cores use a paleta de cores.Bem, dá pra entender tudo! Tahoma é a fonte, e onde tem color é a cor, background é o fundo, mude do jeito que quiser! E 5px é se quiser deixar a borda arredondada! Fica linda a data e é super fácil! Gostaram? Beijos~


Créditos Kawaii World 

Um comentário: