22/02/2014

Como Personalizar o Blockquote


Olá meninas!
Finalmente decidi postar sobre "Como Personalizar o Blockquote" e para a sorte de vocês esse é bem facilzinho e fica super legal.




Vá em Modelo>Editar HTML e procure por ]]></b:skin> assim que achar cole esse código a cima:
blockquote {padding: 5px;font-size: 11px; /*tamanho da fonte*/color: #696969; background-color: #f7e9e2; /*cor de fundo*/
border-right: 9px solid #ff518a; /*cor do quadrado da ponta/*border-left: 9px solid #ff518a; /*cor do quadrado da ponta/*
text-align: center;box-shadow: inset 0 0 15px #ecebeb, 0 0 5px #ecebeb;-webkit-transition-duration: .50s;}blockquote:hover {border-right: 3px solid #ff518a; /*cor hover do quadrado da ponta*/border-left: 3px solid #ff518a; /*cor hover do quadrado da ponta*
-webkit-transition-duration: .50s;}
Ai é só personalizar do seu jeito e pronto.

Espero que tenham gostado BJS

Nenhum comentário:

Postar um comentário