23 de set de 2015

Personalizando a Data

  
Ola meninas tudo bem? Espero que sim hoje eu quis fazer uma coisa diferente então pensei logo na data do blog então irei ensinar como fazer .. Siga os Passos : tutorial pegue do blog Renata Massa


1-Passo: Va em Modelo:


2-Passo :Editar Html


3- Passo :Ctrl+F procure por:
.main-inner h2.date-header {

4- Passo: apague as quatro linhas apareceram aqui embaixo:
 .main-inner h2.date-header {
                                                             font: $(date.font);
                                                      color: $(date.text.color);
                                                                            }
                                       5- Passo: substitua por:
.main-inner h2.date-header {
/* Data da postagem personalizada por renatamassa.com */
float: left; 
width:53px;/** largura **/
height:51px;/** altura **/
overflow:hidden;
font-size:9px;/** tamanho da fonte **/
color: #fff !important;/** cor da fonte **/
text-align:center;
margin-bottom: -45px; /** desce **/
margin-left: -60px; /** margem pra esquerda **/
padding: 8px 2px 0px 2px; 
background: url('LINK DA IMAGEM AQUI'); 

}
/* Fim da data da postagem personalizada por renatamassa.com */

Obs: No link da imagem você pode usar as imagens que estão aqui embaixo 


Algumas imagens que podem ser usadas 




 


Nenhum comentário:

Postar um comentário

© RM Desing - 2016 | Todos os direitos reservados.
Desenvolvimento por: Renata Massa | Tema Base: Butlariz.
imagem-logo