Comentários em: Dica CSS: Usando ícones para indicar o tipo do link

Por: Everton Melo

Everton Melo — Tue, 12 Jan 2010 13:38:36 +0000

Caso queira fazer em uma URL específica usando “class”:

a[class =”nomeDaClasse”] {
padding-right: 20px;
background: transparent url(icon_class.gif) no-repeat center right;
}

Mauro George — Wed, 18 Nov 2009 19:16:32 +0000

Vale ressaltar que são seletores CSS 3, e se em seu projeto tiver que ter compatibilidade com o I.E 6 infelizmente não funcionara.

Thiago Bettanzos — Wed, 30 Sep 2009 04:13:00 +0000

descobri como fazê-lo nesse site:

Abraços

Thiago Bettanzos — Wed, 30 Sep 2009 04:01:22 +0000

Opa, e se eu quiser que isso funcione apenas em alguns links, será que tem como?
Tipo, eu pensei em fazer isso usando classe, + - assim?

.classe_icone a[href$=’.doc’] { padding:0 20px 0 0; background:transparent url(/imagens/icones/word.gif) no-repeat center right; }

Joares Miranda — Wed, 10 Jun 2009 18:28:49 +0000

Não conhecia isso no CSS… show de bola! Parabéns pela dica!

Silvano Vilela — Tue, 09 Jun 2009 03:41:14 +0000

Opa Cayo, aplicação incluída e ativada, obrigado pela dica. Abração.