18/09/2014

Modelos de blockquote

|| ||
 Yo, babes! (◕ω◕✿) Como vão meus brownies? Nada de vácuo, respondam! Ah, estou tão feliz que tenha terminado o lay free que estava fazendo... Falta pouco para os 100. *3* Bom, hoje eu trouxe 6 modelinhos de blockquote simples e fofos, sem hover. Espero que gostem! C'mon! ~

Para ver todos os modelos: LIVE PREVIEW

Vá em Modelo > Editar HTML e procure por ]]></b:skin>, acima disso, cole o código do seu modelo.

Modelo 1
 @font-face {
font-family: "wendy";
src: url("http://static.tumblr.com/mw3v5cd/jxRmaip37/wendy.ttf"); /* para IE */
src: local("wendy"), url("http://static.tumblr.com/mw3v5cd/jxRmaip37/wendy.ttf") format("opentype");
}
.blockquote {
background: #e5e5e5;
border: 1px solid #c8c8c8; /* cor da borda */
box-shadow: inset 0px 0px 3px #e0eaee; /* cor da sombra interna */
padding: 4px;
font-family: 'Wendy';
text-align: center;
font-size: 10px;
color: #b4b4b4; /* cor da fonte */
text-shadow: 1px 1px 0 #fff;
border-radius: 3px;
}
Modelo 2
@font-face {
font-family: "wendy";
src: url("http://static.tumblr.com/mw3v5cd/jxRmaip37/wendy.ttf"); /* para IE */
src: local("wendy"), url("http://static.tumblr.com/mw3v5cd/jxRmaip37/wendy.ttf") format("opentype");
}
.blockquote {
background: #e5e5e5;
border: 1px solid #c8c8c8; /* cor da borda */
box-shadow: inset 0px 0px 3px #e0eaee; /* cor da sombra interna */
padding: 4px;
font-family: 'Wendy';
text-align: center;
font-size: 10px;
color: #b4b4b4; /* cor da fonte */
text-shadow: 1px 1px 0 #fff;
border-radius: 3px;
outline-offset: 1px;
outline: dashed 1px #c8c8c8;
}
Modelo 3
 @font-face {
font-family: "wendy";
src: url("http://static.tumblr.com/mw3v5cd/jxRmaip37/wendy.ttf"); /* para IE */
src: local("wendy"), url("http://static.tumblr.com/mw3v5cd/jxRmaip37/wendy.ttf") format("opentype");
}
.blockquote {
background: #e5e5e5;
border: 1px solid #c8c8c8; /* cor da borda */
box-shadow: inset 0px 0px 3px #e0eaee; /* cor da sombra interna */
padding: 4px;
font-family: 'Wendy';
text-align: center;
font-size: 10px;
color: #b4b4b4; /* cor da fonte */
text-shadow: 1px 1px 0 #fff;
border-radius: 3px;
outline-offset: 1px;
outline: dashed 1px #c8c8c8;
outline-offset: -4px;
}
Modelo 4
 @font-face {
font-family: "wendy";
src: url("http://static.tumblr.com/mw3v5cd/jxRmaip37/wendy.ttf"); /* para IE */
src: local("wendy"), url("http://static.tumblr.com/mw3v5cd/jxRmaip37/wendy.ttf") format("opentype");
}
.blockquote {
background: #e5e5e5;
border: 1px solid #c8c8c8; /* cor da borda */
box-shadow: inset 0px 0px 3px #e0eaee; /* cor da borda interna */
padding: 4px;
font-family: 'Wendy';
text-align: center;
font-size: 10px;
color: #b4b4b4; /* cor da fonte */
text-shadow: 1px 1px 0 #fff;
border-radius: 3px;
outline-offset: 1px;
outline: dotted 1px #c8c8c8;
outline-offset: -4px;
}
Modelo 5
@font-face {
font-family: "wendy";
src: url("http://static.tumblr.com/mw3v5cd/jxRmaip37/wendy.ttf"); /* para IE */
src: local("wendy"), url("http://static.tumblr.com/mw3v5cd/jxRmaip37/wendy.ttf") format("opentype");
}
.blockquote {
background: #fff;
border: 1px dotted #c8c8c8; /* cor da borda */
box-shadow: inset 0px 0px 3px #e0eaee; /* cor da sombra interna */
padding: 2px;
font-family: 'Wendy';
text-align: center;
font-size: 10px;
color: #b4b4b4; /* cor da fonte */
text-shadow: 1px 1px 0 #fff; 
Modelo 6
@font-face {
font-family: "wendy";
src: url("http://static.tumblr.com/mw3v5cd/jxRmaip37/wendy.ttf"); /* para IE */
src: local("wendy"), url("http://static.tumblr.com/mw3v5cd/jxRmaip37/wendy.ttf") format("opentype");
}
.blockquote {
background: #fff;
border: 1px solid #c8c8c8; /* cor da borda */
box-shadow: inset 0px 0px 3px #e0eaee; /* cor da sombra interna */
padding: 2px;
font-family: 'Wendy';
text-align: center;
font-size: 10px;
color: #b4b4b4; /* cor da fonte */
text-shadow: 1px 1px 0 #fff;
outline-offset: 1px;
outline: solid 1px #c8c8c8;
}
Aviso: Caso o modelo não funcione no seu layout, tente tirar o ponto da parte ".blockquote", ok?
 É isso. Além do meu, estes são os primeiros blockquotes que eu faço. Espero que gostem e que alguém use, não é? Ah, vamos, estão usáveis... >3< Se usar, não esqueça: dê os créditos.


 Ah, ia me esquecendo... Mudei o blog em destaque novamente e dessa vez o meu escolhido foi o Only Dreams... Já fazia tempo que não mudava, né? Pretendo mudar com mais frequência agora, então o próximo pode ser o seu. ♥ Jya ne!

24 comentários

  1. São muito fofos Jheni (^▽^) Estava doida atrás do modelo 3 e finalmente achei *u*
    ~Chu ♥
    http://thisismylifeoficial.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Awn, obrigado Ju! <3 Fico feliz por ter ajudado, então. *w*

      Kissus

      Excluir
  2. Eu estou muito bem, e você? *w*
    Amei o terceiro modelo, os outros também estão muito bons, super simples e bonitos, perfeito * ヮ* ╯~
    dshgdjsk são os primeiros que você fez? awee, ficaram fantásticos! ;3;

    kuroihana.co.vu/

    ResponderExcluir
    Respostas
    1. Estou ótima, obrigado. <3
      O terceiro também é o meu favorito. ^-^ O intuito era esse mesmo, ser bem simples e usável. Obrigado. ♥
      Sim, são... >3< Muito obrigado, sério! *w*spjdfoisajf

      Chu ~

      Excluir
  3. Amei Jheni! Ficaram perfeitos!
    Vc disse layout free eu amo layouts free... pq eu uso! huehue
    Eu nunca consigo criar um lay que fique usável sempre dá merda. heueheu
    O Only Dreams tá fora do ar :(, não pude ver.
    Bye

    ResponderExcluir
    Respostas
    1. Awn, obrigado, frô! ^3^
      HASUHSAHU Que bom, espere que goste do que eu vou disponibilizar então.
      Ah, consegue sim, se não pensar desse jeito. Eu também pensava que não, mas até que ultimamente eles têm ficado razoáveis! *w* adljslijjhf
      Eles estavam trocando de layout, já voltaram, já. Confere lá! *w*

      Bye, beijos!

      Excluir
  4. Eu estou beem sim e estava com MUIIITAS sdds *0*
    Genti que lindos e quero ver seu laay, genti sou viciada em lays frees, amo ve-los <3 Amei amei amei amei os blockquote *u*
    paradise-of-bunnies

    ResponderExcluir
    Respostas
    1. Que bom! Eu que estava com muuuuuitas saudades de você mulher (ノ◕ヮ◕)ノ*:・゚✧ , você sumiu!
      Que bom que gostou ^-^ Eu também amo ver layouts free, dá até aquela inspirada! Obrigado ♥

      Beijos ~

      Excluir
  5. Aewwwwww que chegue logo os 100 seguidores linda (゜∇゜)ノ Tu merece com este blog fofura :3 E que modelos lindos são esses hein? Amando todos eles (。♥‿♥。) beijocas ╯3╰

    GNMH

    ResponderExcluir
    Respostas
    1. Finalmente chegamos aos 100... Estava contando os segundos de ansiedade, juro. >3< aksjkdfja Obrigado, Roh, mas olha quem fala de blog fofo, não é? :3 Sério que gostou? *w* Fico feliz, mesmo. Chu ~

      Excluir
  6. De todos.. o 1, 3 e 4 são os que eu mais gostei :3

    http://stroke-of-insanity.blogspot.com/

    ResponderExcluir
    Respostas
    1. O meu favorito é o 3º. ^-^ Que bom que gostou dos modelinhos, obrigado. Beijos.

      Excluir
  7. Os modelos ficaram muito lindos, adorei todos, beijos linda!

    http://apenassonhosdreams.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Que bom que gostou, fico feliz. Muito obrigado. <3 Beijos, frô! >3<

      Excluir
  8. Os modelos ficaram perfeitos!

    Beijinhos ~ www.Equalizando.com

    ResponderExcluir
  9. OLÁ, JHENI. EU ESTOU ÓTIMA E NÃO SEI PORQUE O CAPS AINDA TÁ LIGADO, OWO .q E você, como vai? Que os 100 seguidores cheguem logo, quero ver o resultado do layout free. Tenho certeza que está lindão!
    Os blockquotes estão lindos. O terceiro é meu favorito ~

    ♡ b a b y · BOO

    ResponderExcluir
    Respostas
    1. OLÁ, EDWIGES! QUE BOM QUE VOCÊ ESTÁ BEM, NÊGA >.< USE E ABUSE DO CAPS QUE EU AMO TEUS COMENTÁRIOS DIVOS. çadsjsjfhodshfe Eu estou ótima, obrigado! Finalmente completamos 100 seguidores... Espero que goste do meu lay meio lixinho >.<
      Obrigado, o terceiro também é meu preferido. *w*

      Beijos.

      Excluir
  10. Oi, Jheni :3 Estou ótima e tu, como vai? u_u
    Adorei os modelos, achei todos uma graça *0* Porém nunca sei como mudar o blockote >3< A noobisse me mata um dia .q

    ● Com todo o carinho, Essie! || Blue Leaves

    ResponderExcluir
    Respostas
    1. Oi, Essie! *w* Eu também estou ótima, obrigado.
      Fico feliz por ter gostado <3 Sério? >.< Se quiser que eu ensine, basta pedir e eu faço o tuto, ok?

      Kissus ~

      Excluir
  11. Ooi, eu vou bem, e você? o3o
    Nossa, os modelos de blockquote ficaram muito fofos *u*
    Eu vivo usando blockquote, seja para enfeitar, usar como "título", enfim, acho-os muito fofinhos, haha :)

    já segui seu blog, se você quiser, pode dar uma passadinha no meu? ☺ | www.quirky-tree.blogspot.com | ♥

    ResponderExcluir
    Respostas
    1. Olá! ^-^ Eu também vou bem.
      Awn, obrigado. *w* Eu uso bem pouco na verdade, mas mesmo assim, acho uma fofura. *w*

      Obrigado por seguir, estarei retribuindo com certeza. c;

      Excluir
  12. Amei, todos são lindíssimos
    usei um no meu layout

    ResponderExcluir
    Respostas
    1. Que bom que gostou. ♥
      Fico feliz que tenha usado.
      xx

      Excluir

하나 Não ofenda autores ou leitores.
Deixe o link do seu blog para que eu visite.
Não serão aprovados comentários apenas com divulgação.
Caso queira sugerir ou pedir algum post, faça isso por nossa Ask.

(⊙﹏⊙✿) (◕﹏◕✿) (◕‿◕✿) (◕︿◕✿) (◡‿◡✿) (◠△◠✿) (◕ω◕✿) (◠ω◠✿) (◠︿◠✿) (◠﹏◠✿) (◠‿◠✿) (ノ⊙ヮ⊙) (╯°□°)╯ಠ_ಠ ( ̄。 ̄)~zzz (°ロ°)ヽ (゜∇゜)ノ (ノ◕ヮ◕)ノ (▰˘◡˘▰) (︶▽︶) (。・_・。) (・ェ-) (。◕ ‿ ◕。) ʘ‿ʘ ╮ (─▽─)╭ ᕦ(ò_óˇ)ᕤ (≧ω≦) (^▽^) ( ̄□ ̄) (¬_¬) (╥_╥) (╯3╰) (¬‿¬) (◣_◢) (≧o≦) (⋋▂⋌) (॓_॔) (─‿‿─) (∩︵∩) (⊙_◎) (。♥‿♥。) (~ ̄▽ ̄)~ ★~(◠‿◕✿) (∩˃o˂∩) ~ヾ(^∇^) (づ。◕‿‿◕。)づ (ノ◕ヮ◕)ノ*:・゚✧ (;一_一) (¬_¬) (¬‿¬) (∩︵∩) (◕ ‿ ◕)/