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 {
 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
}
Salve e depois faça uma postagem e veja como ficou o blockquote.
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

 
 
Back to top

Estatísticas

  • Postagens
  • Comentários
  • Visualizações
🔗 Contato✔ Apoio 🔗
Reservado © 2016 ❝ Autôr