6 de abr de 2013

Blockquote personalizado

Oi oi oi , tão bem? 
Hoje eu trouxe um tutorial do Miki Candy
Pra quem não sabe o que é um blockquote, resumindo é não inteligente
é isso aqui
Então vai ficar igual a esse ai



Vai na poha do HTML e procure por ]]></b:skin> e acima disso que tu procurou cole:


blockquote {
padding: 5px;
font-size: 11px;
color: #696969;
background-color: #f5f5f5;
border-right: 9px solid #FF82AB;
border-left: 9px solid #FF82AB;
text-align: center;
box-shadow: inset 0 0 15px #ecebeb, 0 0 5px #d2d1d3;
-webkit-transition-duration: .50s;
}
blockquote:hover {
border-right: 3px solid #c6ec92;
border-left: 3px solid #c6ec92;
-webkit-transition-duration: .50s;
}

Mude as cores visualize, e se estiver tudo certo salve ! 

6 comentários:

  1. Esse tuto é realmente perfeito e muito util, ajuda muitas blogueiras!

    Dá uma passadinha?

    cupcakelland.tk

    ResponderExcluir
  2. Já te coloquei na elite do blog, beijos e obrigada!


    http://contandoatetreze.blogspot.com.br

    ResponderExcluir
  3. Adorei o tuto , muito util !

    Aceita afiliação?
    http://liamallet.blogspot.com.br/

    ResponderExcluir
  4. Muito legal o tutorial,não consigo imaginar um blog sem blockquote! Dá mais vida á postagem e ainda fica mais organizado :3 adorei o novo template do blog,ficou show. Beijos ~~>Quem precisa de tv para ver Beyonce //Perfil

    ResponderExcluir
  5. Perfeito, resultado:

    http://flameproductions.blogspot.com.br/

    OBG lind's amei o blog!

    ResponderExcluir

- Comentários só de divulgação do seu blog, sem nenhuma opnião do assunto serão ignorados
- Faça comentários sobre o post
- Sejam educados, e não use palavrões
- Faça essa blogueira feliz, COMENTE