14 de nov de 2013

Estilos de Blockquote

Mais estilos de blockquote para seus blogs. Espero que gostem.☺ 
Olá pessoal, trouxe mais alguns estilos de blockquote para vocês.

Para colocar qualquer um desses pegue um dos códigos e coloque acima de ]]></b:skin>

blockquote{
border: 1px solid #c9c9c9; /* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
-moz-border-radius:20px 0px;
-webkit-border-radius:20px 0px;
border-radius:20px 0px; 
}
blockquote {
border: 1px solid #c9c9c9; /* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
-moz-border-radius:0px 20px;
-webkit-border-radius:0px 20px;
border-radius:0px 20px;
}
blockquote {
border: 1px solid #c9c9c9; /* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/
post blockquote {
background: #FFF0F5;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-left: 8px ridge #FF6FBD;
font-size: 13px;
text-align:center;
post blockquote {
background: #F5ECED;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-right: 5px solid #FF9B8B;
font-size: 13px;
text-align:center;
}
blockquote {
border: 1px solid #c9c9c9; /* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
border-radius:10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
}
blockquote {
border-right: 10px solid #f99db3;
border-left: 10px solid #f99db3;
background-color: #f5f2f3;
padding: 10px;
font-size: 12px;
color: #e193a6;
text-align: center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
box-shadow: inset 0 0 15px #ecebeb, 0 0 5px #d2d1d3;
}

8 comentários :

  1. onde eu coloco esse código? tipo é no ]]> ?

    ResponderExcluir
    Respostas
    1. Thai, abaixo de cada exemplo estão os códigos.

      Excluir
  2. Em cima disse Thai!
    Peguei o ultimo bj

    arrasandodeallstar.blogspot.com

    ResponderExcluir
  3. Adorei os modelos estou fazendo um novo Layout vou usar nele.
    Vi que vc tem vaga para afiliados gostaria de fazer parte se aceitar responde lá.

    http://www.dicasnoblog.com.br/p/parceria.html

    Beijo e aguardo sua resposta

    ResponderExcluir
    Respostas
    1. Viviane, fico feliz que tenha gostado dos modelos.
      Claro que aceito afiliação.

      Excluir
  4. Oi flor já te coloquei no afiliados,quando me colocar me avisa tá ,beijo parceira e seja bem vinda

    ResponderExcluir
    Respostas
    1. Olá Vivi, estou reformando o blog, mas você já está nos meus afiliados.

      Excluir

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo