Image Map

Tutorial:Varios Estilos De Data Para Post


Saudade Disso =' (
Oi Meus Lindos And Lindas u-u
Bom Agora Eu Vim Com Um Tutorial Que a Tempos Eu Tinha Aprendido
e Como Entrei No Blog Ontem Resolvi Postar Hoje u-u
o blog Que Eu Aprendi Foi Nesse Aqui (www)
Vale apena Conferir o Blog é Lindo
Bom Bora Ir Trabalhar?
1. Em seu HTML, pesquise por:.main-inner h2.date-header {2. Apague o código encontrado e cole no lugar do código apagado um dos modelos selecionados:
.main-inner h2.date-header {
font: georgia;
color: #fff /* Cor da fonte */
margin-left: -85px; /* Espaço entre data e área do post, altere até ficar no tamanho certo */
background: #483D8B; /* Cor do background */
float: right; /*Posicionamento, caso deseje alterar, altere por left */
font-size: 10px; /* Tamanho da fonte */
padding: 4px;
}
.main-inner h2.date-header:hover {
background: #EED2EE; /* Cor do fundo quando passa o mouse */

     
.main-inner h2.date-header {
font-family: georgia;
color: #fff /* Cor da fonte */
margin-right: -40px;
margin-top: -50px; /* Altura */
background: url (URL DA SUA FLOR) no-repeat center;
float: right; /*Posicionamento, caso deseje alterar, altere por left */
font-size: 8px; /* Tamanho da fonte */
padding: 30px;
}
.main-inner h2.date-header:hover {
 font-family: georgia;
color: #fff /* Cor da fonte */
margin-right: -40px;
margin-top: -50px; /* Altura */
background: url (URL DA SUA FLOR HOVER) no-repeat center;
float: right; /*Posicionamento, caso deseje alterar, altere por left */
font-size: 8px; /* Tamanho da fonte */
padding: 30px;
}

Bom Por Enquanto é So Espero Que Tenham Gostado 
Fui Beijos ♥

Nenhum comentário:

Postar um comentário