Menu deslizante ao lado direito da página

Menu deslizante ao lado direito da página

OBS: APOIS O CONTÚDO font-size:4.5pt;é a largura,
e o height: 580px; opacity:é a altura
Floating menu script
Criar um menu de navegação flutuante. O visitante pode posicionar o menu em qualquer lugar da página com um clique do mouse.Menu deslizante ao lado direito da página

conteudo

• Coloque conteúdo em calquer lugar do seu site
• Qual ano que você vai morrer ?
• Quando passa o mouse a foto aparece
• A COR DA PÁGINA DO BLOG MUDA DE COR AUTOMÁTICAMENTE
• código de cor
• Imagem na Barra de Endereço
• Barra rolante do lado do blog
• Menu imagem de lado da página DO BLOG
• TITULO QUE MOVER NA BARRA DO NEVEGADOR, QUE ROLA SEM PARAR
• menu em qualquer lugar da página
• Quando o visitante passa o mouse, abrir-se uma janelinha de texto
• Imagem de fundo para sita
• MENU ROLANTE
• Texto aparecendo devagar
• Texto que muda de cor automático
• Quando passa o mouse a foto aparece
• BLOCO DE NOTICIA
• Compartilhe isso com seus amigos, no orkut
• Efeito foto zoom
• Barra de foto grande abaixo da página do blog
• REMOVER A NAVYBAR DO BLOG ,SÃO ESTÁ FIXA
• AO PASSAR O MOUSE NO TEXTO, APARECE OUTRO TEXTO
• FOTO LINK COM TITILO AO PASSAR O MOUSE NA FOTO APARECE O TEXTO
• Foto news rolante tamanho grande
• colúna esquerda do site
• coluna direita do site
• LINK DE COR E CAIXA DE TEXTO AO PASSAR O MOUSE
• Aumenta o tamanho de uma imagem ao passar o mouse
• menu jump
• Janela de Código HTML
• Pergunta o nome e fala o seu navegador.
• Abertura de site que pega o nome
• Menu de janela pop-up
• TEXTO QUE ROLANTE
• Texto aparecendo devagar
• Imagem seguindo o mouse
• Passe o mouse sobre as linhas para ver o resultado!
• FOTO QUE FECHA
• Foto em movimento
• Foto news rolante tamanho grande
• Picture de fotos
• IMAGEM SLIDESHOW
• Foto opacity
• Barra de foto
• Zoom de foto que aumenta e diminui
• Foto encima de foto
• Data,dia e horas
• cores e fontes do lado direito da página
• Coloque foto link com janela POP-up em calquer lugar do seu site
• PASSE O MOUSE PARA VER AS FOTOS
• PÁGINA DE FOTO AO LADO DA PÁGINA
• PASSAR O MOUSE PARA VER AS FOTOS
• JANELA POP-up com FOTO LINK E TITLO
  AO PASSAR O MOUSE NA FOTO APARECE O TEXTO
• Link foto colado,com title e janela pop-up
• JANELA POP-UP COM AJUSTE DE TAMANHO DE FOTO,E LINK TITLO AO PASSAR O MOUSE NA FOTO APARECE O TEXTO
• JANELA POP-UP COM LINK TITLO AO PASSAR O MOUSE APARECE O TEXTO
• Texto que fica escondido dentro do html
• Aumentar a letra ao passar o mouse?
• Aumentar a letra do link ao passar o mouse?
• página 1
• página 1
• página 1
• página 1
• página 1
• página 1

alex.com

