15 de outubro de 2012

Como fazer um blockquote igual o do blog

                Heey pipocas!
Acho que só vai dar pra postar 2 tutos hoje T-T

            Como fazer blockquote igual o do blog
Vá em Designer >> Modelo >> Editar HTML >> Prosseguir >> Aperte F3 >> Procure pelo código:

]]></b:skin>
E acima desse código cole esse:

blockquote  {
border-left: 10px solid #FF4193; /* cor da borda */
background-color: #fff; /* fundo do blockquote */
padding: 10px; /* grossura da borda */
font-size: 15px; /* tamanho da letra */
color: #5c5c5c; /* cor da letra */
text-align: center; /* alinhamento do texto */
box-shadow: inset 0 0 12px #ecebeb, 0 0 5px #bebebe; /* cor da sombra que fica ao redor */
-webkit-transition-duration: .50s;
}
blockquote:hover {
border-left: 20px solid #BB00FF; /* cor da borda quando passa o mouse */
background-color: #fff; /* fundo do blockquote */
padding: 10px;
font-size: 15px; /* tamanho da letra */
color: #5c5c5c; /* cor da letra */
text-align: center; /* alinhamento do texto */
box-shadow: inset 0 0 19px #ecebeb, 0 0 19px #bebebe; /* cor da sombra que fica ao redor */
-webkit-transition-duration: 1.50s;



O código está bem explicadinho e se tiverem alguma dúvida comentem. E para usar o blockquote no post é só apertar nesse símbolo:  e escrever seu texto ^.^

2 comentários: