Modelos para blockquote

by - janeiro 09, 2014

Oi pessoal, como estão? Espero que estejam bem! Então, o dia hoje tá tão chuvoso
por aqui, amo dias assim, o que é difícil por aqui onde moro. Sempre calor, 
uma amostrinha grátis do inferno x.x.
Então, hoje eu trouxe alguns modelos de blockquote, ficaram
bem bonitos, mas as imagens não estão muito boas, mas acreditem que estão
bem fofos, então espero que gostem queridos!

Modelo 1
blockquote {
outline-offset: -8px;
outline: 1px dashed #fcc;
border: 2px solid #fcc;
background-color: #fee;
padding: 10px;
font-size: 12px;
color: #696969;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0 0 15px #ecebeb, 0 0 5px #dddadb;
}

Modelo 2

blockquote {
outline-offset: -7px;
outline: 1px dashed #ffbfd6;
border: 2px solid #f1b1c4;
background-color: #f9f9f9;
padding: 5px;
font-size: 12px;
color: #e193a6;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: inset 0 0 15px #ecebeb, 0 0 5px #dddadb;
}




Modelo 3
blockquote {
border-right: 10px solid #aebadf;
border-left: 10px solid #f1b1c4;
background-color: #f5f2f3;
padding: 10px;
font-size: 12px;
color: #e193a6;
text-align: center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
box-shadow: inset 0 0 15px #ecebeb, 0 0 5px #dddadb;
-webkit-transition-duration: .50s;
-moz-transition: color .50s ease-in;
transition: color .50s ease-in;
}

Modelo 4


blockquote {
padding: 10px;
font-size: 12px;
color: #696969;
text-align: center;
background: #fff;
padding: 9px;
border: 5px solid #fff;
outline-offset: -3px;
outline: 1px dashed #ffbfd6;
-webkit-box-shadow: inset 0px 0px 3px #eae9e9, -2px 2px 0px rgba(0,0,0, 0.1);
-moz-box-shadow: inset 0px 0px 3px #eae9e9, -2px 2px 0px rgba(0,0,0, 0.1);
-ms-box-shadow: inset 0px 0px 3px #eae9e9, -2px 2px 0px rgba(0,0,0, 0.1);
}

You May Also Like

23 Comentários

  1. Muito lindo todos os blockquote :D

    Sorte a sua que está chuvoso ai, aqui em Sp ta um calor dos infernos e nao chove.

    snowing-in-london.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Que bom que gostou ^--^

      Néhh, mas o caalor á voltou aqui... agora tá um microondas ~.~

      ~kissus

      Excluir
  2. OMG que lindos, acho que vou pegar um *--*
    Aqui também está em tempo chuvoso, isto me deixa de bom humor <3

    ResponderExcluir
  3. O que mais gostei do do último, pena que acabei de reformar o layout do meu blog, por isso já instalei um blockquote :/

    XOXO,

    julia-nopaisdasmaravilhas.blogspot.com

    ResponderExcluir
  4. Muito lindos :3 vou pegar um ok?
    Aqui tá um calor infernal, mas não choveu ainda

    Kissu~
    otakus-sekai.blogspot.com.br

    ResponderExcluir
  5. amei os modelos ^^ ah obrigada por ter passado la no blog^^

    ResponderExcluir
  6. Owwwn que fofinho! Amei o modelo 2 e o 4 X3, super fofos!

    ~Chuuuu

    ResponderExcluir
  7. Olá. Aqui na minha cidade o que eu diga, dá até para fritar ovo no asfalto (risos). Os blockquotes estão lindos, e o meu preferido foi o quarto. Chu ~♥

    Rascunhos & Pensamentos

    ResponderExcluir
    Respostas
    1. Pois é, aqui é quase sempre assim ^^
      Que bom que gostou *--*

      kiss

      Excluir
  8. Só eu prefiro o sol , bonito e radioso ?? *¬*
    Chuva eu até gosto , mas depende sabe , digamos que o frio não é minha praia e.e

    Os blockquotes estão lindos x..x , mas o que mais gostei foi o segundo , achei muito legal *OO*

    Agora é aqui que tá chovendo y...y , tá um templo nublado , mas ainda bem que sai as vezes aquele calorão ( eu gosto de calor ,mas aqueles de derreter alguém , já é demais o.o )

    Beijoooooooos *-*

    ResponderExcluir
    Respostas
    1. Tenho certeza que não é só você... rsrs

      Que bom que gostou, fico feliz por isso ^--^

      Agora, aqui tá calor... muito, to me sentindo num microondas... Nossas kkkk

      Beijussss ^--^

      Excluir
  9. Yooo!
    Por aqui também anda chovendo, chovendo até demais sabe?! kkk
    Eu gosto bastante, da vontade de nem sair da cama, maaaas...

    Eu curti o 2 e o 3 ><
    Se tiver a sua autorização quero usar algum, e sim, irei dar os devidos créditos :)...
    E seu lay tá lindo demais, achei tão kawaii os dois no topo, uma fofura só.


    Bom, se percebeu ou não, o blog passou um tempinho desativado, mas agora ele voltou, se tiver um tempinho passa por lá se quiser.
    Bye bye, ;3

    http://mabelmaltine.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Yoo^-^

      Também gosto bastante... da vontade de ler e assistir animes o dia todo^-^

      Que bom que gostou^-^ pode usar sim^--^

      Arigatou ^--^

      Claro que percebi^--^... ok's ;3

      ~kiss

      Excluir
  10. Oi Gaby-chan!!!

    Um dos melhores do Ghibli é o viagem de chihiro mesmo!! Muito legal o filme, assisti varias vezes...!
    Nossa que bacana! Ta cheio de corações voando no cabeçalho! *w*

    Kiss
    http://tsuki-no-shita.blogspot.com

    ResponderExcluir

Muito obrigada por seu comentário e por sua presença!
Ambos são super importantes para mim.

Kaomojis:
(*´∀`*) (*≧∀≦*) (=´∀`)人(´∀`=) ( ・ ▽ ・)
ヾ(*^▽^*)o, 。・゚゚・(>_<)・゚゚・。 (>ω<;)*(´∀`)ノノ*
(。ゝω・)~♡ ヘ(´∀`ヘ)ヘ (╯°□°)╯•ᴥ• (´・ω・`)