19 outubro 2012

Tutorial

Tumblr_mb9mzdabgc1rvffbjo1_500_large 
Olá gente! Como estão? Estou bem graças a Deus...Prontos para aprender um Blockquote em hover? Fica muito legal! Vocês já devem de ter visto...Bom, vamos ver?

Vá em Painel ~> Editar HTML e procure por:


]]></b:skin>

Depois cole acima do tag:
.blockquote {
background: #f1f1f1; /* fundo */
box-shadow: inset 0 0 18px #e2e1e1, 0 0 3px #ccc; /* sombra interna */
padding: 3px; /* acolchoamento */
border-left: 13px solid #Sua Cor; /* espessura, tipo e cor da borda esquerda */
border-right: 13px solid #Sua Cor; /* espessura, tipo e cor da borda direita */
transition-duration: 1s; /* transição */
-moz-transition-duration: 1s; /* transição */
-webkit-transition-duration: 1s; /* transição */
}
.blockquote:hover { /* quando o mouse passa por cima */
border-left: 13px solid #Sua cor em Hover; /* espessura, tipo e cor da borda esquerda */
border-right: 13px solid #Sua cor em Hover; /* espessura, tipo e cor da borda direita */
}
Bom, gostaram do resultado? Legal né?
Beijão e não se esqueçam do crédito á mim!
Plágio não...

Nenhum comentário:

Postar um comentário