10.29.2012

Personalizando o Blockquote.

Tumblr_mbzpwrj3d41r137kyo1_500_large

Olá pessoas interneticas , como vão ?
Bom , eu não ligava muito para o blockquote , só que comecei a usar e fiquei que nem louca procurando estilos diferentes e hoje não vivo mais sem ele rs .
Hoje trouxe alguns estilos lindos , espero que gostem .
créditos : Curiosidades Teen 


Abra seu blog, clique em Design > Editar HTML.
Aperte Ctrl+F e na caixa de pesquisa coloque:  ]]></b:skin>
Cole acima de ]]></b:skin>

/* Blockquote Sweet By: Curiosidades Teen  */
.post blockquote {
background: #fffafa;
border: 1px dotted #ff82ab;
color: #ff3e96;
font-family: century gothic;
font-size: 13px;
text-align: center;
padding: 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px
} 
/* Blockquote Dark By:  Curiosidades Teen  */
.post blockquote {
background: #fcfcfc;
border: 1px solid #bebebe;
color: #000000;
font-family:arial;
font-size: 13px;
text-align: center;
padding: 5px;
border-right: 8px solid #a8a8a8
}
/* Blockquote Nifty By:  Curiosidades Teen  */
.post blockquote {
background: #fafafa;
border-left: 8px solid #8470ff;
color: #000000;
font-family:arial;
font-size: 13px;
text-align: center;
padding: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 50px;
}
/* Blockquote Smile By:  Curiosidades Teen */
.post blockquote {
background: #FFFCF5;
border: 1px solid #eec900;
color: #000000;
font-family:century gothic;
font-size: 13px;
text-align: center;
padding: 5px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;}

/* Blockquote Love By: Curiosidades Teen  */
.post blockquote {
background: #FEE1E1;
border-left: 3px solid #cd5c5c;
color: #000000;
font-family:century gothic;
font-size: 13px;
text-align: center;
padding: 5px;
border-top-left-radius: 25px:}

/* Blockquote Friendship By: Curiosidades Teen*/
.post blockquote {
background: #fffafa;
border-left: 3px solid #ff34b3;
border-right: 3px solid #ff34b3;
color: #000000;
font-family:century gothic;
font-size: 13px;
text-align: center;
padding: 5px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;}

/* Blockquote Simple: Bora Plagiar*/
.post blockquote {
background: #f5f5f5;
border-left: 8px solid #66cdaa;
color: #000000;
font-family:century gothic;
font-size: 13px;
text-align: center;
padding: 5px;}

Eai o que acharam ? Espero que tenham gostado e ajudado vocês .
xoxo , nanny.

5 comentários:

  1. Adorei o tutorial , queria mesmo saber como personalizar :)

    http://evelynrestyles.blogspot.com.br/

    ResponderExcluir
  2. Lindas opções.

    blogdapaulla.blogspot.com
    @deardiarioblog

    ResponderExcluir
  3. oiiiie eu blog é D+ na verdade ei blog é A+ kkk' amei o layout foi você quem fez? etou preciando de alguem para fazer um layout nele poderia??? bom obrigada por visitar o curiosidades teen tá ?
    um beijo!*-*

    ResponderExcluir
  4. Eu realmente gostei,meu blockquote já está personalizado...só que quando for fazer um novo lay usarei estes bjuus
    http://coisasdemeninaweb.blogspot.com.br/
    ajuda a divulgar?

    ResponderExcluir
  5. Lindas Opçoes!

    Ajuda Divulgar?
    http://menina-sensivel.blogspot.com.br/

    ResponderExcluir