quinta-feira, 1 de março de 2012

Fixar imagem no canto da tela

1. Vá até “Layout” e abra a aba “Editar HTML” e marque “Expandir modelos de widgets”.

2. procure pela seguinte linha: ]]></b:skin>

3. Logo Acima dessa linha cole o seguinte código:

#float_corner {
position:fixed;_position:absolute;bottom:0px;left:0px;clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}

4. O destaque em vermelho é a posição com relação à tela, que pode ser: “left”, “right”, “top”, “buttom”.

5. Agora encontre a linha “<body>” e cole abaixo dela:

 <div id="float_corner">
 Oque quer que flutue
 </div>


Entre essas duas linhas de código, coloque o q vc quiser q flutue na tela. Pode ser uma imagem, um menu, um link ou até publicidades – como já dissemos antes. Cabe a sua criatividade.

6. Salve e veja o resultado.

Faça vários teste e veja como fica.

Nenhum comentário:

Postar um comentário