Image Map

11 julho 2013

Tutorial: Como colocar faixinha na sidebar

http://3.bp.blogspot.com/-0lIGrmOAhRg/US-zfrzpWlI/AAAAAAAAGxg/GaBzGjYUDww/s1600/forumpostnew21.PNG
Olá, leitores do meu coração ≧◉◡◉≦

Eu to super animada fazendo este post, mas animada ouvindo uma música que me faz quase chorar... Enfim, enquanto eu frito o bife da janta (que está no fogo u_u) eu vou ensinar a vocês uma coisa super facil, é o tutorial de como colocar faixinha na sidebar.

Eu ja usei esse tutorial varias vezes, e tenho certeza que um dia na vida de vocês que fazem layout, irão precisar deste codigo (◡‿◡). Clique aqui em baixo em leia mais para aprender :3

>> Design
>> Editar HTML
>> Dê Ctrl + F ou F3
>> Procure por:  .footer-inner .widget h2,
 
O código estará mais ou menos assim:
.sidebar .widget h2 {
padding-bottom: .5em;
}
Então, o apague por completo & substitua por:
.footer-inner .widget h2,
.sidebar .widget h2 {
padding-bottom: 1.1em;
background:url(' URL DA IMAGEM ')no-repeat;
margin-left:-20px;
text-align:center;
}
 
Na parte onde está ' Url da Imagem ' substitua pelo link da sua faixinha. Pronto, facil né? Comentem :3

5 comentários:

  1. Gostei demais,voce ganhou uma vaga no Friends
    no meu novo blog de tutos e por favor pode colocar meu novo blog
    eu adoraria se vc visitasse
    Link: http://diamonds-html.blogspot.com/
    eu ficaria mais feliz ainda se vc seguisse

    ResponderExcluir
  2. olá!!! muito obrigado pelo tutorial, estava mesmo procurando e precisando.... ^.^
    ameei seu blog, coloquei os créditos!!!
    meu blog ainda é novo, mas se puder fazer uma visitinha, fica à sua vontade
    bjãao ^3^
    http://candy-strawberry.blogspot.com.br/

    ResponderExcluir
  3. Obrigada pelo tuto *-* me ajudou bastante! beeeijos,

    destinylotus.blogspot.com

    ResponderExcluir
  4. Adorei o tutorial, sou nova aqui, amei o blog!!

    http://tamiresstival.blogspot.com.br/

    ResponderExcluir

|