Ir para conteúdo / Skip to content

MOSTRANDO O IDIOMA DOS SEUS LINKS

Postado em: 1 de julho de 2006 por Pedro Rogério

Se você quiser mostrar em seus links os idiomas dos mesmos, existe um método muito simples, que usa a propriedade :after do CSS, seus links teriam a seguinte aparência: Aqui o link [pt-br].

O método consiste da seguinte forma:


<a href="url-do-link" hreflang="idioma">Texto do link</a>

O idioma será o da página em questão, por exemplo:


<a href="http://www.pinceladasdaweb.com.br" hreflang="pt-br">Pinceladas da Web</a>

O seu CSS fica da seguinte forma:


a[hreflang]:after {
   content: " ["attr(hreflang)"]";
   }

O que ocorre é que essa regra seleciona todo os links que tem o atributo hreflang e mostra para você o idioma dos mesmos. Veja aqui um exemplo dessa propriedade em ação. Ela não funciona no IE.

Se tiver um tempo, leiam também:

Deixe seu comentário

1 comentário para esse post

  1. Felipe Ranieri disse:
    #1

    “Ela não funciona no IE”
    Pra variar né hehehe.

    Bastante interessante essa regrinha.
    Abraços!!

Deixe seu comentário