• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

26 de outubro de 2013

3 Modelos para Blockquote em Hover

- Que bom que gostaram do novo postador Vinicius *--*

Olá gente, tudo bem com vocês? (≧ ∇ ≦)
 Pelo visto com a Kaorii (Clara) não anda nada bem, mais está melhorando, eu continuarei orando para ela, é muito difícil essa situação :l
Estou aqui finalmente pois acabei de fazer meu dever de inglês para segunda, já que estou muito ausente por aqui, dei uma pausa na agitação diária e vim postar, a Hannah G3 está fazendo ENEM hoje então não poderá comparecer por aqui :s

 Estou lendo um livro que é muito bom, sobre um vírus que faz as pessoas ficarem ferozes e talz, e bibliotecária disse que já fizeram um filme desse livro antigo, o livro é tão antigo que as páginas são amareladas, faz tempo que não leio clássicos assim, acho que o que mais me chamou a atenção foi a capa [julgo o livro pela capa] e o nome e a sipnose, e estou achando-o interessante.
O nome é 'Quarentena', mesmo sem tempo para ler ele, irei ler de pouco em pouco, um livro meio de terror e suspense é bom para entrar no clima de halloween não acham? em falar nisso, estou fazendo um layout free de halloween, não sei se está ficando legal, mas depois postarei aqui, estou meio sem tempo para mexer no pc, aí fica difícil de terminá-lo antes do halloween, até porque amanhã e depois de amanhã acho que não estarei em casa, mas farei o esforço de terminá-lo hoje.

Gente, tem coisas que me deixam tipo "O.o MASOQ?" tipo, esses dias uma menina veio na minha ask.fm falando que era para eu mostrar minha cara porque comentei em anônimo no blog dela assim (www veja a imagem) - o mais interessante é que eu não comento em blogs em anônimo, e nem fui eu quem fez isso - gente, mais uma vez aqui só para esclarecer: se eu quiser xingar as pessoas e sujar minha barra e ser quem eu não sou, irei fazer isso tudo NA MINHA CONTA DO BLOGGER, não irei fazer em anônimo, isso é podre, e como ela soube que 'era eu'? .-. cada coisa.

 Faz muito tempo que não posto um tutorial por aqui (faz um tempo que não posto nada por aqui rçrç), hoje trouxe modelos lindos para blockquote, créditos para This Time (www) todos são em hover, estou usando um em um layout que deveria ser o próximo do A.N (possível spoiler) e ficou super! :3



  • Como você deve usar: Coloque o código do blockquote escolhido acima de ]]></b:skin>

Código do blockquote 1:

.post blockquote {
border-radius: 3px;
color: #ffffff;
text-shadow: 1px 1px 0 #B4B2D0;
margin-left: -0px; margin-right: -0px;
padding: 5px;
background: #d3d4df;
-webkit-transition-duration: 1s;
-moz-box-shadow: inset 0 0 0 0px #bbbacd;
-webkit-box-shadow: inset 0 0 0 0px #bbbacd;
box-shadow: inset 0 0 0 0px #bbbacd;
-webkit-transition-duration: 1s;
}
.post blockquote:hover {
background: #bbbacd;
-moz-box-shadow: inset 0 0 0 50px #bbbacd;
-webkit-box-shadow: inset 0 0 0 50px #bbbacd;
box-shadow: inset 0 0 0 50px #bbbacd;
text-shadow: 1px 1px 0 #A8A6D1;
}

Código do blockquote 2:

.post blockquote {
border-radius: 3px;
color: #ffffff;
text-shadow: 1px 1px 0 #B4B2D0;
margin-left: -0px; margin-right: -0px;
padding: 5px;
background: #d3d4df;
-moz-box-shadow: inset 0 0 0 0px #bbbacd;
-webkit-box-shadow: inset 0 0 0 0px #bbbacd;
box-shadow: inset 0 0 0 0px #bbbacd;
-webkit-transition-duration: 1s;
}
.post blockquote:hover {
background: #bbbacd;
-moz-box-shadow: inset 300px 0 0 0 #bbbacd, inset -300px 0 0 0 #bbbacd;
-webkit-box-shadow: inseet 300px 0 0 0 #bbbacd, inset -300px 0 0 0 #bbbacd;
box-shadow: inset 300px 0 0 0 #bbbacd, inset -300px 0 0 0 #bbbacd;
text-shadow: 1px 1px 0 #A8A6D1;
}

Código do blockquote 3:

.post blockquote {
border-radius: 3px;
color: #ffffff;
text-shadow: 1px 1px 0 #B4B2D0;
margin-left: -0px; margin-right: -0px;
padding: 5px;
background: #d3d4df;
-webkit-transition-duration: 1s;
-moz-box-shadow: inset 0 0 0 0px #bbbacd;
-webkit-box-shadow: inset 0 0 0 0px #bbbacd;
box-shadow: inset 0 0 0 0px #bbbacd;
-webkit-transition-duration: 1s;
}
.post blockquote:hover {
background: #bbbacd;
background: #bbbacd;
-moz-box-shadow: inset 0 10px 0 0 #bbbacd, inset0 -10px 0 0 #bbbacd;
-webkit-box-shadow: inset 0 10px 0 0 #bbbacd, inset 0 -10px 0 0 #bbbacd;
box-shadow: iinset 0 10px 0 0 #bbbacd, inset 0 -10px 0 0 #bbbacd;
text-shadow: 1px 1px 0 #A8A6D1;
}
Espero que tenham gostado do tutorial, eu gostei bastante desses estilos, por isso os trouxe >3< beijos XOXO~

