[Tutorial] Personalizando a Data da Postagem

Oiie Meus Sakura Maniacos e Winx Náticos Fofos!!

Trouxe um tutorial pra vocês, de como personalizar a data da postagem....

(peguei os códigos do Let's Dream )

Vão em Designe>>> Editar HTML>> e procurem por (aperte Ctrl + F )

.main-inner h2.date-header {

  font: $(date.font);

  color: $(date.text.color);

}

(Procure por partes que fica mais facil de achar!)

Quando achar, substitua esse código,pelo código do modelo de data que você quer! E aqui estão os que peguei lá no Let's Dream:

.main-inner h2.date-header {
width:43px;/** largura **/
height:44px;/** altura **/
margin-bottom:-80px;/** desce e/ou sobe **/
margin-right:-25px;/** vai mais pra direita,pode alterar para left **/
float:right;/**fluta na direita,pode alterar o right para left**/
text-align:center;/** alinha o texto **/
font-size:10px;/** tamanho da fonte **/
padding:11px;/** espaço interno **/
background: url(http://i50.tinypic.com/2zrezhg.png) no-repeat center;
color:#fff ;/** cor da fonte **/
font-weight:400;/** afina a fonte **/
text-shadow:0 1px #ccc;/** sombra do texto **/
margin-top: -10px;/**Sobe ou desce**/
}

.main-inner h2.date-header {
width:43px;/** largura **/
height:44px;/** altura **/
overflow:hidden;
margin-bottom:-80px;/** desce **/
margin-right:-25px;/** margin pra direita **/
float:right;
text-align:center;/** alinha o texto **/
font-size:11px;/** tamanho da fonte **/
padding:11px;/** espaço interno **/
background: url(http://i48.tinypic.com/rwq49d.png) no-repeat center;
color:#fff !important;/** cor da fonte **/
font-weight:400;/** afina a fonte **/
text-shadow:0 1px #ccc;/** sombra do texto **/
margin-top: -19px;/**sobe ou desce**/
}

 

.main-inner h2.date-header {
width:50px; /*largura*/
height:55px; /*altura*/
text-align:center;/*alinhamento do texto*/
font-size:14px;/*tamanho do texto*/
margin-left:-50px;/*vai para esquerda,pode mudar para right*/
 border-radius: 10px 5px 10px 5px;
border-bottom: 3px solid #d4914c; /*borda colorida de baixo*/
border-left: 3px solid #d4914c;/*borda colorida */
background: #fbfbfb; /*cor de fundo*/
}

Créditos ao blog: Iris Jovem

Bom espero ter ajudado Vocês!!!

A Maratona de Tutoriais acabou por hoje mais amanhã,eu posto 

mais 3 Tá bom???

 Comentem o Post,e claro os Outros posts de Tutoriais !!

Kissus Minna ^.^