14.4.12

Tutorial: Data Hover

| |
Tumblr_m29esrm6ea1r7r2j3o1_500_large

Oi amores!
Bom, fiquei muito feliz com os comentários do post anterior, todos adoraram o novo layout. AMEI ISSO HEARTS! Muito obrigada gente, sério. Bom, agora vou ensinar a vocês a fazerem esse tipo de cabeçalho de data com estilo hover.
Clique em continue lendo . 



Vamos lá. Vá Design > Editar HTML .

Clique em F3 e procure por:

.main-inner h2.date-header {

Deve estar mais ou menos assim, se você ainda não tiver personalizado.

Apague essa parte e cole esse código personalizando o necessário.

.main-inner h2.date-header {
font: verdana; /* nome da fonte */
color: #000; /* cor da fonte */
border-bottom: 1px dashed #000; /* borda */
text-shadow: 0px 0px 2px #000; /* sombra do texto */
background-color: #CFCFCF; /* background normal */
-webkit-transition:0.4s;
display:inline;
float:right;
}
.main-inner h2.date-header:hover {
border-bottom: 1px dashed #000; /* cor da borda hover */
text-shadow: 0px 0px 2px #000; /* cor da sombra hover */
background-color: #9C9C9C; /* cor do background hover */
-webkit-transition:0.4s;
display:inline;
float:right;
}

Pronto! Espero que tenham gostado e por favor, se puderem, vão no meu tumblr de HTML e falem o que acharam do theme? Obrigada amores. Beijos!

Música do dia: Make It Shine

8 pégasos voaram para o Olimpo:

Nathália Helena MR. ♥ disse... [Responder comentário]

Oi amr, gostei do tutorial, fica muito lindo ^^, eu queria saber se você quer fazer parceria com meu blog:Morangos Também Falam
Bjs
PS: Eu também amo a Kristen \o O Layout ta muito perfeito *-*

Camilla ♥ disse... [Responder comentário]

Oie, tudo bem?

Bom tuto gata *------*

Tem post novinho no blog! Confere lá *-*

Bjonas e fique com Deus <3

Camilla Martins - sugar-dance.org

Nathália Helena MR. ♥ disse... [Responder comentário]

amr, a imagem mapeada não aparece aqui, fica com aquele icone de imagem corrompida... é só um aviso ^^'
Bjs
Ja te coloquei como afiliada
Morangos Também Falam

Beatriz de Oliveira - Ahasa, Gata! disse... [Responder comentário]

adoro data em hover, a minha é assim!
~le olha o seu link pra comentar~
OPA OPA, voce é fã de percy jackson?
*--------* qual é o seu chalé?
http://ahasagata.blogspot.com.br

Camilla ♥ disse... [Responder comentário]

Com certeza você já ouviu Beatles mas não sabia que era Beatles -q

Bjonas e fique com Deus ♥

Camilla Martins - http://sugar-dance.org

HIDEOUT disse... [Responder comentário]

aiiwn que chic adoreei fica super lino e o blog ta perfãã Beijos *-* http://www.pdisturbia.com/

Nicolas disse... [Responder comentário]

Oi! Adorei seu blog! Seguindo! Se quiser da uma passada la no blog!
Um abraçãao!!!

http://dicasblogspot-db.blogspot.com.br/

Anônimo disse... [Responder comentário]

Fica lindo! Lindo demais!!
Tutorial perfeitoooo *w*
Beijinhos*
Minha Vida Fora de Série - perfil