Fioba hp - Onde você tem de tudo um tanto!!!

Para copiar algum código basta selecioná-lo, clicar com o botão direito e escolher copiar. Daí é só você colocá-lo em seu documento HTML e, se desejar, fazer as devidas modificações.

1. Menu Árvore - Visualizar
<html> <head> <title>Fioba hp - Onde você tem de tudo um tanto!!!</title> </head> <body> <H1 ALIGN="CENTER">Fioba hp</h1> <style>  </style> <script language="JavaScript1.2">  </script> <ul> <li id="foldheader">News</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.cnn.com">CNN</a></li> <li><a href="http://www.abcnews.com">ABC News</a></li> <li><a href="http://www.vancouversun.com">Vancouver Sun</a></li> </ul> <li id="foldheader">Games</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.gamespot.com">GameSpot</a></li> <li><a href="http://www.happypuppy.com">Happy Puppy</a></li> <li><a href="http://www.gamecenter.com">Game Center</a></li> </ul> <li id="foldheader">Software</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.download.com">outer 1</a></li> <li><a href="http://www.hotfiles.com">outer 2</a></li> <li id="foldheader">Nested</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.windows95.com">nested 1</a></li> <li><a href="http://www.shareware.com">nested 2</a></li> </ul> <li><a href="http://www.windows95.com">outer 3</a></li> <li><a href="http://www.shareware.com">outer 4</a></li> </ul> </ul>  <script language="JavaScript1.2">  </script> </body> </html> 2. Menu Busca (Links) - Visualizar
<html> <HEAD> <title>Fioba hp - Onde você tem de tudo um tanto!!!</title> </HEAD> <BODY BGCOLOR="#FFFFFF"> <h1 align="center">Fioba hp</h1> <SCRIPT>  </SCRIPT> <hr>  </body> </html>

3. Menu Canais (Links) - Visualizar
<HTML> <HEAD> <title>Fioba hp - Onde você tem de tudo um tanto!!!</title> </HEAD> <BODY BGCOLOR="#FFFFFF"> <h1 align="center">Fioba hp</h1> <script language="JavaScript">  </script> </head> <h1>National Networks</h1> Select a television station from the list to go to it's site <form name="stationform"> <select name="stationselect" onChange="textValue()" multiple size="5"> <option>ABC <option>CBS <option>NBC <option>Fox <option>Cartoon Network <option>Discovery Channel <option>Warner Brothers Network <option>QVC <option>History Channel <option>MTV <option>CNN <option>A&E <option>American Movie Classics(AMC) <option>Bravo <option>C-SPAN <option>Comedy Central <option>ESPN <option>fX <option>HBO <option>Sci-Fi Channel <option>Showtime <option>VH-1 <option>Weather Channel <option>Disney Channel </select> <br><p> <input type="button" name="stationbutton" value="Go!" onClick="go_to_station()"> <p> <input type="text" name="stationtext" value="" size="35" maxlength="35"> <p> </form>  </body> </html> 4. Menu Drop-Down - Visualizar
<html> <head> <title>Fioba hp - Onde você tem de tudo um tanto!!!</title> <script language="JavaScript"> function goTo(form) { var myindex=form.dest.selectedIndex window.open(form.dest.options[myindex].value); } </script> </head> <body> <center><h1>Fioba hp</h1> <font size=5 color=000080>Menu</font> <br> <font size=+1 color=000080>Escolha a seção</font> <CENTER> <FORM NAME="myForm"> <SELECT NAME="dest" SIZE=1> <OPTION SELECTED VALUE="">Escolha <OPTION VALUE="" target="_new">Scripts <OPTION VALUE="" target="new">Utilitários <OPTION VALUE="" target="_new">Roms <OPTION VALUE="">Emuladores <OPTION VALUE="">Fioba hp </SELECT> <P> <INPUT TYPE="BUTTON" VALUE="Vai" onClick="goTo(this.form)"> </FORM> </CENTER> </body> </html>

