4 modelos de Blockquote Personalizado

Oláá!
Não tenho o que falar...É, tenho sim. Além daqueles 15 dias de folga na minha escola, deixaram + 4 dias *o*, vai ter umas reuniões lá, não contando com o sábado e domingo u-u, então, terei mais tempo pra postar. Acho que só né e_e. Hoje vim passar 4 modelos de Blockquote Personalizado que eu fiz, pra quem não sabe é isso aqui:

Oie, tudo bem? Isso aqui é um Blockquote. Para 'faze-lo/usa-lo' clique no Ícone Citação e digite o que quiser.
 É muito fácil. Vamos ver?


Obs: Cole o código que deseja acima de ]]></b:skin>
..........................................................................................
1º Modelo
..........................................................................................

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
blockquote {
font-family: PF Arma Five;
font-size: 8px;
color: #1C1C1C;
border: 1px dashed #000;
padding: 9px;
padding-left: 9px;
background-color: #fff;
 -webkit-transition: all 0.5s ease;
-webkit-transition-duration: .50s;
}

blockquote:hover {
font-family: PF Arma Five;
font-size: 8px;
color: #e8aba2;
border: 1px dashed #e8aba2;
background-color: #fff;
 -webkit-transition: all 0.5s ease;
-webkit-transition-duration: .50s;
}
..........................................................................................
2º Modelo (Do nosso Blog)
..........................................................................................


@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
blockquote {
font-family: PF Arma Five;
font-size: 8px;
color: #1C1C1C;
border: 1px dashed #CD5555;
padding: 9px;
padding-left: 9px;
background-color: #fff;
 -webkit-transition: all 0.5s ease;
-webkit-transition-duration: .50s;
}

blockquote:hover {
font-family: PF Arma Five;
font-size: 8px;
color: #000;
border: 1px dotted #FF82AB;
background-color: #fff;
 -webkit-transition: all 0.5s ease;
-webkit-transition-duration: .50s;
}
..........................................................................................
3º modelo
..........................................................................................



@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
blockquote {
font-family: Pf Arma Five;
font-size: 8px;
color: #000;
text-align: center;
border-left: 2px solid #000;
border-right: 2px solid #000;
background: #fff;
box-shadow: inset 0 0 22px #e6d2e6, 0 0 6px #e6d2e6;
padding: 8px;
border-radius: 2px;
-webkit-transition-duration: .100s;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
}
blockquote:hover {
font-family: Pf Arma Five;
font-size: 8px;
color: #fff;
text-align: center;
border-left: 4px solid #FF6A6A;
border-right: 4px solid #FF6A6A;
background: #000;
padding: 8px;
-webkit-transition-duration: .100s;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
}
 ..........................................................................................
4º modelo
..........................................................................................


@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
blockquote {
font-family: Pf Arma Five;
font-size: 8px;
color: #000;
text-align: center;
border-left: 2px solid #000;
border-right: 2px solid #000;
background: #FF6A6A;
box-shadow: inset 0 0 22px #e6d2e6, 0 0 6px #e6d2e6;
padding: 8px;
border-radius: 2px;
-webkit-transition-duration: .100s;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
}
blockquote:hover {
font-family: Pf Arma Five;
font-size: 8px;
color: #FF8247;
text-align: center;
border-left: 2px solid #FF6A6A;
border-right: 2px solid #FF6A6A;
background: #FFD39B;
text-shadow: 0 1px 0 #fff;
padding: 8px;
-webkit-transition-duration: .100s;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
}
 ..........................................................................................
São esses :3 espero que tenham gostado!

15 comentários:

  1. Aaaaaaaaaaah, o último tá perfeitão! *OOOOOOOO*

    ResponderExcluir
  2. Que fofos os moledos! Gostei dos dois primeiros *-*

    ResponderExcluir
  3. cara que digno,talvez eu use o 3° no meu proximo lay,divando :3
    Monster Stay

    ResponderExcluir
  4. Adorei o último, ficou muito lindo (como os outros também, mas ficou mais -qq) >3< Só não uso, pois não quero mudar meu blockquote atual rçrç'
    Bjs, Jubs ~
    cl-ouds | Retribui, please?

    ResponderExcluir
  5. Adorei os modelos , principalmente o último o3o

    Seu blog é lindo , adorei !

    Beijos ♥
    x Senhorita Liberdade

    ResponderExcluir
  6. Oiii amore amei seu blog! estou te seguindo! retribui?? :D beijos

    finodourado.blogspot.com.br

    ResponderExcluir
  7. Amei o Ultimo *--*
    segue de volta? http://casadophotoscape-s2.blogspot.com.br/

    ResponderExcluir
  8. Ohw, que lindo Helo, você e este blog...
    Divos! Helo, há vagas para subdona? *o*.
    Ameeei os blockquotes! ><.

    ResponderExcluir

Regras:
-Aceito críticas, porém, comentários ofensivos/maldosos serão apagados.
-Não aceito mais: Seguindo, segue de volta?
-Coloque o link de seu Blog no fim do comentário, é garantido que irei visita-lo e dependendo do conteúdo, até posso segui-lo :3
-Comente a vontade!