27/09/2013

Modelos de Blockquote

Olá pessoinhas :B Ai essa vida corrida x_x  Prometo que final de semana eu passo nos bloguinhos lindos de vocês :33 Eu sou muito enrolada, preciso estudar uma tonelada de coisas e fico perdendo tempo jogando (me batam por favor -q ). Vocês se importam se o novo layout ficar meio desalinhado? Na verdade ele só vai ficar assim em monitores maiores que o meu, poucas pessoas tem monitores grandes assim, então ~ É que eu não sei como arrumar ;A; O layout ficou tão comível que eu TENHO que colocar. Esse final de semana talvez, eu coloque u-u' Espero que gostem <3

Como eu sou muito preguiçosa to repostando os Blockquotes do Iced Tea com mais 3 modelos novos, espero que gostem :B Coloquei os mais novos antes. Clique em Leia Mais para ver os previews e os códigos. 

Fiz uns mais simples e uns mais elaborados, sinta-se livre para mudar as cores e etc :33


Cole o código no lugar de .post-body blockquote { no seu HTML. 


.post-body blockquote {
background-color:#ffbcc2;
outline-offset: -3px;
text-shadow: 1px 1px 0px #ff818d;
border: 3px solid #ff8c97;
color:#fff;
box-shadow: inset 0 0 10px #ff8c97, 0px 1px 2px #f4f4f4;
border:none;
outline: 1px solid #ff909a;
font-family: "farma";
font-size:8px;
padding: 5px;
-webkit-transition-duration: .80s;
align: center;
text-align: center;
text-decoration:none;
}
.post-body blockquote:hover {
background-color:#b8b8d2;
outline-offset: -3px;
text-shadow: 1px 1px 0px #7979a1;
border: 3px solid #7979a1;
color:#fff;
box-shadow: inset 0 0 10px #9292b6, 0px 1px 2px #f4f4f4;
border:none;
outline: 1px solid #9393b7;
font-family: "farma";
-webkit-transition-duration: .80s;
font-size:8px;
padding: 5px;
align: center;
text-align: center;
text-decoration:none;
}
@font-face { font-family: "farma"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }

.post-body blockquote {
background-color: #ffe2cb;
border-bottom: 1px solid #ffc99e;
text-shadow: 0px 1px 0px #ffeddf;
-webkit-border-radius: 5px;
font-family: "farma";
font-size:8px;
-moz-border-radius: 5px;
box-shadow: inset 0 0 7px #ffd0aa, 0 0 2px #f3f3f3;
color: #ffa964;
padding: 5px;
-webkit-transition-duration: .50s;
}
.post-body blockquote:hover {
background-color: #dbdbdb;
border-bottom: 1px solid #bebebe;
text-shadow: 0px 1px 0px #efefef;
box-shadow: inset 0 0 7px #d1d1d1, 0 0 2px #f3f3f3;
padding: 5px;
-webkit-border-radius: 0px;
color: #a9a9a9;
-webkit-transition-duration: .50s;
}
@font-face { font-family: "farma"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }

.post-body blockquote {
background-color: #fdd8d9;
border-bottom: 2px solid #faa7a8;
text-shadow: 0px 1px 0px #fbddde;
-webkit-border-radius: 20px;
-moz-border-radius: 29px;
box-shadow: inset 0 0 15px #f0b0b1, 0 0 3px #eec1c2;
color: #ee8789;
padding: 10px;
-webkit-transition-duration: .50s;
}
.post-body blockquote:hover {
background-color: #eadbd9;
border-bottom: 2px solid #bf928c;
text-shadow: 0px 1px 0px #f1c3bc;
box-shadow: inset 0 0 15px #c9b0ad, 0 0 3px #dec1be;
padding: 10px;
color: #a88a86;
-webkit-transition-duration: .50s;
}

.post-body blockquote {
background-color: #eeeeef;
border: 2px dotted #ffffff;
text-shadow: 0px 1px 0px #ebebec;
-webkit-border-radius: 20px 0px 20px 0px;
-moz-border-radius: 0px 20px 0px 20px;
box-shadow: inset 0 0 15px #cfcfde, 0 0 3px #cfcfde;
padding: 10px;
color: #a4a4bc;
-webkit-transition-duration: .50s;
}
.post-body blockquote:hover {
background-color: #eeeeef;
text-shadow: 0px 1px 0px #ebebec;
-webkit-border-radius: 0px 20px 0px 20px;
-moz-border-radius: 0px 20px 0px 20px;
box-shadow: inset 0 0 15px #cfcfde, 0 0 3px #cfcfde;
padding: 10px;
color: #a4a4bc;
-webkit-transition-duration: .50s;
}
.post-body blockquote {
background-color: #dee9df;
padding: 5px;
border: 1px dashed #9bba9d;
text-shadow: 0px 1px 0px #deeedf;
box-shadow: inset 0 0 15px #a1c2a2, 0 0 3px #dbc8d3;
color: #94a395;
padding: 10px;
-webkit-transition-duration: .50s;
}
.post-body blockquote:hover {
background-color: #ffe7e9;
border: 1px dashed #f09fa5;
text-shadow: 0px 1px 0px #f6e4e5;
box-shadow: inset 0 0 15px #eca8ac, 0 0 3px #dfc9c3;
color: #f09fa5;
-webkit-transition-duration: .50s;
}

Só isso por hoje, o post ficou comprido por causa dos códigos x_x Espero que usem e creditem u-u pode modificar mais do que as cores se quiser, mas mantenha os créditos :3

Kissu :*

6 comentários:

  1. ;AA; Que perfos meo deos o3o
    O primeiro é mais atraente. AMAIKAL<ÇIJDI' Eu também fico o tempo todo jogando e-e

    ResponderExcluir
  2. Eu tb ficava jogando e esquecia de tudo kk ate o pc encher de vírus e o ps quebrar :v Os quotes são lindos >3< sambou de salto agulha haha pg o primeiro pra usar em um Layout :3 vai ser o presente de niver da minha amg :v

    ResponderExcluir
  3. Não achei o ".post-body blockquote {" no meu HTML T.T

    ResponderExcluir
  4. obrigada <3 s~~ao todos muito bonitos <3
    vou usar e dar os créditos <3
    http://lovenator.blogspot.com.br/

    ResponderExcluir
  5. Ain, eu amei todos, com toda certeza irei usar em algum lay jkejkjek eu acho u.u muito lindos <3'

    Unconditionally Kawaii

    ResponderExcluir

« »