14/01/2015

Modelos para Blockquote

Oii, cambada! Descupem de novo a demora para postar, é por que eu tive que sair pra comprar leite por que não tinha. Nossa, eu dormir muito mal, meu pescoço está até agora doendo,acho que dormir de mal jeito estou com uma dor horrível no meu pescoço. Já compraram material escolar? Eu ainda não, mas acho que até dia vinte e pouco, eu compro meus materiais. Eu vou comprar cadernos de Monster High, acho que uns lápis também da MH, a mochila eu ainda não sei de que personagem eu compro. Você podem me dar uma sugestão? Continuando, como vocês já devem saber pelo título da postagem, encontrei vários modelos super fofos para blockquote que é a caixa de códigos, pra quem não sabe o que é um blockquote. Todos os créditos do blockquotes vão para Ash Princess Kawaii ( é inglês, só pra avisar )



 Todos os códigos devem ser colados acima de ]]></b:skin>

 Blockquote com borda animada
ash princess kawaii
blockquote {display: block;padding: 2px;line-height:1em;<span id="IL_AD2" class="IL_AD">color</span>: tan;font-size:12px;border: 28px solid transparent;border-width: 25px 25px 25px 25px;border-image: url(http://media.tumblr.com/d28e2259cdab73f36f5d0ee2416741e3/tumblr_inline_mgpdb61Hza1qdlkyg.gif) 25 25 25 25 fill repeat;}blockquote :hover {color: pink;}


 Gradient blockquote

Ut ultrices ultrices enim. Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper. Nulla facilisi. Integer lacinia sollicitudin massa. Cras metus.
blockquote {
display: block;
padding: 0.5em
line-height:1em;
<span id="IL_AD10" class="IL_AD">color</span>: #fff;
font-family:arial;
font-size:12px;
background:-webkit-gradient(linear, 80% 20%, 29% 21%, from(#6876AB), to(#EC531A))
}
blockquote:hover {
-moz-transition: all 1.0s ease-in-out;
-o-transition: all 1.0s ease-in-out;
-ms-transition: all 1.0s ease-in-out;
transition: all 1.0s ease-in-out;
background:-webkit-gradient(linear, 80% 35%, 30% 21%, from(#68A91A), to(#C4498C))
}

 Blockquote Kawaiii


Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
blockquote {width:450px;display:block;margin: 1em 20px;padding:10px;box-shadow:inset 2px 2px 0px #F5A9A9,inset -2px -2px 0px #F5A9A9;background:#F8E0E0 url('http://www.picgifs.com/graphics/k/kawaii/graphics-kawaii-602128.gif');background-repeat:no-repeat;background-position:left;border: 2px dashed #F5BCA9;color:#222;font:12px verdana;-moz-transition: all 1.5s ease-in-out;-o-transition: all 1.5s ease-in-out;-ms-transition: all 1.5s ease-in-out;transition: all 1.5s ease-in-out;}blockquote:hover {background-image:url(http://i.imgur.com/tDtge.png);box-shadow:inset 500px 200px 0px transparent,inset -500px -200px 0px transparent;}
-
             

                                                             Blockquote Kawaii (2)
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
-                                                                              
 blockquote {
width:450px;
display:block;
margin: 1em 20px;
padding:10px;
box-shadow:inset 3px 3px 10px #9F81F7,inset -3px -3px 10px #9F81F7;
background:#D0A9F5;
border: 2px inset #9F81F7;
color:#fff;
font-size:12px ;
-moz-transition: all 1.0s ease-in-out;
-o-transition: all 1.0s ease-in-out;
-ms-transition: all 1.0s ease-in-out;
transition: all 1.0s ease-in-out;
}
blockquote:hover {
box-shadow:inset 380px 0px 0px #BE81F7,inset -380px 0px 0px #BE81F7;
color:#fff;
}
-              

                                                      Blockquote com borda neon
                                                                           
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

-
 blockquote{
width:450px;
display:block;
margin: 1em 20px;
padding:10px;
-moz-box-shadow: -1px 2px 23px #fc0d9c;
-webkit-box-shadow: -1px 2px 23px #fc0d9c;
box-shadow: -1px 2px 23px #fc0d9c;
<span id="IL_AD3" class="IL_AD">color</span>:cyan;
font-size:12px ;
-moz-transition: all 1.0s ease-in-out;
-o-transition: all 1.0s ease-in-out;
-ms-transition: all 1.0s ease-in-out;
transition: all 1.0s ease-in-out;
}
blockquote:hover {
box-shadow:inset 380px 0px 0px #BE81F7,inset -380px 0px 0px #BE81F7;
-moz-box-shadow: -1px 2px 23px #ecfc0d;
-webkit-box-shadow: -1px 2px 23px #ecfc0d;
box-shadow: -1px 2px 23px #ecfc0d;
color:pink;
}
-

 Se tiver algum erro nos blockquotes, por favor me avisei que eu arrumarei!

4 comentários:

  1. Amei os modelinhos, muito lindos e fofos, e sobre comprar uma mochila eu compraria uma mochila kawaii, achei uma do rilakkuma mt fofa *--* ou compre uma do seu gosto <3
    Beijinhos

    ResponderExcluir
  2. lindos os modelos,Aceita afiliação?

    http://girlthingweb.blogspot.com.br/

    ResponderExcluir