menu rolante

">

Menu Flutuante com jQuery

Exemplo de menu flutuante simples

Este efeito só será visível quando houver barra de rolagem. Quando utlizarem a rolagem para navegação, o menu irá acompanhar a área vísivel.

• página 2
• página 3
• página 4
• página 5
• página 6
• página 7
• página 8
• página 9
• página 10
• blog

menu rolante



Myspace Backgrounds

COLOQUE AQUI O TEXTO

COLOQUE AQUI O TEXTO

<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent url( COLOQUE AQUI O ENDEREÇO DA IMAGEM ) repeat scroll center bottom; height: 480px; overflow: auto; padding: 3px; position: relative;"><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <marquee direction="up"> </marquee><br /> <h1><br /> <br /> <br /> COLOQUE AQUI O TEXTO<br /> <br /> </h1><h1><br /> <br /> COLOQUE AQUI O TEXTO<br /> <br /> </h1></div>

Vamos Construir

COLOQUE AQUI O TEXTO

<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: url( COLOQUE AQUI O ENDEREÇO DA IMAGEM ) repeat scroll center bottom; : orangered; height: 480px; overflow: auto; padding: 3px; position: relative;"><br /> <marquee direction="up"> </marquee><h1><br /> <a href="COLOQUE O LINK DA PÁGINA AQUI"> <img src="COLOQUE AQUIO ENDEREÇO DA IMAGEM"> </a><br /> <a href="COLOQUE O LINK DA PÁGINA AQUI"> <img src="COLOQUE AQUIO ENDEREÇO DA IMAGEM"> </a><br /> <a href="COLOQUE O LINK DA PÁGINA AQUI"> <img src="COLOQUE AQUIO ENDEREÇO DA IMAGEM"> </a><br /> <a href="COLOQUE O LINK DA PÁGINA AQUI"> <img src="COLOQUE AQUIO ENDEREÇO DA IMAGEM"> </a><br /> <a href="COLOQUE O LINK DA PÁGINA AQUI"> <img src="COLOQUE AQUIO ENDEREÇO DA IMAGEM"> </a><br /> <a href="COLOQUE O LINK DA PÁGINA AQUI"> <img src="COLOQUE AQUIO ENDEREÇO DA IMAGEM"> </a><br /> <a href="COLOQUE O LINK DA PÁGINA AQUI"> <img src="COLOQUE AQUIO ENDEREÇO DA IMAGEM"> </a><br /> <a href="COLOQUE O LINK DA PÁGINA AQUI"> <img src="COLOQUE AQUIO ENDEREÇO DA IMAGEM"> </a><br /> <a href="COLOQUE O LINK DA PÁGINA AQUI"> <img src="COLOQUE AQUIO ENDEREÇO DA IMAGEM"> </a><br /> <a href="COLOQUE O LINK DA PÁGINA AQUI"> <img src="COLOQUE AQUIO ENDEREÇO DA IMAGEM"> </a><br /> <a href="COLOQUE O LINK DA PÁGINA AQUI"> <img src="COLOQUE AQUIO ENDEREÇO DA IMAGEM"> </a><br /> <a href="COLOQUE O LINK DA PÁGINA AQUI"> <img src="COLOQUE AQUIO ENDEREÇO DA IMAGEM"> </a><br /> <a href="COLOQUE O LINK DA PÁGINA AQUI"> <img src="COLOQUE AQUIO ENDEREÇO DA IMAGEM"> </a><br /> <a href="COLOQUE O LINK DA PÁGINA AQUI"> <img src="COLOQUE AQUIO ENDEREÇO DA IMAGEM"> </a><br /> <a href="COLOQUE O LINK DA PÁGINA AQUI"> <img src="COLOQUE AQUIO ENDEREÇO DA IMAGEM"> </a><br /> <a href="COLOQUE O LINK DA PÁGINA AQUI"> <img src="COLOQUE AQUIO ENDEREÇO DA IMAGEM"> </a><br /> <br /> </h1><h1><br /> <br /> COLOQUE AQUI O TEXTO<br /> <br /> </h1></div>

Aqui vocês só estão vendo a barra de rolagem por que eu coloquei varias linhas em branco.

Só pra mostrar a imagem alinhada center.

Fiz outras mudanças também, tentem ver a diferença entre essa div e os outros quadros com scroll

<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: red url( COLOQUE AQUI OENDEREÇO DA IMGEM ) repeat scroll center center; color: yellow; height: 250px; opacity: 0.9; overflow: auto; padding: 50px; position: relative;"><h1><br /> <br /> <br /> <br /> <br /> <br /> COLOQUE AQUI O TEXTO </h1><h1><br /> <br /> <br /> </h1></div>

PASSE O MOUE E O TEXTO PARA




Aqui você coloca sua
imagem ou texto.
você pode usar
com
borda ou sem borda.





PASSE O MOUE E O TEXTO PARA <br /> <!--Começo ---><br /> <br /> <!--Scripts...http://www.cristinyonline.com.br---><br /> <br /> <center><marquee direction="up" style="Border:#ffffff 1px ridge" onmouseover="this.stop()" width="185" scrollamount="1" onmouseout="this.start()" height="150">Aqui você coloca sua<br /> imagem ou texto.<br /> você pode usar <br /> com <br /> borda ou sem borda.</marquee></center><br /> <br /> <!—Fim -—>

PASSE O MOUSE E A FOTO PARA








com
borda ou sem borda.

alex

Produção de Texto Pacote com 65 Videoaulas por R$39.
www.videoaulasonline.com Produção de Texto Pacote com 65 Videoaulas por R$39.
www.videoaulasonline.com

<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: red url(COLOQUE AQUI O ENDEREÇO DA IMAGEM ) repeat scroll center bottom; color: orangered; height: 480px; overflow: auto; padding: 3px; position: relative;"><br /> <br /> <br /> <br /> <br /> <marquee direction="up"> </marquee><h1><br /> COLOQUE AQUI O TEXTO<br /> <br /> <br /> </h1><h1><br /> COLOQUE AQUI O TEXTO<br /> </h1></div>

Aqui vocês só estão vendo a barra de rolagem por que eu coloquei varias linhas em branco.

Só pra mostrar a imagem alinhada center.

Fiz outras mudanças também, tentem ver a diferença entre essa div e os outros quadros com scroll


Dois bons momentos, entre vários outros, do Jornal Folha de São Paulo de ontem: o artigo do Jânio de Freitas, "O afrouxamento geral", sobre o afrouxamento ético e legal que ocorre no Brasil, e o último parágrafo (o artigo todo é bom) de Josias de Souza, em que afirma:
"Outro assunto: ao misturar metáoras de segunda à revelação de que empurrou para debaixo do tapeta a corrupção da era FHC, Lula consagrou um novo tipo de pronuncimento presidencial. Inaugurou o discurso suicida"

<div style="color:#FF0000; height: 280px; opacity: 0.9; overflow: auto; padding: 50px; position: relative;"><br /> <br /> <h1><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> COLOQUE AQUI O TEXTO <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> </h1><h1><br /> <br /> </h1></div>