♦ Tutorial ~ Blockquote Borderr

Hey Rilakkumas
  Estou ficando mega viciado nas músicas da Marina & The Diamonds, são ótimas de se ouvir e são do estilo que eu gosto bastante, minha favorita é a Champain (tem meu nome na letra, rsrsrs).
  Pois bem, vim postar um blockquote que foi ideia da Marina do Ler, imaginas e criar (coincidência os nomes). O exemplo é esse de baixo, é super basicão e simples de colocar no blog, além de ser super editável.
 Então vamos lá aprender.

No seu painel vá em:

Layout >> Adicionar um Gadget >> HTML/JavaScript
E cole esse código

<style>
blockquote {
background: #a203ff; /* Cor do fundo */text-align: center;
font-size: 14px; /* Tamanho da fonte */color: #fff; /* Cor da fonte */
padding: 4px;
-moz-border-radius: 30px 10px / 10px 30px;
border-radius: 30px 10px / 10px 30px;
-webkit-transition-duration: .90s; /* Duração do Efeito */box-shadow: inset 0 0 3px #aaa, 0 0 5px #606060;  /* Cor da sombra */}
blockquote:hover {
background: #00E1FF; /* Cor do fundo ao passar mouse */text-align: center;/
padding: 4px;
-moz-border-radius: 10px 30px / 30px 10px;
border-radius: 10px 30px / 30px 10px;
-webkit-transition-duration: .90s; /* Duração do Efeito */box-shadow: inset 0 0 3px #aaa, 0 0 5px #606060; /* Cor da Sombra */}
</style>
Edite apenas o que se pede, por favor não mecha no que não sabe. 
Aqui tem uma super tabela de cores para você usar.
Edite ao seu gosto e salve, aparecerá automaticamente quando você usa o BLOCKQUOTE

Para usar o Blockquote, você seleciona e texto e aperta nesse botão.

Bye bye

5 comentários:

  1. nossa o blog ficou lindo tem uma tag pra você no meu blog
    http://dreams-of-niah.blogspot.com.br/2013/01/minha-nova-teg.html

    ResponderExcluir
  2. Fica bem legal, talvez use no meu próximo layout o3o
    #May-Sun

    layrakauana.blogspot.com

    ResponderExcluir
  3. Ainda bem que você fez o tuto, eu não ia conseguir fazer o/
    Adorei!

    Cheguei a ouvir Marina & The Diamonds algumas vezes, mas não gostei muito não. Vou ver se ouço essa música, quem sabe gosto ^-^

    ResponderExcluir
  4. Adorando suas dicas!Alem do mais,eu estou aprendendo html,9 anos não é para qualquer um aprender html!Adorando suas dicas,e tutus!! bjus

    ResponderExcluir
  5. Nossa! VLw pelo tutorial, sempre quis sabem como fazer isso!

    ResponderExcluir