Modelos para blockquote


Olá, meus bonitos ~ ◕ω◕

Estou tão animado para postar aqui no blog, acho que a versão de férias está sendo muito lucrativa pra mim e pra vocês. Eu estava tentando preparar o próximo design do blog, mas a criatividade ta de férias também gente. Pelo que vejo, o blog vai ficar um longo tempo com a versão atual, afinal ela está tão caprichada que da da pena de retira-la. Mas espero que eu consiga fazer um design bom, até lá ficamos com esse mesmo.

Enfim, pediram a algum tempo na minha ask pra postar modelos para blockquote. Assim, eu só acho que nunca postei isso aqui no blog, então é a primeira vez. Eu me esforcei ao máximo para deixa-las diferentes e criativas, acho que ficaram até bonitinhas. Lembrando que você tem que colar o código delas acima de ]]></b:skin>.
  • Modelo 1

@font-face {font-family: "Arma Five"; src: url('http://static.tumblr.com/bsalulu/qxQmmc6lm/pf_arma_five.ttf');}
blockquote {
font-family: Arma Five;
font-size: 8px;
padding: 7px;
margin-left: 17px;
margin-right: 17px;
text-align: center;
background: #f5f5f5;
border-right: 4px solid #8c5b96;
border-left: 4px solid #dcd33e;
box-shadow: inset -2px -2px 3px #ddd;
-webkit-transition: all 0.50s ease;
}
blockquote:hover {
font-family: Arma Five;
font-size: 8px;
padding: 7px;
margin-left: 17px;
margin-right: 17px;
border-radius: 3px;
text-align: center;
background: #f5f5f5;
border-left: 4px solid #8c5b96;
border-right: 4px solid #dcd33e;
box-shadow: inset 2px 2px 3px #ddd;
-webkit-transition: all 0.50s ease;
}

  • Modelo 2
@font-face {font-family: "Arma Five"; src: url('http://static.tumblr.com/bsalulu/qxQmmc6lm/pf_arma_five.ttf');}
blockquote {
font-family: Arma Five; 
font-size: 8px; 
color: #fff; 
text-shadow: 1px 1px 0px #ffa6a6;
padding: 5px;
margin-left: 17px;
margin-right: 17px;
border-radius: 3px;
text-align: center;
background: #ffc0c0;
box-shadow: inset 0px 0px 4px #ffeaea, 1px 1px 1px #ffa6a6;
-webkit-transition: all 0.50s ease;
}
blockquote:hover {
font-family: Arma Five;
font-size: 8px;
color: #fff;
text-shadow: 1px 1px 0px #824545;
padding: 5px;
margin-left: 17px;
margin-right: 17px;
border-radius: 3px;
text-align: center;
background: #976565;
box-shadow: inset 0px 0px 4px #d1aaaa, -1px -1px 1px #824545;
-webkit-transition: all 0.50s ease;
}

  • Modelo 3
@font-face {font-family: "Arma Five"; src: url('http://static.tumblr.com/bsalulu/qxQmmc6lm/pf_arma_five.ttf');}
blockquote {
font-family: Arma Five;
font-size: 8px;
padding: 7px;
margin-left: 17px;
margin-right: 17px;
border-radius: 4px;
text-align: center;
background: #f5f5f5;
border-right: 3px solid #b1c7d3;
border-left: 3px solid #b1c7d3;
box-shadow: inset 0px 0px 5px #ddd;
-webkit-transition: all 0.50s ease;
}
blockquote:hover {
font-family: Arma Five;
font-size: 8px;
padding: 7px;
margin-left: 17px;
margin-right: 17px;
border-radius: 4px;
text-align: center;
background: #f5f5f5;
border-right: 0px solid #b1c7d3;
border-left: 0px solid #b1c7d3;
box-shadow: inset 0px 0px 5px #ddd;
-webkit-transition: all 0.50s ease;
}
 Espero que tenham gostado, e lembre-se: se usar credite ao Just Like That.

26 comentários:

  1. Que fofas *---* Amei! E que bom que vai deixar esse lay por mais tempo adoro ele >3<

    ResponderExcluir
  2. Adorei o último e acho que você deve continuar com a versão atual, ela é muito linda mesmo <3
    Lindo blog! :3

    Black Pearl

    ResponderExcluir
  3. Adorei os modelos, fofs >3< Bjs, Dazzle ♥

    ResponderExcluir
  4. Adorei o modelinho 2 Natsu ;* Beijos (:

    little-worldoficial.blogspot.com.br/

    ResponderExcluir
  5. Awnnnnn, um mais lindo que o outro, Natiçu ♥ Roubei o segundo, HAHA' u3u

    Beijos,

    Juu-Chan do Nescau com Nutella.

    ResponderExcluir
  6. Olá amei o blog, esses modelos de blockquote são lindoos *----*
    http://eusoupanda.blogspot.com.br/

    ResponderExcluir
  7. ^OOO^ Perfeição ao máximo, ein Natsu u__u' Estão todos lindoos, talvez use (:
    E sim, este lay é maravilhoso, não mudes já ;)

    Kiss~

    letterofpain.blogspot.com

    ResponderExcluir
  8. Que fofos! Amei o 2 modelo <3 Nyah, o lay está meigo *u*
    C h u ~ ♥
    mutant-paradise.blogspot.com

    ResponderExcluir
  9. Estão todas lindas,como sempre você fica divando! (que inveja de você) ¬¬'

    Beijos~
    Perfect Flowers [visite]

    ResponderExcluir
  10. Que lindos Natsu! Roubei o segundo. Kissus Lari Skyes

    ResponderExcluir

Regras:
• Os comentários são moderados.
• Não xingue nada nem ninguém.
• Comentários como: "Seguindo, segue de volta ?" serão deletados.
• Se for fazer uma crítica faça com educação e bom senso.
• Pedidos feitos por comentário não serão realizados, pedidos só na ask.
• Obrigado por comentar!