19 de janeiro de 2013

Blockquote igual o meu.

Eai galeria muita gente me pediu o tuto do meu blockquote, e então resolvi postar o tuto, vamos lá?

Então o tuto é do Camila's Designs. O resultado é esse:
Vá em 'Modelo>Editar Html> Prosseguir ' Dá um 'Ctrl f' e procure por ]]></b:skin>. e ACIMA dele cole esse código:
/* --- Blockquote simples por camilasdesigns e iRicardodesigner --- */ 
.post blockquote { margin:1.6em 10px; padding:5px; background:#EEEEEE; /* cor de fundo, coloque a cor que quiser */ border:1px solid #CDCDCD; /* cor, tipo e espessura da borda */ font:12px 'Courier', sans-serif; /* tamanho e tipo da fonte */ font-weight:normal; line-height:1.6em; text-align:left; overflow:scroll; /* não mexa */ }

Bom não mexa em 'nada' e se você tiver a barra de rolagem personalizada ele vai ficar igual a barra então é melhor nem ter para não tirar o efeito dele. Espero que tenham gostado até a próxima.

4 comentários:

  1. Esse blockquote fica muito bom em qualquer layout,eu usaria com preto e verde...

    Bad&Black Apples

    ResponderExcluir
  2. Muito bom, adorei o tutorial !
    voltei com o blog, estava sem tempo para posta ai desativei um pouco rs, mais já voltei, e tem um post novo lá falando o que será as novidades do blog, da uma passadinha lá, ficareei muito feliiz !
    Beijos, Liiah ;*
    SenhoritaAmbulante.blogspot.com

    ResponderExcluir
  3. Estou pensando em colocar um blockquote assim no próximo layout (: Gostei bastante do tutorial. Aceita afiliado?}

    aperta-o-start.(blogspot.com)

    ResponderExcluir