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>.