Modelos para Blockquote
Autor: ☆ Feh Nathy // Things And HTML | Publicado: 2013-06-10T17:44:00-07:00



Oi *--*
Obrigada princesas por seguirem, como prometido eu vou trazer uma surpresa, acho que vai ser um layout free, vocês querem?
Eu trouxe uns 4 modelos de blockquote, bem fofos, quem fez foi a Konata do Turquese Diamonds, ela é muito engraçada vocês tem que ver o que ela escreveu na descrição, se eu soubesse eu fazia, mais como não sei =/
Para usar é a coisa mais simples do mundo, é só colar os códigos que estão embaixo acima de ]]&gt;&lt;b:skin.



Modelo número 1


blockquote {font-family: fun;font-weight: normal;border: 1px solid #d9d9d9; /* Cor da borda *\box-shadow: inset 0 0 40px #321d2c, 0 0 6px #ccc;&nbsp;/* Sombra *\background-color: #5f3854;&nbsp;/* Cor do fundo *\padding: 10px; /* Distância do texto e da borda *\font-size: 12px;&nbsp;/* Tamanho da fonte *\color: #dd9f9a;&nbsp;/* Cor da fonte *\text-align: center;&nbsp;/* Alinhamento do texto *\-webkit-transition-duration: .80s;}@font-face {font-family: "fun"; src: url('http://static.tumblr.com/dlelfro/5g9mnnzdq/cedarville_pnkfun_1_cursive.ttf');}
Modelo 2


blockquote {font-family: Violation;font-weight: normal;border-top: 2px solid #d97b74;border-bottom: 2px solid #d97b74;box-shadow: inset 0 0 40px #303a48, 0 0 6px #ccc;background-color: #45546a;padding: 10px;font-size: 12px;color: #dd9f9a;text-align: center;letter-spacing: 2px;border-radius: 5px;-webkit-transition-duration: .80s;}blockquote:hover {font-family: Violation;font-weight: normal;border-top: 2px solid #c1a49f;border-bottom: 2px solid #c1a49f;box-shadow: inset 0 0 40px #303a48, 0 0 6px #ccc;background-color: #45546a;padding: 10px;font-size: 12px;color: #c1a49f;text-align: center;text-shadow: 2px 2px 0px #d97b74;letter-spacing: 2px;border-radius: 5px;-webkit-transition-duration: .80s;}@font-face {font-family: "Violation"; src: url('http://static.tumblr.com/qbssgmc/Oaxmo3qy4/violatio.ttf');}
Modelo 3


.post blockquote {font-family: alegre;letter-spacing: 2px;font-weight: lighter;background: url("http://static.tumblr.com/qbssgmc/Ltomo3ru0/fundomodelo3.png");border-left: 5px solid #812d50;border-right: 5px solid #812d50;padding: 10px;text-align: center;border-radius: 5px;color: #d3977c;}@font-face {font-family: "alegre"; src: url('http://static.tumblr.com/dlelfro/5jMmnnubw/al__gre_sans.ttf');}
Modelo 4


.post blockquote {font-family: Carnevalee;letter-spacing: 2px;font-size: 12px;text-transform: uppercase;background: #a99a9e;border-left: 5px solid #da6d89;border-right: 5px solid #da6d89;padding: 10px;text-align: center;border-radius: 5px;color: #a66567;box-shadow: inset 0 0 40px #c1adb2, 2 2 2px #ccc;-webkit-transition-duration: 1S;}.post blockquote:hover {font-family: Carnevalee;letter-spacing: 2px;font-size: 12px;text-transform: uppercase;background: #a99a9e;border-left: 5px solid #a66567;border-right: 5px solid #a66567;padding: 10px;text-align: center;border-radius: 5px;color: #da6d89;box-shadow: inset 0 0 40px #c1adb2, 2 2 2px #ccc;-webkit-transition-duration: 1S;-webkit-transform: rotate(540DEG);}@font-face {font-family: "Carnevalee"; src: url('http://static.tumblr.com/qbssgmc/5X6mo3sno/carnevalee_freakshow.ttf');}
Beijos ♥