18/09/2014

Modelos de blockquote

| |
Oi! Como estão minhas pessoas favoritas na Internet? Me respondam de verdade, não é uma pergunta retórica. Me contem seus problemas e me deixem pagar de psicóloga gratuitamente. Para quem se interessa, euzinha vou bem. Estou bem orgulhosa do primeiro layout free do blog e ansiosíssima para compartilhar com vocês, aliás, falta pouco para os 100 seguidores e é bem surreal para mim que uma centena de pessoas gostem do meu conteúdo. Isso me deixa extremamente feliz e me motiva bastante a criar postagens e códigos para compartilhar. Vocês não têm ideia do quanto este espacinho na web me faz bem. Eu passo o dia inteiro esperando ter um momento para escrever e o tempo todo pensando "Hm, o que eu vou levar para o empire kawaii depois de tal post?". É um passatempo trabalhoso, confesso, me toma muito tempo, mas também me distrai bastante dos problemas na vida real e é uma forma de colocar minha criatividade em prática, eu amo. ♡ Para hoje eu trouxe 6 modelinhos de blockquote minimalistas. Let's go ミ

No painel de controle do Blogger, clique em Tema e vá nas três bolinhas, escolhendo Editar HTML. Dê um clique dentro da área de código para localizar seu cursor, aperte Ctrl+F no teclado, pesquise por ]]></b:skin> e dê enter. Depois de ter encontrado, cole acima/antes disso o código do modelo que escolher:

blockquote {
margin-left: 2px; 
margin-right: 2px; 
margin-top: 4px; 
margin-bottom: 4px;
text-align: center;
padding: 4px;
font-size: 10px;
color: #b4b4b4;
border: 4px double #c8c8c8;
text-shadow: 1px 1px 1px #fff;
background: #e5e5e5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
font-family: Calibri;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}

blockquote {
margin-left: 2px; 
margin-right: 2px; 
margin-top: 4px; 
margin-bottom: 4px;
background: #e5e5e5;
border: 1px solid #c8c8c8; 
padding: 4px;
font-family: georgia;
letter-spacing: 1px;
font-style: italic;
text-align: center;
font-size: 11px;
color: #b4b4b4;
text-shadow: 1px 1px 0 #fff;
outline-offset: 2px;
outline: dashed 1px #c8c8c8;
}

blockquote {
margin-left: 2px; 
margin-right: 2px; 
margin-top: 4px; 
margin-bottom: 4px;
background: #e5e5e5;
border: 1px solid #c8c8c8;
padding: 6px;
font-family: 'Trebuchet MS', Trebuchet, sans-serif;
text-align: center;
font-size: 11px;
letter-spacing: 1px;
color: #b4b4b4;
text-shadow: 1px 1px 0 #fff;
border-radius: 3px;
outline-offset: 1px;
outline: dashed 1px #c8c8c8;
outline-offset: -4px;
text-transform: uppercase;
}

blockquote {
margin-left: 4px; 
margin-right: 4px; 
margin-top: 4px; 
margin-bottom: 4px;
background: #fff;
border: 1px dotted #c8c8c8;
box-shadow: inset 0px 0px 3px #e0eaee; 
padding: 4px;
font-family: Calibri;
text-transform: uppercase;
text-align: center;
font-size: 10px;
color: #b4b4b4;
text-shadow: 1px 1px 0 #fff; 
}

blockquote {
margin-left: 2px; 
margin-right: 2px; 
margin-top: 4px; 
margin-bottom: 4px;
background: #e4e4e4;
border-left: 4px double #b4b4b4;
border-right: 4px double #b4b4b4;
box-shadow: inset 0px 0px 3px #e0eaee; 
padding: 4px;
font-family: Calibri;
text-align: center;
font-size: 11px;
color: #b4b4b4; 
text-shadow: 1px 1px 0 #fff;
text-transform: uppercase;
}

Nenhum dos modelinhos tem hover porque eu queria que fossem o mais simples possível (e não estava me sentindo criativa o suficiente para pensar em efeitos, mas isso não vem ao caso). Espero que gostem porque estes são os primeiros modelos que eu faço. Se usarem, não esqueçam de creditar. É isso, fiquem bem e se cuidem.

23 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. 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
  11. 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 ~

    ResponderExcluir
  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.
Proibido comentários apenas com divulgação.
Comente seu pedido ou sugestão.