Colocando ícones nos links com CSS

Postado por: Pedro Rogério em

Com essa simples técnica você pode identificar cada link com seu respectivo ícone, dando maiores informações aos visitantes do seu site sobre o que ele poderá encontar aos clicar nos seus links. Funciona praticamente em todos os browsers, menos no IE 6, já quem usa o IE 7 pode ficar feliz por que também funciona.

Iconize Links

<update>Pra quem não quiser ir até o site e baixar o arquivo, pode estar baixando diretamente por aqui. Seu funcionamento é simples, é só enviar as imagens para o servidor, abrir o arquivo css que está no zip, copiá-lo e mesclar com o seu, está pronto. Se alguém tiver mais algum problema é só entrar em contato.</update>

<update 2>Veja uma outra solução aqui também.</update 2>

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

Sobre Pedro Rogério

Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.

6 Responses to “Colocando ícones nos links com CSS”

  1. Alberto

    Posta ai o código que os cara fizeram!!!
    Trabalho em uma empresa com rede fechada e tenho acesso somente a alguns sites… O seu está entre eles…. Mas não posso ficar solicitando acesso a todos os links que você posta….
    Se puder me ajudar……Agradeço…
    Forte abraço

  2. Alberto,

    Deixei agora de uma forma mais acessível, só não posto o código aqui pois ele depende das imagens que estão em anexo no arquivo zip. Obrigado.

  3. Excelente dica, vou usá-la, no meu Blog.

  4. Opa. Bom script.
    Mas seria bom mostrar pragente qual é o truque usado :)

    Té mais brodi.

  5. Alberto

    Muito obrigado Pedro…
    Você é muito massa…
    Sempre se preocupando com seus leitores. Diferentemente de outros blogs, cujo o administrador muitas vezes nem lê os comentários!!!
    Muito obrigado mesmo… Agora ficou bem mais acessível!!!
    Valeu mesmo…

    Micox, o truque que eles usaram foi aquele seletor inteligente…

    Abraço a todos.

Leave a Reply