13/08/2015

25. Maratona CSS: Imagem ao lado do título das postagens

||

Yooo, demorei mais cheguei e como vão vocês meus lindos bunnies? Depois de muito tempo só agora vim perceber que nunca trouxe esse tutorial para o BC rs o que é engraçado porque uso ele bastante e nunca notei isso. Esse tutorial e bem rápido, simples e pratico e dependendo da imagem, icone ou gif que colocar ficara muito lindo. Não aconselho imagens grandes ou pesadas, sempre de uma conferida no px da imagem antes de enviar. Espero que gostem do tuto.

 Vá até seu HTML e procure por ]]></b:skin>, acima dele adicione:
.post h3 {
background:transparent url("URL da IMAGEM") no-repeat left top;
margin:.25em 0 0;
padding:10px 0 8px 50px;
font-size:140%;
line-height:1.4em;
color:$titlecolor;
}

Altere a parte em vermelho pela url da imagem que deseja que apareça, salve e prontinho!

12 comentários:

  1. Olá Bunny (posso tratar-te por tu??Podes me tratar por Pat!)!!
    Houve uma altura em que eu usava um gif no titulo dos posts, mas deixei-me disso!!
    Ótimo tutorial bem simples mas util!!
    Agradeço imenso por me aceitares como afiliada, já te coloquei na minha elite, está no 12° avatar a contar da esquerda para a direita (azul, Castiel)!
    Beijoos♡
    bwblackwords.blogspot.com

    ResponderExcluir
    Respostas
    1. Hihi okay! Eu também usava muito uma epoca, mas gostava de usar pequeninos como uma estrelinha cosas assim.
      Que isso linda! Eu que agradeço viu? Amei seu blog.

      Excluir
  2. já conhecia o tutorial e usava bastante agora que dei uma paradinha hehe. Nossa wendy o blog ta muito divo adorei mesmo <3 parabéns.

    avidadoguh.blogspot.com.br

    ResponderExcluir
  3. Primeira u-u Adorei o tuto , realmente útil ! <3
    Acabei de criar um blog novo e ainda estou personalizando , mas se quiser dar uma conferida no que eu já fiz >.>
    || http://blackcherrybcy.blogspot.com.br/ ||

    ResponderExcluir
    Respostas
    1. Claro visito com todo prazer

      Excluir
  4. Meeeeeeeu Deus Gzuis Nosso Sem Oooooooor!!!! to morta, falecida, estatelada e convulsionando feito um peixe fora da água com esse bombardeamento de fotos do Zelo, essa criança grande linda, maravilhosa, apaixonante *o* to vomitando eternos arco- íris shaushau ai que perfeito <3 B.A.P é VIDAAAAA! Gente, assim eu morro!
    Bom, agora vou agir como uma pessoa normal ( coisa que eu não sou hsuashau), mas eu passei mesmo pra dizer um oooiiii grandão kkkk... na verdade não sei se vc ainda se lembra de mim, Wendy xD faz tantos séculos que estou sumida do universo dos blogs, mas só agora consegui colocar internet de volta e minhas visitas voltaram a ser constantes *o*
    Ah! e parabéns por esse theme, tá lindo, perfeito, gostoso, sedutor, maravilhoso, morrível, convulsionante, FATAL! kkkk ai meu Deus, é o Zelo, é B.A.P ç.ç Jesus me leva! Aí deixa eu ir indo se não vo ficar surtando eternamente aqui... tá tudo lindo aqui *3*

    Beijinhoos!

    senhoritabru.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Hihihi tudo bem eu entendo de sua reação (também fico assim quando abro o blog). Lembro sim! Nunca esqueço de um leitor, por mais tempo que leve. HIhi obrigada

      Excluir
  5. Confesso q já havia visto o tuto, mas este está bem mais explicado ^^

    Kissus |http://c-omebackhome.blogspot.com/

    ResponderExcluir
    Respostas
    1. Obrigada *---*
      amei o avatar viu?

      Excluir
  6. Anônimo29/8/15

    nooooooooooooooossa tutorial, quanto tempo não vejo coisas de HTML XD saudades blog :( Wendy-chaaan lembra de mim? A Belly veio aquie :3 Vim achar uns pack de fontes aqui, preciso fazer um trabalho e eu quero uma fonte unica, quem melhor que a Wendy pra bom gosto u3u e eu digo isso até mesmo pro layout! Ta tão cuteee ><
    Nhaaa Wendy eu tava com tanta saudade TvT eu queria que você tivesse escrito mais coisa, queria ler mais da vida dosotro e.e ahuhuahua beeeeeeem acho que vou-me indo,tenho brigadeiro morra de inveja MUAHAHHAHAH, bjooim >33< Tentarei te visitar em breve <3
    ~Belly

    ResponderExcluir
    Respostas
    1. Onw Belly que saudades... puxa muita saudades mesmo. Obrigada espero que tenha ficado lindo o seu trabalho viu? Sempre aguardarei sua visita. Onw euq uero brigadeiro \o/

      Excluir