Blockquote Hover*

Olá gente, tudo bem com vocês?

Estou postando agora de noite pois com a festa do meu aniversário amanhã, a correria é grande, estou super cansada e pior que amanhã antes da festa tem mais...mudando o assunto, estou muito feliz pois o blog Too Kawaii voltou >-< / gente, eu já disse que amo esse blog? com certeza já disse em vários posts, mas para não restar dúvidas, digo de novo: amo esse blog. O novo nome dele é So Kawaii, pelo menos, é o nome que está no header e URL ^^'

Já que agora o blog está trazendo muitos goodies, resolvi trazer um tutorial para diferenciar, não estou podendo atender pedidos por esses dias pois estou mesmo muito atarefada, ontem foi a formatura da Hannah G3 até, ou seja, muita correria, depois, quando chegar o natal, com certeza me dedicarei mais por aqui. Por hoje, trouxe esse tutorial que estava nos rascunhos, já que trazemos tantos goodies ultimamente, então acho melhor colocar alguns tutoriais à mais na lista do A.N. Ah, e podem deixar que no próximo ano atualizo o ChocoMapa, que está super desatualizado. Vamos ver o post? 

Preview aqui do blockquote

O tutorial é super simples.

Basta colar acima de ]]></b:skin>:

/*BLOCKQUOTE POR BEMDEPOIISDOSDOZE.BLOGSPOT.COM NÃO RETIRE OS CRÉDITOS!*/

blockquote {

border: 2px solid #f7c4d4; /* Estilo da borda normal */

background: #fff; /* Cor do background normal */

padding: 10px;

font-size: 13px; /* Tamanho do texto */

color: #666; /* Cor do texto */

text-align: justify;

}

blockquote:hover {

border: 2px inset #f2a1bb; /* Cor da borda com o mouse por cima */

}

Prontinho, agora, quando você usar seu blockquote, aparecerá como na preview. Espero que tenham gostado do tutorial, beijos à todos vocês nutellas, hahaha' achei muito hilário os comentários de vocês falando que os gifs deram fome :P

- Créditos: Menina Perdida (www)

 ~ KKKKKKKK' I'm Mal