Menu flutuante - Dica
Depois de algumas horas consegui modificar o menu de que desce ao da rolar página. O modelo antigo era esse ao lado (img 1), agora é esse ao lado (img 2). Para obter o menu, copie o código abaixo e cole no HTML do seu blog, exatamente acima da tag </body>.<style type='text/css'>
<!--
#mininavbar
{
display:scroll;
position:fixed;
bottom:1px;
right:1px;
z-index:99;
}
#mininavbar a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mininavbar img
{
border:0;
}
#mininavbar a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
-->
</style>
<script language='JavaScript'>
function cima() {
window.scrollBy(0,20); // velocidade para cima
scrolldelay = setTimeout('cima()',100); // tempo da rolagem
}
function baixo() {
window.scrollBy(0,-20); // velocidade para baixo
scrolldelay = setTimeout('baixo()',100); // tempo da rolagem
}
function stopScroll() {
clearTimeout(scrolldelay); // para o rolar ao tirar o cursor do link
}
</script>
<div id='mininavbar'><a href='#' onClick='window.location.reload()' title='Atualizar página'><img src='http://soulouko.googlepages.com/refresh.png'/></a><a href='SEU-BLOG' title='Página principal'><img src='http://soulouko.googlepages.com/house.png'/></a><a href='http://feeds.feedburner.com/SEU-ID' title='Feed'><img src='http://i32.tinypic.com/jfc6bn.png'/></a><a href='URL DA SUA COMU' title='Orkut'><img src='http://i32.tinypic.com/2cddds4.gif' width="16px" height="16px" /></a><a href='' onmouseout='stopScroll()' onmouseover='baixo()' title='Ir para o topo da página'><img src='http://soulouko.googlepages.com/topopg.png'/></a><a href='' onmouseout='stopScroll()' onmouseover='cima()' title='Ir para o final da página'><img src='http://soulouko.googlepages.com/down.png'/></a></div>
<a name='finalpg'/>
Em SEU-BLOG escreva a url do seu blog, em SEU-ID escrava a sua ID do Feedburner, em URL DA SUA COMU coloque o endereço da sua comunidade no Orkut.
Créditos: Blog do Lenon