5. Menu para Imagem - Visualizar
<html> <head> <title>Fioba hp - Onde você tem de tudo um tanto!!!</title> </head> <body> <h1 align="center">Fioba hp</h1> <SCRIPT language="JavaScript">  function GoBack() { if (confirm("Go Back to the previous page?")) { history.back() } } function select_item(name, value) { this.name = name; this.value = value; } function get_selection(select_object) { contents = new select_item(); for(var i=0;i<select_object.options.length; i++) if(select_object.options[i].selected == true) { contents.name = select_object.options[i].text; contents.value = select_object.options[i].value; } return contents; } function display_image(formfield) { selection = get_selection(formfield.imagename); myWindow = window.open("", "Preview", "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,copyhistory=0,width=280,height=350"); myWindow.document.open(); myWindow.document.write("<HTML><HEAD>"); myWindow.document.write("<TITLE>Preview</TITLE>"); myWindow.document.write("</HEAD><BODY BGCOLOR=FFFFFF TEXT=000000>"); myWindow.document.write("<FORM><CENTER><B><FONT SIZE=2>" + selection.name + "</FONT></B>"); myWindow.document.write("<IMG HEIGHT=300 WIDTH=260 " + "SRC='http://www.geocities.com/SiliconValley/7116/" + selection.value + "'>"); myWindow.document.write("<FORM><INPUT TYPE='button' VALUE='Close' " + "onClick='window.close()'></FORM>"); myWindow.document.write("</CENTER>"); myWindow.document.write("</BODY></HTML>"); myWindow.document.close(); } </SCRIPT> <FORM NAME="previewForm"><FONT size=3> <CENTER> Escolha a imagem e clique em <B>Preview Image</B> para ver a figura.<br> <STRONG>Uma nova janela se abrirá</CENTER> <HR><CENTER><TABLE BORDER="5" CELLPADDING="3"><TD> <FORM> <SELECT NAME="imagename"> <option value="/logopri.jpg">Título Fioba hp <option value="http://idt.net/~benny3/javascript/images/header.jpg">JS Header <option value="http://idt.net/~benny3/javascript/banner.gif">JS Banner <option value="http://idt.net/~benny3/javascript/blue.gif">Free Speech Logo </SELECT> <INPUT type=button value="Preview Image" onClick="display_image(this.form)"> </TABLE></CENTER> </FORM> </b>  </body> </html> 6. Menu Rolante - Visualizar
<html> <head> <title>Fioba hp - Onde você tem de tudo um tanto!!!</title> </head> <body> <h1 align="center">Fioba hp</h1> <table border="0" bgcolor="ffffff" width="100%" align="center">  <tr> <td align="center" width="700" bgcolor="#f3e8e0"> <FONT face="verdana , arial" size=3 color="#804000"><center><b><u>Menu - escolha a seção passando o mouse sobre a seta esquerda</u></b></center></FONT> <br> <script language="JavaScript1.2"> var goleftimage='/scripts/sesq.gif' var gorightimage='/scripts/sdir.gif' var menuwidth=700 var scrollspeed=10 var menucontents='<nobr><a href="" target="_self">Emuladores</a> | <a href="" target="_self">Roms</a> | <a href="" target="_self">Jogos Tradicionais</a> | <a href="" target="_self">Gifs animadas</a> | <a href="" target="_self">Utilitários</a> | <a href="" target="_self">Screensavers</a> | <a href="" target="_self">Jogos Online</a> | <a href="" target="_self">Scripts</a> | <a href="" target="_self">Backgrounds</a> | <a href="" target="_self">Humor</a> | <a href="" target="_self">Mids</a> | <a href="" target="_self">Fórmula 1</a> | <a href="" target="_self">Contato</a> </nobr>' var actualwidth='' var ns_scroll function fillup(){ if (document.all){ test2.innerHTML=menucontents actualwidth=test2.offsetWidth } else if (document.layers){ ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2 ns_scroll.document.write(menucontents) ns_scroll.document.close() actualwidth=ns_scroll.document.width } } window.onload=fillup function moveleft(){ if (document.all&&test2.style.pixelLeft>(menuwidth-actualwidth)) test2.style.pixelLeft-=scrollspeed else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth)) ns_scroll.left-=scrollspeed lefttime=setTimeout("moveleft()",50) } function moveright(){ if (document.all&&test2.style.pixelLeft<0) test2.style.pixelLeft+=scrollspeed else if (document.layers&&ns_scroll.left<0) ns_scroll.left+=scrollspeed righttime=setTimeout("moveright()",50) } if (document.all||document.layers){ with (document){ write('<table border="0" cellspacing="0" cellpadding="0">') write('<td valign="middle"><a href=#" onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"><img src="'+goleftimage+'"border=0 width=30></a> </td>') write('<td valign="top">') if (document.all){ write('<span style="position:relative;width:'+menuwidth+';">') write('<span style="position:absolute;width:'+menuwidth+';clip:rect(0 '+menuwidth+' auto 0)">') write('<span id="test2" style="position:absolute;left:0;top:0">') write('</span></span></span>') } else if (document.layers){ write('<ilayer width='+menuwidth+' name="ns_scrollmenu">') write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>') } write('</td>') write('<td valign="middle"> <a href="#" onMouseover="moveright()" onMouseout="clearTimeout(righttime)">') write('<img src="'+gorightimage+'" border=0 width=30></a>') write('</td></table>') } } </script> </body> </html>

7. Menu Explorer (New) - Visualizar
<html> <head> <title>Fioba hp - Onde você tem de tudo um tanto!!!</title> </head> <body> <script language="javascript">  </script>  <font face="Verdana" size="2" co <script language="JavaScript"> function popunder (){ var popunder = window.open("http://www.ig.com.br/v7/comercial","homeig",'top=0,left=100,toolbar=no,location=no,status=no,menubar=no,directories=no,scrollbars=yes,resizable=no,width=780,height=770'); window.focus(); } popunder(); function changePage() { barra = ""; if (self.parent.frames.length == 0){ barra = '\<script language="JavaScript1.1" src="http://www.ig.com.br/paginas/home/barra/v8/igbarra.js"\>\</script\>\n'; document.write(barra); } } changePage(); </script>   </noscript></script> <div align="center"> <table cellpadding="0" cellspacing="0" border="0" align="center" height="60"> <tr> <td valign="top"> <script language="Javascript1.1" src="http://adserver.ig.com.br/RealMedia/ads/adstream_jx.ads/www.hpg.com.br/usuarios/geral/geral@Top"> </script> <script language="Javascript">  </script> <script language="Javascript1.1">  </script> <script language="Javascript">  </script> <noscript><a href="http://adserver.ig.com.br/RealMedia/ads/click_nx.cgi/www.hpg.com.br/usuarios/geral/geral@Top" target="_blank"><img src="http://adserver.ig.com.br/RealMedia/ads/adstream_nx.cgi/www.hpg.com.br/usuarios/geral/geral@Top" width=468 height=60 border=0></a></noscript></td> </tr> </table> </div>  lor=#CC0000> <span id="menu1" onClick="mostra(menu1principal,menu1img)" style="cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#400080"> <img id="menu1img" src="/scripts/pasta.jpg" valign="bottom"> Titulo 1</span><br> <span id="menu1principal" style="display:'none'"> <a href="">Link1</a><br> <a href="">Link2</a><br> </span></font> <font face="Verdana" size="2" color=#CC0000> <span id="menu2" onClick="mostra(menu2principal,menu2img)" style="cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#400080"> <img id="menu2img" src="/scripts/pasta.jpg" valign="bottom"> Titulo 2</span><br> <span id="menu2principal" style="display:'none'"> <a href="" target=>Link1</a><br> <a href="" target=>Link2</a><br> </span></font> <font face="Verdana" size="2" color=#CC0000> <span id="menu3" onClick="mostra(menu3principal,menu3img)" style="cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#400080"> <img id="menu3img" src="/scripts/pasta.jpg" valign="bottom"> Titulo 3</span><br> <span id="menu3principal" style="display:'none'"> <a href="">Link1</a><br> <a href="">Link2</a><br> </span></font> <font face="Verdana" size="2" color=#CC0000> <span id="menu4" onClick="mostra(menu4principal,menu4img)" style="cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#400080"> <img id="menu4img" src="/scripts/pasta.jpg" valign="bottom"> Titulo 4</span><br> <span id="menu4principal" style="display:'none'"> <a href="">Link1</a><br> <a href="">Link2</a><br> </font> <font face="Verdana" size="2" color=#CC0000> <span id="menu5" onClick="mostra(menu5principal,menu5img)" style="cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#400080"> <img id="menu5img" src="/scripts/pasta.jpg" valign="bottom"> Defina aqui um sub-menu</span><br> <span id="menu5principal" style="display:'none'"> <a href="">Link1</a><br> <a href="">Link2</a><br> </span></font> </span> <br><a href=""><font size="1" face="Verdana , Arial" color="#400080">By Fioba Design</font></a> </body> </html>

Atenção!!! Todos os downloads aqui contidos estão ligados aos seus servidores originais e tem autorização para isto. Downloads só estão aqui presentes para fins de pesquisa, informação e interação aos usuários. Links próprios certamente tem a devida autorização para a sua reprodução, respeitando, acima de tudo, os seus respectivos direitos autorais. Imagens não-próprias tem autorização para a sua reprodução.

Webmaster: Fioba® (Fábio Maritan Pereira) - ICQ: 100184157