01 março 2012

Tutorial- Blockquote hover

Tumblr_lzljbjt9zp1qfbrc3o1_500_large
Hi morangos com chantili *-* Á pedido da fofa da Nicole [www], trouxe um tutorial TOTALMENTE exclusivo do blog maravilhoso Bomba de Glitter, então, se usar credite á Sweet Goodies, e ao Bomba de Glitter ok? É o blockquote hover! Assim ó:
Se quer fazer, é só ler mais!
Não sei se ali em cima ficou gif, então vou colocar em fotos:
Sem o mouse:
Com o mouse:

Viram? Ele muda o outset de lado :)
Então o tutorial é o seguinte....:
Primeiro,vá em designs, Editar HTML, e pesquise (F3) pela clássica ]]></b:skin> e antes dessa tag cole o seguinte code:
blockquote {
border: 3px outset #FF6347; /* expessura, tipo e cor da borda */
background: #FF4040; /* cor do fundo */
padding: 10px;
font-size: 14px; /* tamanho da fonte */
color: #fff; /* cor da fonte */
text-align: justify; /* alinhamento do texto */
}
blockquote:hover {
border: 3px inset #ff0000; /* cor da borda quando passa o mouse */
background: #FF4040; /* cor do fundo quando passa o mouse */
}
Segundo, para editar o blockquote e adapta-lo ao seu blog, use essa tabela, ou essa que é mais precisa.

Terceiro, visualize o blog, e se não tiver nadica errado, é só Salvar!

Pronto, seu blockquote em hover está pronto, livre, leve e solto rsrs!

Bom gente, por hoje é só! No próximo post vou ensinar á fazer Sundaes no InkScape (nhum nhum)

Bezoooos ^^


4 comentários:

Jeff Bolton disse...

Acho esse tutorial demais, ele é bom mesmo
*-*

http://www.ecleticus.com

BarbaraLukaLuka disse...

Estava louca atras desse tuto! Valeu flor!

@Lauriinhah disse...

Ótimo tutoriaal, estou seguindo o blog... alias, belo blog tbm, de puder seguir o meu agradeceria.
Beijinhos :*

http://sweet-flower-laura.blogspot.com/

Marcella Saldanha disse...

Selinho para voce lá no blog!!

-->
http://armariodebeleza.blogspot.com/2012/03/selo.html

Bjuuus