<style> .link{ /*crio uma classe "link"*/ text-decoration:none; /*tiro o sublinhado do link*/ color:#0033FF; /*coloco uma cor no link*/ } .link:hover{ /*instrução para quando o mouse estiver em cima do link*/ font-size:20px; /*aumenta o tamanho do link*/ color:#FF0000; /*muda a cor do texto do link*/ background:#CCCCCC; /*muda a cor de fundo do link*/ text-decoration:overline; /*coloca uma linha acima do texto*/ } </style><br /> <a class="link" href="javascript:vd()">OBS: APOIS O CONTÚDO font-size:4.5pt;é a largura,<br /> e o height: 580px; opacity:é a altura <br /> Floating menu script <br /> Criar um menu de navegação flutuante. O visitante pode posicionar o menu em qualquer lugar da página com um clique do mouse.Menu deslizante ao lado direito da página</a><br /> <br /> <br /> <div id="object1" style="left: 850px; position: absolute; top: 120px; visibility: show; z-index: 2;"><br /> <br /> <br /> conteudo<br /> <br /> <style type="text/css"> #jitterText { position: absolute; left: 0; top: 300; font-size:4.5pt; background:white; color:#FFA500; } </style><br /> <div id="jitterText"><div style="color: red; height: 1780px; opacity: 0.9; overflow: auto; padding: 4.5px; position: relative;"><h1><iframe frameborder="0" height="175" id="tempoagora_custom_3dias" marginheight="0" marginwidth="0" name="tempoagora_custom_3dias" scrolling="No" src="http://tempoagora.uol.com.br/selos/custom/selo_3dias.php?cid=%0ASantaRitadoSapucai-MG,&height=155&cor=3f5678" width="155"></iframe><br /> <ul><li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/07/cores-e-fontes-a-cdata-var-tgs-new.html', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');" title="primeira parte">Coloque conteúdo em calquer lugar do seu site</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/07/blog-post_640.html#comments', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">Link de texto com janela pop-up </a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2011/03/programa-silvio-santos-show-de-calouros.html', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">LINK DE IMAGEM COM JANELA POP-UP</a></li> <li> <a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwalequinhocor.blogspot.com/', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">código de cor </a> </li> <li> <a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/07/blog-post_16.html#comments', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">Imagem na Barra de Endereço</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/04/scrollable-content-script-ii-dynamic.html#comments', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">Todas as vez que abri o site aparece o texto rolando</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/07/parte-3-pagina-1-pagina-2-pagina-3_06.html#comments', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">REMOVER A NAVYBAR DO BLOG</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/07/diminuir-texto-aumentar-texto.html#comments', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">A COR DA PÁGINA DO BLOG MUDA DE COR AUTOMÁTICAMENTE</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/07/parte-3-pagina-1-pagina-2-pagina-3_1198.html#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">Menu de janela pop-up em escala</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/04/blog-post.html', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">Texto que muda de cor automático</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2011/04/topo.html#comments', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">VOLTAR NO TOPO DA PÁGINA</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2011/04/blog-post_656.html#comments', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">conteúdo da avon que fecha</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2011/04/conteudo-que-fecha.html#comments', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">conteúdo que fecha</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2011/05/colocando-site-dentro-do-seu-blog-no.html#comments', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">COLOCANDO SITE DENTRO DO SEU BLOG NO POT O E COR DE FUNDO </a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2011/03/var-objetos-new-arrayobjetos0.html#comments', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">conteúdo colado na página do site</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/12/hoje-new-datenumerodetextos-4-segundos.html#comments', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">Criar um banner ou cabeçalho 3D grátis</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2011/04/more-cool-stuff-at-poqbum.html#comments', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">cor da página pra adicionar no cadget</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/10/menu-filmes-width-200pxmargin-1pxfilmes_14.html#comments', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">Menu com janela pop-up pra site</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/05/menu-coloque-aqui-o-texto-coloque-aqui.html', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">FOTO COM AJUSTE DE TAMANHO</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2011/04/compartilhe-isso-com-seus-amigos-no.html#comments', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">Compartilhe isso com seus amigos, no orkut </a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/02/blog-post_118.html#comments', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">Barra de foto</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/08/alex.html', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">Coloque foto link com janela POP-up em calquer lugar do seu site </a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/05/blog-post_04.html', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">Imagem de fundo para site</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/07/parte-3-pagina-1-pagina-2-pagina-3.html', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">Barra de foto grande abaixo da página do blog</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/06/modelo-html-do-blog-version1.html', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">página de foto grande no blog</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/02/var-agora-new-datevar-hora-agora.html#comments', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">Data,dia e hora </a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/04/parte-3-parte-3-n-parte-3-o-parte-3-p_04.html#comments', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">Texto neon</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/10/texto.html#comments', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">Texto que fica escondido dentro do html </a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/2010/05/blog-post_04.html', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">Imagem de fundo para site</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://wwwferramentas-html-blog-alequinho.blogspot.com/search?updated-max=2010-02-07T20%3A30%3A00-03%3A00&max-results=20', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 29</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="http://www.blogger.com/post-edit.do#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> </ul></h1><h1></h1></div><br /> <br /> <center></center></div><br /> alex.com<br /> <br /> <br /> <style type="text/css"> ul{ margin:0; padding:0; list-style:none; width:150px; border-bottom:1px solid#FF69B4; } ul li { position:relative; } li ul { position:absolute; left:149px; top:0; display:none; } ul li a { display:block; text-decoration:none; color #060864; background:#000000; padding:5px; border:1px solid #FF69B4; border-bottom:0; } /*correção \*/ *html ul li {float:left;} *html ul li a{height:1%;} /* fim da correção*/ li:hover ul, li.over ul { display:block; } </style><br /> <script language="JavaScript" type="text/JavaScript"> <!– startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i = 0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } }} } } window.onload=startList; //–> </script> </div>< id="object11" style="left: -70px; position: absolute; top: -70px; visibility: show; z-index: 2;"><br /> <br />