Voltando a partilhar um blockquote que terminei agorita de personalizar.
Este blockquote tem border double,border radius,hover na letra e no fundo,tem scrool lateral etc...
Mas pode visualizar online : ENTRE AQUI...
Antes de tudo faça uma cópia do seu template...
Agora vamos entrar em modelo depois editar html e procure este código:
Acima dele coloque o meu código:
.post-body blockquote {Salve e depois faça uma postagem e veja como ficou o blockquote.
font-family:Bobber;
font-size:14px;
color:#fff;
overflow:auto;
height:100px;
background-position:-10px -7px;
border: 4px double #fff;
margin: 10px;
padding: 10px;
background: url(http://i.imgur.com/TcdeJah.png?1)repeat ;
text-align: justify;
line-height:1.4em;
border-radius:5px;
}
.post-body blockquote:hover{
color:#000;
font-size:14px;
background: url(http://i.imgur.com/dg1CMqB.png?1)repeat;
border-radius:5px;
-moz-box-shadow: 1px 0px 14px #9e6de8;
-webkit-box-shadow: 1px 0px 14px #9e6de8;
box-shadow: 1px 0px 14px #9e6de8;
}
.post blockquote{
margin:1em 15px
}
.post blockquote p{
margin:.75em 0
}
Até mais...
3 comentários
comentários:(
Que liindo, vou usar no meu blog! http://vihpaula.blogspot.com.br/
gratu pelo elogio ,e pela sua visita...:-bd
Mostra SmilesOculta Smiles