11 fevereiro 2014

Blockquote em Hover


Quer aprender a colocar um blockquote em hover no seu blog, basta...
acho que vocês já sabem né!

Bom é muito fácil colocar um blockquote em hover no blog, pra quem não sabe o que é hover (eu não sabia) é quando você ver o blockquote em uma cor e quando passa o mouse por cima ele fica outra cor, isso é o efeito hover. Bom vamos ao tutorial.

Vá em Modelo >> HTML >> CTRL+F e busque pela tag ]]></b:skin>
acima dela cole:


/*Blockquote em Hover By: Birthday Cake----------------------------------------------- */blockquote {border-left: 15px solid #cor;background-color: #cor;padding: 10px;font-size: 11px;color: #5c5c5c;text-align: center;box-shadow: inset 0 0 12px #ecebeb, 0 0 5px #bebebe;-webkit-transition-duration: .50s;}blockquote:hover {border-left: 18px solid #cor;background-color: #cor;
padding: 10px;font-size: 11px;color: #5c5c5c;text-align: center;box-shadow: inset 0 0 12px #ecebeb, 0 0 5px #bebebe;-webkit-transition-duration: .50s;}
Onde está escrito border-left: 15px solid #cor; é a cor das bordinhas
e onde está escrito background-color: #cor; é a cor do fundo do blockquote.

Espero que gostem e créditos ao Birthday Cake

Beijão