Tutorial-Modelos para Data

Anneseyo!!!!!!

Hoje pensei que era melhor colocar tutoriais no blog pois acho que assim posso ajudar os meus leitores e posso ter mais visitas no blog e os blogs sempre precisão de tutoriais, então hoje vou apostar um tutorial que fui buscar no blog KawaiiWorld pois fica sempre bem num blog a 'data personalizada'por isso clique em ler mais para ver o tutorial da data  personalizada.

Para usar é muito simples: Procure por .main-inner h2.date-header { e apague até a chave de fechamento,

 representada por }. Se você não encontrou o código, realmente não sei o que fazer, pois ele se encontra 

em todos os templates feitos no modelo travel. Depois de apagar, cole no lugar o código referente ao 

modelo de data que deseja e, se precisar, configure conforme achar melhor. Talvez você precise mudar 

algumas coisas como a localização da data, vai variar do tamanho da área de postagem de cada um e não é 

difícil. 

.main-inner h2.date-header {

width:94px;

height:18px;

margin-left:-118px;

float: left;

text-align: center;

font-size: 11px;

padding: 10px;

background: url(http://i1234.photobucket.com/albums/ff411/SweetLG/01-9.png) no-repeat center;

color: #ffffff;

text-shadow:0 1px #ccc;

margin-top: 20px;

-webkit-transition-duration: .30s;

}

.main-inner h2.date-header:hover {

color: #ba930c;

background: url(http://i1234.photobucket.com/albums/ff411/SweetLG/02-10.png) no-repeat center;

-webkit-transition-duration: .30s;

}

.main-inner h2.date-header { font: Tahoma; color: #fff; text-shadow:0 1px #a4cce6; margin-left: -85px; background: #89c0e2; float: left; font-size: 12px; padding-bottom: 20px; padding-top: 20px; padding-left: 3px; padding-right: 3px; -webkit-border-radius: 100px; -webkit-border-bottom-right-radius: 0; -moz-border-radius: 100px; -moz-border-radius-bottomright: 0; border-radius: 100px; border-bottom-right-radius: 0; box-shadow: inset 0 0 30px #67869a, 0 0 2px #7596ab; -webkit-transition-duration: .50s; } .main-inner h2.date-header:hover { background: #f86c6c; box-shadow: inset 0 0 30px #ab4b4b, 0 0 2px #ab4b4b; text-shadow:0 0px #a4cce6; -webkit-border-radius: 100px; -webkit-border-bottom-right-radius: 100; -moz-border-radius: 100px; -moz-border-radius-bottomright: 100; border-radius: 100px; border-bottom-right-radius: 100; -webkit-transition-duration: .50s; }

KISS!