22 de out de 2012

Bloquote Hover

Oi amores! Tudo bem ?
Hoje vamos ver um tutorial bem legal de um bloquote hove lindo para enfeitar seu blog.


O Bloquote é Assim 

Acima da tag ]]></b:skin>,cole o código abaixo:

blockquote {
border-right: 12px solid #Cor da Borda da Direita;
border-left: 12px solid #Cor da Borda da Esquerda;
background-color: #Cor do Fundo;
padding: 10px;
font-size: Tamanho do Textopx;
color: #Cor do Texto;
text-align: center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
box-shadow: inset 0 0 5px #Sombra do Block, 0 0 5px #Sombra do Block;
}
blockquote:hover {
border-right: 08px solid #Cor da Borda da Direita Hover;
border-left: 08px solid #Cor da Borda da Esquerda Hover;
background-color: #Cor do Fundo Hover;
padding: 10px;
font-size: Tamanho do Texto Hoverpx;
color: #Cor do Texto Hover;
text-align: center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
box-shadow: inset 0 0 5px #Sombra do Block Hover, 0 0 5px #Sombra do Block Hover;
Bom,eu expliquei o código o máximo possível,e o principal.Se você quiser mudar algo a mais,mude,ou pergunte para mim,eu respondo!
Para usá-lo,basta fazer isso:

Créditos ao blog World Of Tutos

4 comentários:

  1. Adorei o tuto, blockquote muito fofo, parabéns. >..<

    ResponderExcluir
  2. Que bloquote fofo *--*
    Bjinhus!

    a-little-wolf. blogspot.com

    ResponderExcluir
  3. Floor pq vc naum me colocou nos afiliados? Beijoos Miih/Yasmin
    http://myteddybear-oficial.blogspot.com.br/

    ResponderExcluir
  4. Amr, vou usár como base pra criar o meu próprio. Pode (vou dar créditos)? Qualquer coisa, eu retiro do post, se não quiser. Beeijos :* maniadebg.blogspot.com.br

    ResponderExcluir