User Style Sheets e rel="nofollow"

Terça-feira, 11 de Setembro de 2007 às 14h19m

As user style sheets, ou folhas de estilo do utilizador, são ficheiros .css que o utilizador aplica ao seu browser para que determinados aspectos dos websites, ou apenas determinado website, sejam apresentados de acordo com o seu gosto e/ou necessidade. Têm especial interesse para pessoas com problemas de visão, pois permitem-lhes aumentar o tamanho do texto, criar maior contraste nas cores, entre outros.

Ontem andei a investigar o atributo rel="nofollow" que a Google criou em 2005 para, supostamente, reduzir o SPAM dos blogs, e criei uma folha de estilos que me atribuísse um contorno a todos os links com o nofollow. Eu sei que há plugins do Firefox que assinalam estes links, mas queria manter a coisa simples. O problema foi pôr a CSS a funcionar no browser. :\

Acabei por instalar um plugin que insere folhas de estilos. :P Na CSS incluí também o contorno para o external porque estou a remodelar estes atributos no blog. O código é este:

  1. a[rel*=external] {border:1px dotted #666 !important;}
  2. a[rel*=nofollow] {border:1px dotted #f00 !important;}

Aprendi esta técnica no blog do Alix, e pode ser adaptada para imensos fins. O que este código faz é procurar determinada palavra (external e nofollow) no atributo (rel) de uma tag (a), seja qual for a posição da palavra (*). O WordPress aplica estes atributos por defeito em todos os links submetidos pelos utilizadores que não sejam o(s) autor(es). Quando decidir definitivamente o que vou fazer quanto ao rel="nofollow" do blog, escreverei sobre isso.

Mais informação sobre user style sheets em About.com e My Stylesheet. E já agora, alguém me ensine como inseri-las no Firefox manualmente sem plugins. ^^”

Partilhar

Outros posts que poderão interessar:

3 Comentários

  1. ola Catarina, estava a procura de uma explicação para o que é “nofolow” e vim dar aqui.

    O que eu gostaria que me ajudasse porque recebi este e-mail:

    …bla bla bla… Great first post! Several errors though. First, is that the advertiser has requested Links must be direct (no tracking code or “nofollow”), when looking thogh your code, I discovered a NOFOLLOW.

    como faço para encontrar este cod e retira-lo?

    Obrigado desde já, e aviso já que ganhou 1 leitor mesmo que não tenha resposta ;)

  2. NOFOLLOW é uma tag criada pelo Google que atribuis a um link através do atributo “rel” para não dar crédito no page-rank à página mencionada nem retirar crédito à página que o menciona.

  3. @Dav7: peço desculpa pela demora; veja o seu email :)

Comentar?

(necessário)

(não será divulgado) (necessário)

Tags de XHTML permitidas: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote> <code> <em> <strike> <strong>

Caracteres especiais precisam de ser codificados. (ex.: < &lt; , > &gt;)

Fechar
E-mail It