- Codigos HTML I

Página de inicio

MENÚ

Principal

Codigos HTML

Utilidades para Paginas Web

Plantilla


	Codigos HTML I

Hacer esta Pagina como inicio

<a href="#" _fcksavedurl="#" onClick_fckprotectedatt=" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://top-masters.es.tl');return false"">Página de inicio</a>

Ventana de Bienvenida

Mensaje al pasar el mouse por encima del texto

<HTML> <HEAD> <script LANGUAGE="Javascript">  </script> </HEAD> <BODY> <A HREF="eventos.html" _fcksavedurl="eventos.html" onMouseOver_fckprotectedatt=" onMouseOver="Alarma()""> Pasa por aquí encima </A> </BODY> </HTML>

Codigo para estirar tu Web

<style type="text/css">  </style>

Efecto de lluvia de estrellas por tu web

<script type="text/javascript" src="http://ladiskoteka.googlepages.com/starfield.js"></script>

Crear un Titulo que cambie de colores

 <script> mesk=new Array();mesk[10]="A";mesk[11]="B";mesk[12]="C";mesk[13]="D";mesk[14]="E";mesk[15]="F";A=10;B=11;C=12;D=13;E=14;F=15;let="ABCDEF";function mes(num){if(let.indexOf(num) != -1){return eval(num)};else{if(num < 10){return eval(num)};else{return mesk[num]}}}; function color(begin,einde,stappen,stap){ hh1=(mes(begin.charAt(0))*16)+mes(begin.charAt(1)); hh2=(mes(begin.charAt(2))*16)+mes(begin.charAt(3)); hh3=(mes(begin.charAt(4))*16)+mes(begin.charAt(5)); pp1=(mes(einde.charAt(0))*16)+mes(einde.charAt(1)); pp2=(mes(einde.charAt(2))*16)+mes(einde.charAt(3)); pp3=(mes(einde.charAt(4))*16)+mes(einde.charAt(5)); if(hh1 < pp1){ff1=hh1+Math.floor((pp1-hh1)/stappen*stap); ff1=eval("'"+mes(Math.floor(ff1/16))+"'")+eval("'"+mes(ff1-(Math.floor(ff1/16)*16))+"'");} ;else{ff1=hh1-Math.floor((hh1-pp1)/stappen*stap); ff1=eval("'"+mes(Math.floor(ff1/16))+"'")+eval("'"+mes(ff1-(Math.floor(ff1/16)*16))+"'");} if(hh2 < pp2){ff2=hh2+Math.floor((pp2-hh2)/stappen*stap); ff2=eval("'"+mes(Math.floor(ff2/16))+"'")+eval("'"+mes(ff2-(Math.floor(ff2/16)*16))+"'");} ;else{ff2=hh2-Math.floor((hh2-pp2)/stappen*stap); ff2=eval("'"+mes(Math.floor(ff2/16))+"'")+eval("'"+mes(ff2-(Math.floor(ff2/16)*16))+"'");} if(hh3 < pp3){ff3=hh3+Math.floor((pp3-hh3)/stappen*stap); ff3=eval("'"+mes(Math.floor(ff3/16))+"'")+eval("'"+mes(ff3-(Math.floor(ff3/16)*16))+"'");} ;else{ff3=hh3-Math.floor((hh3-pp3)/stappen*stap); ff3=eval("'"+mes(Math.floor(ff3/16))+"'")+eval("'"+mes(ff3-(Math.floor(ff3/16)*16))+"'");} ;return ff1+ff2+ff3} bum=0;bum2=0;txt=new Array();txt[0]="";function lightf(){ for(i=0;i != Math.floor(message.length/2);i++){txt[i]=color(lightcolor1,lightcolor2,Math.floor(message.length/2),i)}; for(i=Math.floor(message.length/2);i != message.length;i++){txt[i]=color(lightcolor2,lightcolor1,Math.floor(message.length/2),(i-Math.floor(message.length/2)))}; lightf1()} function lightf1(){txt[message.length+1]="";bum2=message.length-bum;for(i=0;i != message.length;i++){if(i+bum < message.length){txt[message.length+1]=txt[message.length+1]+"<font color='#"+txt[(i+bum)]+"'>"+message.charAt(i)+"</font>"};else{txt[message.length+1]=txt[message.length+1]+"<font color='#"+txt[i-bum2]+"'>"+message.charAt(i)+"</font>" }};if(bum != message.length){bum++;};else{bum=0};light.innerHTML=txt[message.length+1];setTimeout("lightf1()",50)} </script> </head> <body bgcolor="#FFFFFF" background="globulos.jpg">  <center><h1><div id="light"></div></h1> <script> lightcolor1="FF0000" // color lightcolor2="33CC66" // color message="Título que cambia de colores" // introduce el texto lightf() </script> </center>

