Carta para talvez Ex-melhor amiga

Leia mais

Quem é você Alasca?

Leia mais

Carta para o futuro namorado

Leia mais

Ciumes

Leia mais

Tutorial - Blockquote com Efeito Hover

   Olá meninas, o tutorial de hoje vai deixar o blockquote com efeito hover. Ele vai ficar mais ou  assim:

~ O bloquote ficará assim ~



   Fofo né? Então vamos aprender a fazer!


Tutorial 
1. Vá no seu HTML, aperte o botão F3 e procure por:

]]></b:skin>


2. Acima de ]]></b:skin> cole o seguinte código:
/* Bloquote by Lets Be Happy */blockquote {background: #fafafa; /* Cor do background normal */border-top: 8px solid  #8470ff; /* Grossura, estilo e cor da borda de cima do bloquote */font-family:arial; /* Fonte do Bloquote */padding: 5px;font-size: 13px; /* Tamanho do texto */color: #27408B; /* Cor do texto */text-align: justify;border-top-right-radius: 5px;border-bottom-right-radius: 50px;}blockquote:hover {background: #FFF0F5; /* Cor do background com o mouse por cima */border-top-left-radius: 50px;}/* Fim do Bloquote by Lets Be Happy */


3. Visualize, se estiver tudo certo salve 


7 comentários:

  1. Amei o tutorial! Salvei em favoritos *-*

    http://garotavertigem.blogspot.com.br/

    ResponderExcluir
  2. Nunca tinha visto esse tutorial antes. Achei bem legal o efeito, sem falar que é simples de fazer.

    rosaschiclete.blogspot.com

    ResponderExcluir
  3. Seu blog é uma fofura. *-*

    http://pequenasevidenciasdoamor.blogspot.com.br/

    ResponderExcluir
  4. Oiie,tem um meme para você lá no meu blog.
    Beijos,espero que goste :D
    http://jessica-alves15.blogspot.com.br/

    ResponderExcluir
  5. Adoreeeei o tutorial, acho que vou usar :)

    Beijo
    http://semquerermeintrometer.blogspot.com.br/

    ResponderExcluir
  6. Gostei demais do tuto!
    http://ladyalen.blogspot.com

    ResponderExcluir