25/10/2012

Data Personalizada

Tumblr_lx49fvlcnp1r8qge7o1_500_large

Hooy

Geente desculpem por sumir aqui no blog , é que tenho o meu e não posso ficar muito tempo na internet , ontem eu não entrei mais hoje venho o com tudo .
Trarei aqui para o blog hoje um tutorial de como colocar a data personalizada e redondinha que achei no Go Imagines   veja como fica :

 

                                         gostou ? então vamos aprender 
 Vá no painel > configurações > idioma e formatação e deixe a data igual a de baixo:

Depois de ter feito isso vá em Modelo > Editar Html 
dê ctrl+f e na caixa de busca procure por :
.main-inner h2.date-header {
  font: $(date.font);
  color: $(date.text.color);
}

 (procure pela primeira linha , será mais fácil de encontrar ) então apague todo esse trecho de cima e no lugar cole o seguinte

.main-inner h2.date-header {float: left; /** data no lado esquerdo, pode mudar para right **/width:55px;/** largura **/height:55px;/** altura **/overflow:hidden;font-size:15px;/** tamanho da fonte **/color: #fff !important;/** cor da fonte **/text-align:center;/** alinha o texto **/margin-bottom: -65px; /** desce **/margin-left: -80px; /** margem pra esquerda **/padding: 8px 2px 0px 2px; /** espaço interno: topo, direito, embaixo, esquerdo **/-webkit-border-radius: 5em; -moz-border-radius: 5em; /** borda redonda **/background: #FF6C91; /** cor do fundo **/}.main-inner h2.date-header:hover {background: #E9B4BB; /** cor do fundo hover **/}

Bom gente espero que tenham gostado e desculpa-me Suzanne por deixar o blog mais tenho muitos compromissos :/
E ai curtiu ? beijos pessoal  e não esqueçam dos créditos viu ? achei no Go Imagines
aqui tem mais estilos de data para vocês personalizarem
Data com efeito Hover
Data acima do título com efeito hover
Data igual a do Menina Nerd
Data com sua Imagem
Data em forma de calendário
Data para fora redondinha

Bom gente é isso beijão

Um comentário:

  1. Oii lindas,mas é claro que eu aceito afiliação sim ^.^
    já coloquei vocês *-*
    bjs!


    http://spaceyourfashion.blogspot.com.br/

    ResponderExcluir