Ser solidário

Este blog apoia a Associação Portuguesa de Deficientes Um amigo pediu-me uma ajuda para poder pôr no blog dele uma espécie de selo a afirmar o seu apoio à Associação Portuguesa de Deficientes.

É sempre bom saber que algumas das minhas habilidades podem ser úteis.

O “selo”, cá está, disponível para ele e para quem mais o quiser usar.

Para usarem o selo no canto superior direito dos vossos blogs ou sites (como tenho no meu, agora), só precisam de adicionar este bocado de código aos vossos sites/templates:

<div id="selo" style="position:fixed; left:100%; top:0px; height:100px; width:100px; margin:0 -100px -100px -100px; z-index:10000;">
<a href="http://www.apd.org.pt/" target="_blank" title="Este blog apoia a Associação Portuguesa de Deficientes">
<img src="http://joaomartins.entropiadesign.org/wp-content/uploads/selos/apoio_apd.gif" width="100" height="100" border="0" alt="Este blog apoia a Associação Portuguesa de Deficientes" /></a>
</div>

A ideia e o código (pouco original, simples, acessível e standard) pode ser reciclada para outras entidades e causas.
Se tiverem sugestões ou precisarem de apoio para implementar variações, a caixa de comentários está aqui para isso.

Uma variação óbvia é usar position:absolute; em vez de position:relative; e assim o “selo” fica preso no topo do site em vez de ficar preso no canto da janela do browser. Com essa variação, o código tem que ser colocado no início da página, a seguir a <body>.

1 pensamento em “Ser solidário

  1. Pingback: Ser solidário (update) at diário de bordo

Deixar uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Pode usar estas etiquetas HTML e atributos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>