Sem sugestões e tendo recebido esta semana o Cartão Nacional de Dador de Sangue, pouco tempo depois da primeira dádiva, (e há gente que espera anos!) pareceu-me apropriado mudar o selo do canto direito para um apelo à dádiva de sangue, com link para o Instituto Português de Sangue. A imagem é duma das campanhas recentes (espero que ninguém se incomode com a utilização) e, para quem quiser associar-se, basta seguir um das instruções simples:
Versão 1:
selo fixo no canto superior direito da janela do browser, funciona em browsers modernos e inteligentes (exclui IE 5 e 6)
copiar e colar a seguir a <body>
<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.ipsangue.org/" target="_blank" title="Dê Sangue! Seja herói por uma vida. Participe nas campanhas do Instituto Português do Sangue"><img
src="http://joaomartins.entropiadesign.org/wp-content/uploads/selos/apoio_ipsangue.gif"
width="100" height="100" border="0" alt="Dê Sangue! Seja herói por uma vida. Participe nas campanhas do Instituto Português do Sangue
" /></a>
</div>
Versão 2:
selo fixo no canto superior direito da página (desaparece com o scroll), funciona em todos os browsers modernos e mesmo nos pouco inteligentes (inclui IE 5 e 6)
copiar e colar a seguir a <body>
<div id="selo" style="position:absolute; left:100%; top:0px;
height:100px; width:100px; margin:0 -100px -100px -100px; z-index:10000;">
<a href="http://www.ipsangue.org/" target="_blank" title="Dê Sangue! Seja herói por uma vida. Participe nas campanhas do Instituto Português do Sangue
"><img
src="http://joaomartins.entropiadesign.org/wp-content/uploads/selos/apoio_ipsangue.gif"
width="100" height="100" border="0" alt="Dê Sangue! Seja herói por uma vida. Participe nas campanhas do Instituto Português do Sangue
" /></a>
</div>
Versão 3 (a que está em uso neste site):
selo fixo no canto superior da janela do browsers modernos e inteligentes e no canto superior da página nos pouco inteligentes (inclui IE 5 e 6)
copiar e colar a seguir a <body>
<style type=”text/css”>
body>div.selo {position: fixed;}
div.selo{
margin: 0 -100px -100px -100px;
text-align: right;
position: absolute;
top: 0px;
left: 100%;
width: 100px;
right: 100px;
z-index:1000;
}
</style>
<div class="selo">
<a href="http://www.ipsangue.org/" target="_blank" title="Dê Sangue! Seja herói por uma vida. Participe nas campanhas do Instituto Português do Sangue
"><img
src="http://joaomartins.entropiadesign.org/wp-content/uploads/selos/apoio_ipsangue.gif"
width="100" height="100" border="0" alt="Dê Sangue! Seja herói por uma vida. Participe nas campanhas do Instituto Português do Sangue
" /></a>
</div>
Aceitam-se correcções e sugestões. O selo anterior, de apoio à Associação Portuguesa de Deficientes, continua disponível e pode ser usado, como indicado aqui.