-->

13/08/2013

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!



9 comentários:

  1. Olá, realmente sempre precisamos de tutoriais e blogs de tutoriais sempre recebem muitas visitas. Já conhecia o tutorial e acho ele mega DIVO, afinal de contas, quem não gosta de personalizar tudo? Acho que todos gostamos. Enfim...Beijos e até um próximo post.

    ResponderEliminar
  2. Olá, é realmente legal estes tutoriais, apesar de que já está meio clichê na blogsfera...
    enche um pouco o saco...rsrs
    Você postou la no meu blog : "visita e segue",,,
    eu só sigo os blogs que eu gosto tá?!
    não me leve á mal..
    bjs sucesso pra tí

    ResponderEliminar
  3. Personalizar a data é o que mais se faz hoje em dia em um blog , é fofo e bonito ;) , deixa o blog com um toque mais profissional *---*

    Gostei mais do primeiro modelo , mas os dois estão um máximo ! Eu já havia visto esse tutorial ( nem sei a onde , mas vi /o ) , já pensei até um dia em usá-lo mas acabei achando outros modelos que gostei :33

    Kissus *u*

    ResponderEliminar
  4. Que blog lindo. :3
    Obrigada por comentar no meu blog.
    Esses modelos de data são muito úteis as vezes, eu usei no meu blog já e aprovei. Muito legal a iniciativa de pôr tutorial, parabéns pelo lindo blog.

    http://z0boomafoo.blogspot.com.br/
    Visite e comente! Xx

    ResponderEliminar
    Respostas
    1. obrigada, já vi o seu blog com a data personalizada e ficou muito bem.

      Eliminar
  5. Modelos bonitinhos

    http://umaborboletalaranja.blogspot.com.br/

    ResponderEliminar

Vai comentar então leia isto,Ok?
Regrinhas!
Em primeiro lugar, nada de insultos.
Aceito convites de joguinhos+divulgação.
Nada de fazer Spam.
Aceito comentários Anônimos.
Pode deixar seu blog para retribui a visita.