Blockquote com imagem



Sabiam que em um blog de tutoriais uma das coisas que mais faz a diferença é o blockquote? algumas pessoas não o usam, mais eu uso praticamente sempre. Então isso é uma coisa que não pode faltar. E vou mostrar como fazer um parecido com esse!

 Para fazer esse blockquote copie o seguinte código:
blockquote {width: 100%; color: #B5B5B5; text-align: left; padding-top: 2px; padding-left: 30px; padding-right: 2px; padding-bottom: 2px; background: transparent url('http://i50.tinypic.com/f4of9k.png'); background-repeat: repeat-y; }
Se preocupe em mudar o Link Da Imagem e algumas cores, o 30px só mude se o texto ficar em cima da imagem. Depois cole o seguinte código acima de ]]></b:skin>. Visualize para ver se deu tudo certo, e salve. O código acima é o mesmo da imagem, você pode usar esse mesmo sem fazer alterações. Espero que tenham gostado, beijos!
Créditos: Magic html

1 leitores soltaram o verbo:

  1. ACho mesmo ,essa sitação serve para muita coisa em um blog ainda mais pra destacar nê ? ´´otimo tuto

    Soraya te seguiiindo *-*
    ♥__♥SMILERETRO.BLOGSPOT.COM

    ResponderExcluir

Leia, é importante!

- Todos os comentários serão lidos e quando possível, respondidos;
- Comentários com apenas "Oi, segue o meu blog?" não serão publicados;
- No final do comentário deixe o link do seu site ou blog para que eu possa retribuir a visita;
- Encomendas e pedidos deverão ser feitos na Ask (menu).

Obrigada por comentar e volte sempre!