15 de outubro de 2012

10 Estilos de blockquote

Oi gente trouce 10 estilos de blockquote se quiser ver clique em leia mais

Estilo 1 - Normal
Estilo 1 - Hover

/*** Blockquote por Mundo Html/ all-teardrop-is-a-waterfall ***/
 blockquote {background: #transparent;border-left: 2px solid #cbd3dc;border-right: 2px solid #ec5787; padding: 10px 15px 15px 10px;font-size: 13px; color: #696969; text-align: justify; font-family:arial;-webkit-transition-duration: .50s; } blockquote:hover{background: #transparent;border-left: 5px solid #cbd3dc;border-right: 5px solid #ec5787; font-size: 13px; color: #696969; text-align: justify; font-family:arial;-webkit-transition-duration: .50s; }
Estilo 2


/*** Blockquote por Mundo Html/ all-teardrop-is-a-waterfall ***/
blockquote {background: #E8BDCB url('http://static.tumblr.com/eyob2gi/Wq4m7lkbs/aapng.png') no-repeat;border-radius:5px; border-bottom: 6px solid #DE9FB4;padding:15px 15px 15px 3.2em;font-size: 11px; color: #FFF; text-align: justify; font-family:arial; }
Estilo 3

~> Blockquote Folk - By Pincelando o Céu <~
.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;
}
Estilo 4
~> Blockquote Girlie - By Pincelando o Céu <~
.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;
}
 Estilo 5

/* Blockquote Friendship By: The Lovers */
.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;}
Estilo 6

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

Estilo 7

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-box-shadow:5px 4px 10px #ccc;
-webkit-box-shadow: 5px 4px 10px #ccc;
-khtml-box-shadow: 5px 4px 10px #ccc;
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#ccc,direction=120,strength=4)";filter:progid:DXImageTransform.Microsoft.Shadow(color=#ccc,direction=120,strength=4);
}

Estilo 8

/* Blockquote By: Kawaii World */
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;
}
Estilo 9

blockquote { border-left: 8px solid #FA6B8F; background-color: #efefef; padding: 4px; color: #333333; text-align: justify; }
Estilo 10


.post blockquote {
background: #f5f5f5;
border-bottom: 3px solid #3C355F;
color: #3C355F;
font-family: tahoma;
font-weight: normal;
font-size: 11px;
text-align: right;
padding: 3px;
border-radius: 25px;
}
creditos  
tchau gente bjs

2 comentários:

  1. Respostas
    1. São para colocar os códigos de html na postagem, eles o destacam.

      Excluir

Comente a vontade, desde que saiba respeitar ;)
Ah, e não é necessário fazer uma conta para comentar, basta colocar como anônimo.

Emoticons:

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡ ( ͡° ͜ʖ ͡°)