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(&#39;cima()&#39;,100); // tempo da rolagem
    }

    function baixo() {
    window.scrollBy(0,-20); // velocidade para baixo
    scrolldelay = setTimeout(&#39;baixo()&#39;,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
4 comentários

Postagens mais visitadas