Personalizar Marcadores (ícone)

Oiiii meus xuxus  no post anterior eu mostrei como dividir os marcadores e hoje vou ensinar a personalizar o ícone, aquele  que muita gente acha feio que fica em frente a tag    vou mostrar como retirar aquele "pontinho" como mudar o estilo e como colocar gif  a La-chan que pediu então eis o tuto xuxu..acho que foi isso que ela pediu (foi o que entendi rsrs)

Vá em Design    Editar HTML    Ctrl F e procure por: ]]></b:skin>
ao encontrar cole esse código acima dessa tag
.sidebar ul li {

list-style: none

vertical-align: top;
padding: 2;
margin-left: 5px; 
}
"none" significa retirar o ícone das tags, ficara sem nada na frente..
mais pode ser personalizada

 Coloque o estilo que quiser no lugar do none..basta substituir pelo nome que esta abaixo de cada imagem

 disc url(link da imagem)
square
circle

Mini Gifs Para adicionar linha pontilhada abaixo do link das tags adicione o código antes de fechar a chave }

border-bottom : 1px dashed #000
Tabela de Cores Aqui
Mini Gifs Se você utiliza o código do post anterior é só colar abaixo :)
Fica assim óh:
#Label1 ul li{

float: left;

width: 45%;
}
.sidebar ul li {
list-style: none;
vertical-align: top;
padding: 2; 
margin-left: 5px; 
}

Visualize se tiver certinho Salve Mini Gifs  (se repassar credite)

27 comentários:

  1. Onwwt *----* Valeu aí la-chan \o/ auhsauhs' Amei, amei o tutu ;D Bezões Luuh
    Rawr~> teenstyle.com

    ResponderExcluir
  2. Bem legal esse post, esse efeito pode ser usado até em outros Gadgets...
    Obrigado por ter atendido meu pedido, e também pelo elogio. Na hora que você entrou no blog eu estava arrumando ele, estava bem estranho, agora eu estou quase acabando.
    Abç

    adraftbox.blogspot.com

    ResponderExcluir
  3. Fica lindo *-*
    Vou ver se faço no meu blog quando eu tiver tempo ^^
    Adorei o post!
    Beijoos
    harajukucriativa.blogspot.com

    ResponderExcluir
  4. Oiie!!
    Adoreii seu blog! Parabénss *--*
    Seguindo viu?! Se puder, passa lá no blog ook?
    Beijos

    http://lauratafnerblog.blogspot.com

    ResponderExcluir
  5. Fico muito fofo com os icones, qualquer dia eu uso assim qdo fizer um lay fofinho :)

    bjãoo

    ResponderExcluir
  6. Amei o tuto õ/
    Fica beem cute ..<
    Beijos,Duda
    #Nhác -->Plushbomb.tk

    ResponderExcluir
  7. Eu queria botar apenas linhas divisórias pontilhadas.. Como eu faço? Bezões Luuh
    Rawr Girl ~> teenstyle.com

    ResponderExcluir
    Respostas
    1. é so colocar none na parte list-style: e inserir border-bottom : 1px dashed #000; antes de fechar a chave ^-^

      Excluir
  8. Ameei, tava procurando esse tutorial !! *-*
    Fica de mais ! =D
    Kissus ~
    www.Mikicandy.tk

    ResponderExcluir
  9. Finalmente hein minha divaah <3 já tava com saudades de suas postagens ! desculpa comentar tarde fui a escola hj e eu tenho 2 trabalgos para fazer ( que ja fiz ) bjuuh!
    Comenta lá no blogg !
    The-World-Cute.blogspot.com

    ResponderExcluir
    Respostas
    1. rsrs bah to trabalhando direto T.T chego cansadona em casa por isso não posto td dia mais ^-^

      Excluir
  10. interessante. rs. '
    tuto bacana, bacana (:
    bjos :*
    http://mini-fofoquinhas.blogspot.com/

    ResponderExcluir
  11. Oie Kaakaah ;3
    Desafio pra vsê , tchãn tchãn *_*
    http://bvii.blogspot.com.br/2012/04/meme-das-11-coisas.html

    Kissus (^-^) ~<3

    ResponderExcluir
  12. Oi,amei seu Tutor!Poderia fazer um tutor de como colocar esses círculos em volta da foto do people,que comentou?

    ResponderExcluir
    Respostas
    1. Xuxu esse modelo dos coments que uso é lá do candylland.net..tem vários modelos lá :)

      Excluir
  13. Adorei! Estava procurando esse tutorial pro meu próximo layout! Linod seu blog, e super criativo o nome.

    Layla
    www.blogsaiudoforno.blogspot.com
    >>Depois aparece lá pra tomar sorvete arco-íris!

    ResponderExcluir
  14. Aww esse tuto super fácil me ajudou bastante! Adorei seu blog<3 cute D+ Parabéns :3
    Bjinhux.

    ~~ http://thescreamofhumanoid.blogspot.com

    ResponderExcluir