• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

9 de janeiro de 2013

Tuto - Blockquote Personalizado

Oi :3

Era para mim ter postado um menu que eu tinha achado bem fofinho lá no Explodido Glitter,mais como não deu tempo de eu ter postado ontem,vou postar para vocês como deixar o blockquote do seu blog igual o do blog acima. Creditos para lá.
Acho que já postei aqui,de como deixar o blockquote personalizado,mais não com efeito hover. Se você quiser deixar o seu com hover,tome bastante aguá e clique em leia mais !
É bem simples,cole o codigo abaixo,acima de ]]></b:skin> :
blockquote {
background-color: #CORDOFUNDO;
padding: 10px;
font-size: 13px;
color: #CORDAFONTE;
text-align: center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
box-shadow: inset 0 0 15px #SOMBRA, 0 0 5px #SOMBRA;
-webkit-transition-duration: .50s;
}
blockquote:hover {
background-color: #CORDOFUNDOHOVER;
padding: 10px;
font-size: 13px;
color: #CORDAFONTEHOVER;
text-align: center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
box-shadow: inset 0 0 15px #SOMBRAHOVER, 0 0 5px#SOMBRAHOVER;
-webkit-transition-duration: .50s;
}

Personalize do seu jeito e pronto *u*

17 comentários:

  1. Gostei do tutorial.Deve ficar lindo o resultado.
    Beijos >.< Good Lollipop

    ResponderExcluir
  2. OW ótimo o tutorial acho que vai ficar perfeito! Amor vc aceita afiliação?
    Beijoos
    (cHERRY Land)

    ResponderExcluir
    Respostas
    1. Fica uma perfeição *u*
      Isso é com a dona,pode falar com ela na c-box :*

      Excluir
  3. Bem,eu não uso blockquote,mas deve ficar super fofo
    Clica no meu nome e vai no meu perfil,bjs e bom final de semana.Deus te abençoe.

    ResponderExcluir
  4. Adorei o tutorial,é bem fácil.

    Beijos
    AR

    ResponderExcluir
  5. Adoro blockquotes personalizados, esse tutorial é bem legal :)
    #Beijos, bruna.
    http://garotaadalua.blogspot.com.br/

    ResponderExcluir
  6. Adorei é sempre difícil achar bloquotes, e esse é bem lindo ^^

    jovenclube(.blogspot.com.br)

    ResponderExcluir
  7. É muito difícil mesmo de achar blockquotes lindos como este, amei o tuto, linda :3

    Explodindo Glitter

    ResponderExcluir
  8. Adorei o tuto, com certeza o resultado fica lindo :D
    bjinhos
    conversando-com-a-lua.blogspot.com.br

    ResponderExcluir
  9. Amei o post e o blog
    to seguindo!
    segue de volta prvf?? E me ajude na meta de 100 seguidores...




    by: http:\\bnc-blogpopular.blogspot.com

    ResponderExcluir
  10. Adorei o tuto tentarei usá-lo. Bj

    http://utopianongrata.blogspot.com.br/

    ResponderExcluir
  11. Obrigado, está me ajudando muito!

    wesleyferreirabr.blogspot.com

    ResponderExcluir