12 de fevereiro de 2013

Tutorial - Colocando Blockquote

                   Oi Oi .. Tudo bem?
Eu estava com saudades ... Hoje eu trouxe um tutorial bem fácil ensinando a colocar o blockquoete igual ao do blog Pequena Garota, Então? Vamos lá?
Colocando Blockquoete igual ao do Pequena Garota

Aperte Ctrl + F (Abra sua caixinha de Busca) e pesquise por:
]]></b:skin>

Acima da Tag procurada cole isto:

.post blockquote {
background: #f5f5f5; /* fundo */
font-family: calibri;
font-size: 11px; /*-tamanho da fonte-*/
padding: 3px; /* acolchoamento */
border-left: 3px solid #00bfff; /* espessura, tipo e cor da borda esquerda */
border-right: 3px solid #00bfff; /* espessura, tipo e cor da borda direita */
transition-duration: 1s; /* transição */
-moz-transition-duration: 1s;  /* transição */
-webkit-transition-duration: 1s;  /* transição */
}
.post blockquote:hover { /* quando o mouse passa por cima */
font-size: 11px; /*-tamanho da fonte-*/
border-left: 5px solid #ff69b4; /* espessura, tipo e cor da borda esquerda */
border-right: 5px solid #ff69b4;  /* espessura, tipo e cor da borda direita */

}


Eu espero que tenham gostado do tutorial...
BeeeiiJuuh


6 comentários:

  1. Respostas
    1. Parece ser meio complicado mesmo,mas não é não .. rsrs'

      Excluir
  2. Oi , você já terminou o layout do blog ?

    ResponderExcluir
    Respostas
    1. Invadindo sua area Julia rs, aqui Heloh, eu respondi no seu blog!

      Excluir
  3. Eu fiz esse tutorial no meu blog, ficou lindo, mas depois eu modifiquei. Até que é bem fácil. Comenta lá nas postagens? Obrigada. babinspira.blogspot.com

    ResponderExcluir

1 - Leia o post primeiro, por favor;
2 - O comentário será aprovado, depois publicado;
3 - Trate todos bem, para receber o mesmo em troca;
4 - Deixe o URL do seu site;
5 - Aceito criticas, sugestões..