Efecto trueno en los link al pasar el raton

<style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://i27.tinypic.com/52xls0.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://i27.tinypic.com/52xls0.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://i27.tinypic.com/52xls0.gif);filter:alpha(finishopacity=0, style=2); } </style> <div style="position:absolute;left:0px;top:0px;"><a </div>

Efecto fuegos artificiales en tu Pagina

<script language="Javascript1.2"> var ns=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 amount=14; if (ns){ for (i=0; i < amount; i++) document.write("<LAYER NAME='nsstars"+i+"' LEFT=0 TOP=0 BGCOLOR='#000000' CLIP='0,0,1,1'></LAYER>"); } else if (ie4||ns6){ document.write("<div id='ieCov' style='position:absolute;top:0px;left:0px'>"); document.write("<div style='position:relative'>"); for (i=0; i < amount; i++) document.write("<div id='iestars"+i+"' style='position:absolute;top:0px;left:0px;width:1;height:1;background:#ffffff;font-size:1;z-index:10'></div>"); document.write("</div></div>"); } Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff') sClrs=new Array('ffa500','00ff00','FFAAFF','fff000','fffffF') Xpos=300; Ypos=150; initialStarColor='00ff00'; step=5; currStep=0; explosionSize=120; function Fireworks(){ var WinHeight=(ns||ns6)?window.innerHeight-100:window.document.body.clientHeight-100; var WinWidth=(ns||ns6)?window.innerWidth-100:window.document.body.clientWidth-100; var Yscroll=(ns||ns6)?window.pageYOffset:document.body.scrollTop; for (i=0; i < amount; i++){ if (ie4||ns6) var layer=ns6?document.getElementById("iestars"+i).style : eval("iestars"+i).style; else if (ns) var layer=document.layers["nsstars"+i] var randCol=Math.round(Math.random()*8); var randSz=Math.round(Math.random()*2); layer.top = Ypos + explosionSize*Math.sin((currStep+i*5)/3)*Math.sin(currStep/100) layer.left= Xpos + explosionSize*Math.cos((currStep+i*5)/3)*Math.sin(currStep/100) if (currStep < 110){ if (ns){layer.bgColor=initialStarColor;layer.clip.width=1;layer.clip.height=1} else{layer.background=initialStarColor;layer.width=1;layer.height=1;layer.fontSize=1} } else{ if (ns){layer.bgColor=Clrs[randCol];layer.clip.width=randSz;layer.clip.height=randSz} else{layer.background=Clrs[randCol];layer.width=randSz;layer.height=randSz;layer.fontSize=randSz} } } if (currStep > 220) { currStep=0; Ypos = 50+Math.round(Math.random()*WinHeight)+Yscroll; Xpos = 50+Math.round(Math.random()*WinWidth); for (i=0; i < sClrs.length; i++) { var newIcol=Math.round(Math.random()*i); } initialStarColor=sClrs[newIcol]; explosionSize=Math.round(80*Math.random()+100); } currStep+=step; setTimeout("Fireworks()",20); } Fireworks(); // --> </script>

Bloquea el boton derecho del raton y te penaliza con varios clicks

<script language="Javascript"> zaehler=0; function right(e) { if (navigator.appName == 'Netscape'){ if (e.which == 3 || e.which == 2){ alert("Aqui no puedes utilizar el botón derecho del mouse"); for(i=0;i!=zaehler;i++)alert("Ya te avisé, te penalizaré con n "+(zaehler-i)+"n clicks."); zaehler+=10; alert("¡La proxima vez que lo hagas será peor! Team-webmaster.es.tl"); return false;}} if (navigator.appName == 'Microsoft Internet Explorer'){ if (event.button == 2 || event.button == 3){ alert("Aqui no puedes utilizar el botón derecho del mouse"); for(i=0;i!=zaehler;i++)alert("Ya te avisé, te penalizaré con n "+(zaehler-i)+"n clicks."); zaehler+=10; alert("¡La proxima vez que lo hagas será peor! Team-webmaster.es.tl"); return false;}} return true; } document.onmousedown=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; // --></script>