36 comentários:

  1. Vou usar, vou usar! u_u amei o 1º!
    Indiquei o AN no Top5:Blogs #1, vê lá! :) Beijoos
    http://republicacrash.blogspot.com.br/

    ResponderExcluir
  2. Nossa que menina doida, meu Deus que modelos de bloquete lindos, com certeza vou usar no meu lay c:

    h-worlds.blogspot.com

    ResponderExcluir
  3. Este comentário foi removido pelo autor.

    ResponderExcluir
  4. Amei a tuto, hahahahaha. E a Hannah foi fazer Enem mesmo? Espero que ela passe. Beijos,

    http://umaprimavera.blogspot.com.br/

    ResponderExcluir
  5. Nossaa que lindos *uu*

    htmlandresources.blogspot.com

    ResponderExcluir
  6. Lindos os blockqotes. Essa guria é doida só pode. (=
    A Clara parece estar melhor.
    onandoffoficial.blogspot.com

    ResponderExcluir
  7. Adorei *w*
    .Sucesso com seu blog amore ;)

    bejinhos!

    "mdelicada.blogspot.com.br"

    ResponderExcluir
  8. Amei *u*
    Megan você poderia me passar o link do seu ASK?
    Preciso falar com você!
    Beijos *u*

    ResponderExcluir
  9. Amei *-*
    E teu blog é muito perfeito , vlh :)
    Seguindo, segue de volta ?
    http://mundinhodamodaonline.blogspot.com.br/

    Sucesso, beijos

    ResponderExcluir
  10. hahah gostei (podia ter tipo uma foto de exemplo do blockquote) eu to evitando coisas hover e coloridas assim ahah mas eu gostei quando eu fizer de novo usarei :D


    -->inocentementeingenua.blogspot.com.br

    ResponderExcluir
    Respostas
    1. não tirei print do blockquote, coloquei uma visualização on line mesmo para ver o hover melhor :)

      Excluir
  11. O Vinicius é muito bom nos materiais, eu, pelo menos, gostei muito *^* Eu também estou orando pela Kaorii, mas ultimamente eu fiquei um pouco chateada, com uns acontecimentos. Estão me acusando de ter xingado ela, e tals. Não foi muito agradável as coisas que me disseram. Enfim, espero que era melhore. Eu acho ótimo livros clássicos, apesar de não conseguir ler direito por alergia, auehaueh' Mas são bons sim, xD E no Halloween, eu gosto de ler Edgar Allan Poe, *u* Eu adorei os blockquotes, os efeitos tem um ar moderno, *U*

    ResponderExcluir
  12. MEO DEOS, AMEI APAIXONEI PELO BLOCKQUOTE SÉRIO, NOSSA CARA. Ah, e sobre essa menina, ela não tem direito de sair por ai falando sem saber, eu em. Posta a resenha do livro que você tá lendo, fiquei curiosa.

    Foto que tirei hoje depois da minha noite selvagem com o Justin,desculpe ter te deixado cansado amor...

    ResponderExcluir
    Respostas
    1. aham, postarei sim, estou lendo-o mt bom :) e vdd, e pior que já disse ais de trezentas bilhões de vezes que não comento em anônimo, a única vez que comentei anônimo foi auqi no A.N quando estava com preguiça de logar kk'

      Excluir
  13. A situação da Kaorii está mesmo complicada :/ quanto ao Vinícius, ele é um ótimo blogueiro *O* Eu adorei os blockquotes, ficaram lindos ^3^ ah, e não ligue para estas acusações de plágio :)

    Pequenos Infinitos {}

    ResponderExcluir
    Respostas
    1. vdd, vlw, ela está me acusando de xingar ela :s só que o comentário está em anônimo, como ela "sabe" que sou "eu"? :c

      Excluir
  14. Que perfeito,vou usar com créditos :33 Super útil pra mim neste momento hehe'

    Bjs,http://loveforhtml.blogspot.com.br/ (VISITA??)

    ResponderExcluir
  15. Nha, muito lindo!1! E super útil :3
    E uma observação, seu blog é muito perfeito <3

    http://naikors.blogspot.com.br/
    ~Kiss

    ResponderExcluir
  16. Cara, manda essa girl ir catar coquinho na esquina u__u ashusahua
    Esse livro parece ser ótimo, já ouvi falar dele u__u Novo layout? Não mude não rhum, esse está perfeito, até hoje babo por ele >3<
    Amei os blockquotes, perfeitos, lindos e maravilhosos :3
    Kiss
    With You

    ResponderExcluir
    Respostas
    1. kkk ia fazer uma nova versão desse layout aqui só que preto para combinar com o halloween, mas acho que nem vou ter tempo #--#

      Excluir
  17. Gostei deles! Vou usar no proximo lay do CC .
    Ola , sou o Carlos do antigo We Moustache. Ficarei agradecido desde já se você der uma visitar la no blog.
    Abração ,Carlos Carvalho
    http://carlosjcarvalho.blogspot.com.br/

    ResponderExcluir
  18. Vlw amor, eu adorei os blockquotes!! São diferentes e lindos, mas eu usei o 2. http://pequenomundodosblogs.blogspot.com/

    ResponderExcluir