Cuanto tiempo visito un usuario su Pagina Web

<script> startday = new Date(); clockStart = startday.getTime(); function StartEndeUhr() { var myTime = new Date(); var timeNow = myTime.getTime(); var timeDiff = timeNow - clockStart; this.SekundenDifferenz = timeDiff/1000; return(this.SekundenDifferenz); } function GetSekunden() { var mySecs = StartEndeUhr(); var mySecs1 = ""+mySecs; mySecs1= mySecs1.substring(0,mySecs1.indexOf("." )) + " sec."; document.counter.zeit.value = mySecs1 window.setTimeout('GetSekunden()',1000); } </script> <body onload_fckprotectedatt=" onload="window.setTimeout('GetSekunden()',1)""> <form name="counter"> Sie sind seit <input type="quot; size="9" name="zeit"> auf dieser Seite. </form>

Efecto Terremoto

 <INPUT onclick=shake(40) type=button value=""Terremoto""> <script language=Javascript1.2>  </script>

Centrar la Pagina y la Publicidad

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/www.w3.org/1999/xhtml"> <div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">

Box Transparente

<style type="text/css"> </style>

Colocar un ChatBox en tu Web

<center> <div id="cboxdiv" align="center"><br /> <iframe id="cboxmain" style="border-right: #ffffff 1px solid; border-top: #ffffff 1px solid; border-left: #ffffff 1px solid; border-bottom: #ffffff 1px solid" name="cboxmain" marginwidth="2" marginheight="2" src="http://www4.cbox.ws/box/?boxid=3503550&boxtag=n0e08t&sec=main" frameborder="0" width="160" height="305" allowtransparency="allowtransparency"></iframe><br /> <iframe id="cboxform" style="border-right: #ffffff 1px solid; border-top: 0px; border-left: #ffffff 1px solid; border-bottom: #ffffff 1px solid" name="cboxform" marginwidth="2" marginheight="2" src="http://www4.cbox.ws/box/?boxid=3503550&boxtag=n0e08t&sec=form" frameborder="0" width="160" scrolling="no" height="75" allowtransparency="allowtransparency"></iframe><br /> <br /> <font color="#000000">-</font></div> </center>

Cambiar el boton del menú de la Plantilla Iceblue

<style type="text/css">  </style>

MSN Online

<table cellspacing="1" cellpadding="1" width="200" border="1"> <tbody> <tr> <td><font color="#ff0000"><iframe border="0" name="I1" src="http://www.meebo.com" frameborder="0" width="495" scrolling="no" height="478"></iframe></font></td> </tr> <tr> <td bgcolor="#99ccff"> <p align="center"><a target="_blank" href="http://www.ocio-full.blogspot.com" _fcksavedurl="http://www.ocio-full.blogspot.com" _fcksavedurl="http://www.ocio-full.blogspot.com"><b><font color="#ffffff">Ocio Full</font></b></a></p> </td> </tr> </tbody> </table>

Fondo Psicodelico

<script type="text/javascript">  </script>

Paleta de Colores

<script type="text/javascript" src="http://widgetserver.com/syndication/subscriber/InsertPanel.js?panelId=3cc95145-3080-4fcf-bb61-511a89599af5"></script><noscript>Get great free widgets at <a href="http://www.widgetbox.com">Widgetbox</a>!</noscript><img style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="http://runtime.widgetbox.com/syndication/track/3cc95145-3080-4fcf-bb61-511a89599af5.gif" _fcksavedurl="http://runtime.widgetbox.com/syndication/track/3cc95145-3080-4fcf-bb61-511a89599af5.gif" _fcksavedurl="http://runtime.widgetbox.com/syndication/track/3cc95145-3080-4fcf-bb61-511a89599af5.gif" />

Traductor GOOGLE

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_lang uage=es&w=160&h=60&title=&border=&output=js"></script>

Hoy habia 1 visitantes (1 clics a subpáginas) ¡Aqui en esta página!

Entra al Foro

Paginas de Ayuda

Foros de Ayuda

Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?

Registrarse gratis