. - CODIGOS HTML

Algunos codigos HTM muy buenos. Y lo dejamos a continuación. Pondremos más

texto que sige al raton
<html> <head> <style> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:9pt; font-family:Tahoma; font-weight:bold; color:blue; } </style> <script> var x,y var step=20 var flag=0 // Tienes que dejar un espacio al final de tu mensaje!!!!! var message="Tu mensaje va aqui... " message=message.split("") var xpos=new Array() for (i=0;i<=message.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=message.length-1;i++) { ypos[i]=-50 } function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY flag=1 } function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } var timer=setTimeout("makesnake()",30) } </script> </head> <body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll"> </body> <script>  </script> </html>

Menú en botón derecho
<STYLE>  </style> <script language="JavaScript1.2"> var menuskin=0 var display_url=0 function showmenuie5(){ var rightedge=document.body.clientWidth-event.clientX var bottomedge=document.body.clientHeight-event.clientY if (rightedge<ie5menu.offsetWidth) ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth else ie5menu.style.left=document.body.scrollLeft+event.clientX if (bottomedge<ie5menu.offsetHeight) ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight else ie5menu.style.top=document.body.scrollTop+event.clientY ie5menu.style.visibility="visible" return false } function hidemenuie5(){ ie5menu.style.visibility="hidden" } function highlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="highlight" event.srcElement.style.color="white" if (display_url==1) window.status=event.srcElement.url } } function lowlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="" event.srcElement.style.color="black" window.status='' } } function jumptoie5(){ if (event.srcElement.className=="menuitems"){ if (event.srcElement.getAttribute("target")!=null) window.open(event.srcElement.url,event.srcElement.getAttribute("target")) else window.location=event.srcElement.url } } </script>  <script language="JavaScript1.2"> if (document.all&&window.print){ if (menuskin==0) ie5menu.className="skin0" else ie5menu.className="skin1" document.oncontextmenu=showmenuie5 document.body.onclick=hidemenuie5 } </script>

Preguntar edad al entrar
<html> <head> <title>JavaFILE</title> <script language="javascript"> var agePrompt=prompt("Cual es tu edad?"); if (agePrompt>=18) alert('Eres mayor de edad,bienvenido!!') else { alert('lo siento,vuelve en unos cuantos aqos!') document.location="http://www.disney.com"; } </script> <base target="leftframe"> </head> <body BGCOLOR="#ffffff" link="#CC0033" vlink="#333399" alink="#FF0000"  <p align="center"><img src="http://www.fagoco.com/trucos/vivesin.JPG" alt="banner.GIF (2826 bytes)"></p> <table WIDTH="96%" BORDER="0" CELLSPACING="5" CELLPADDING="5"> <tr> <p></font> </p> </body> </html>

saludo al visitante
<html> <head><script LANGUAGE="JavaScript">  </script> <title>JavaFILE</title> <base target="leftframe"> </head> <body BGCOLOR="#ffffff" link="#CC0033" vlink="#333399" alink="#FF0000"  <table WIDTH="96%" BORDER="0" CELLSPACING="5" CELLPADDING="5"> <tr> <p align="center"><script LANGUAGE="JavaScript"> document.write("Hola " + Who() + ". usted ha estado en esta pagina " + Count() + " veces. la zltima vez que nos visits fue " + When() +"."); </script> </p> </tr> </table>  </body> </html>

Código para que el menú quede oculto y solo aparezca cuando el internauta lo desee haciendo click con el ratón
<script language=javaScript> //Menu generado por jagoper http://www.fagoco.com menu="off" var tdOutColor = "#000000"; var tdOverColor = "#009900"; function checabrowser(){ var x = navigator.appVersion; y = x.substring(0,4); if (y>=4) setVariables(); } var x,y,b,xx,yy function setVariables(){ if (navigator.appName == "Netscape") { h=".left="; v=".top="; dS="document."; sD=""; iW="window.iWidth" iH="window.iHeight" osX="window.pageXOffset" osY="window.pageYOffset" document.menum.visibility="hide" } else{ h=".pixelLeft="; v=".pixelTop="; dS=""; sD=".style"; iW="document.body.clientWidth" iH="document.body.clientHeight" osX="document.body.scrollLeft" osY="document.body.scrollTop" }} adjX=165 adjY=285 if (document.layers)adjX+=10, adjY+=10 frameAdjust=(-130) sW=screen.width-adjX if (document.all)sW+=frameAdjust sH=screen.height-adjY var isNav = (navigator.appName.indexOf("Netscape") !=-1); function popLayer(){ if (b==1){ if (menu=="off"){menu="on" yy=eval(osY)+y xx=eval(osX)+x if (document.all){ if (xx>(sW+eval(osX))) xx-=155 if (yy>(sH+eval(osY))) yy-=100 } if (document.layers){ if (x>(sW+eval(osX))) xx-=155 if (y>(sH+eval(osY))) yy-=100 } aX="x: "+x+" ,xx: "+xx+" ,sW: "+sW+" ,iW: "+eval(iW) aY="y: "+y+" ,yy: "+yy+" ,sH: "+sH+" ,osY: "+eval(osY) if(isNav) { document.menum.left=(xx-eval(osX)) document.menum.top=(yy-eval(osY)) document.menum.visibility="show" } else { if (x > (eval(iW))||y > (eval(iH))){menu="off"}// || y > (eval(iH)+eval(osY))) {} else{ menum.style.pixelLeft=xx menum.style.pixelTop=yy menum.style.visibility="visible" }}} else { if (document.layers) {hideMenu()} if (document.all){ if (x > (eval(iW))||y > (eval(iH))){menu="on"}// || y > (eval(iH)+eval(osY))) {} else hideMenu() }}} function hideMenu(){ menu="off" if(isNav) { document.menum.visibility="hide" } else { menum.style.visibility="hidden"} }} function handlerMM(e){ x = (isNav) ? e.pageX : event.clientX y = (isNav) ? e.pageY : event.clientY } if (isNav){ document.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP); } document.onmousemove = handlerMM; document.onmouseup = handlerMU; checabrowser(); function handlerMU(e){ xx = (isNav) ? e.pageX : event.clientX yy = (isNav) ? e.pageY : event.clientY b = (isNav) ? e.which : event.button popLayer() } function mudacor(prmThis,prmColor) { if ((window.document.all) || (window.document.getElementById)) prmThis.style.backgroundColor = prmColor; else if (window.document.layers) prmThis.bgColor = prmColor; } </script> <style type="text/css">  </style> <div id="menum" style="position:absolute; visibility:hidden; left:0px; top:10px; z-index:2"> <table width=130 cellpadding=0 border=1 bgcolor=#000000 cellspacing="0" bordercolor="#666666"> <tr><td onMouseOver='mudacor(this,tdOverColor)' onMouseOut='mudacor(this,tdOutColor)'><b> <a href="Menz generado por Fagoco http://www.fagoco.com" class=tdl>Todos los trucos aqui</a></b></td></tr> <tr><td onMouseOver='mudacor(this,tdOverColor)' onMouseOut='mudacor(this,tdOutColor)'><b> <a href="Menu generado por Webtrucos http://www.fagoco.com" class=tdl>La web de Jagoper</a></b></td></tr> </table> </div>

Código HTML para que cuando alguien seleccione alguna opción de un formulario, se abra una ventana diferente con un mensaje, según la opción elegida
<FORM> <p> La mejor de internet: <INPUT TYPE="radio" NAME="radio" value="Veo que tienes un gusto excelente.." onClick="alert(value)"> podria mejorarse.: <INPUT TYPE="radio" NAME="radio" value="Tienes mucha razón" onClick="alert(value)"> La peor que he viso jamas: <INPUT TYPE="radio" NAME="radio" value="Tienes el gusto muy malo" onClick="alert(value)"> </form>
La mejor de internet: podria mejorarse.: La peor que he viso jamas:

Botón de actualizar, adelante y atrás
<input type="button" value="Atras" onclick="history.back()" style="font-family: Verdana; font-size: 8 pt"> <input type="button" value="Actualizar" onclick="window.location.reload()" style="font-family: Verdana; font-size: 8 pt"> <input type="button" value="Adelante" onclick="history.forward()" style="font-family: Verdana; font-size: 8 pt">

Agregar web a favortios
<p><a href="javascript:window.external.AddFavorite('http://www.ayuda-para-tu-web.es.tl)"><small>Agregar a favoritos </small></a></p>

Reloj negro
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj = new Object;obj.clockfile = "5012-black.swf";obj.TimeZone = "GMT-0500";obj.width = 151;obj.height = 50;obj.wmode = "transparent";showClock(obj);</script>

RELOJ AZUL
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj = new Object;obj.clockfile = "5012-blue.swf";obj.TimeZone = "GMT-0500";obj.width = 151;obj.height = 50;obj.wmode = "transparent";showClock(obj);</script>

RELOJ NARANJA
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj = new Object;obj.clockfile = "5012-orange.swf";obj.TimeZone = "GMT-0500";obj.width = 151;obj.height = 50;obj.wmode = "transparent";showClock(obj);</script>

CODIGO MUSICA
<bgsound src="tumusica.mid" loop="-1">

CODIGO HTML EFECTO NIEVE:
Podés cambiar la imagen reemplazando por una tuya alojada en el servidor poniendo su nombre donde está en rojo

<script> var no = 5; // snow number var speed = 15; // smaller number moves the snow faster var snowflake = "snow.gif"; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 400, doc_height = 500; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = 500; doc_height = 500; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } else { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } else { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </script>

Transformar el cursor en una mira:
Transformá la clásica flechita de Windows en una mira de disparo.

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

Enviar un e-mail con Asunto y Mensaje:
Con este truco podés hacer que al hacer clic sobre una palabra, se abra el Outlook para enviar un mensaje con tu dirección, el asunto que quieras y el texto que quieras.
Por ejemplo:
Hacé clic acá para mandarme un mensaje

<a href="mailto:webmaster@pauluk.8k.com?subject=Prueba.&body=Estoy probando el truco...">Hacé clic acá para mandarme un mensaje</a>

Abrir un Link en una Ventana Nueva:
Cuando tenemos Links en
nuestras páginas y alguien hace clic
sobre ellos, automáticamente se
abre esa dirección en
nuestra ventana.
Con este truco podemos
hacer que
al hacer clic sobre un
determinado Link,
esta dirección se abra
en una ventana
nueva, quedando la nuestra
también abierta:

<a href="http://www.ayuda-para-tu-web.es.tl" target="_blank">Pauluk Computación</a>

Crear un PopUp:
Abrir una pequeña ventana con una imagen. Podemos darle las medidas que queramos cambiando
"Width" y "Height".

<a name="1"></a><A onclick="window.open('MiFoto.jpg','Estructuras','toolbar=no,location=no,scrollbars=yes,directories= no,status=no,menubar=no,resizable=no,width=400,height=475');" href="#1"><b><font face="Verdana" size="2">Ejemplo</font></b></a>

Abrir un link de una imagen en una ventana nueva:
Con este código podemos insertar una imagen (ej. banner)
y que al hacer click sobre ella se abra el link de destino en
una ventana nueva. Primero ponemos la ruta del link de destino, y luego la ruta donde está alojada la imagen.
Si está alojada en la raíz de nuestro servidor solo ponemos
el nombre y listo.

<a href="http://www.ayuda-para-tu-web.es.tl" target="_blank"><img src="imagen.gif" border=0></a>

Hora y texto en la barra de estado:
Con este truco, podemos hacer que aparezca en la barra de estado la hora de la PC que entra a nuestra Web y poner el texto que queramos.

<script language="JavaScript">  </script>

Texto que sigue al mouse:
Hacé que un texto cualquiera siga
al mouse del visitante en tu página.
Es un efecto
fabuloso y fácil de
incluir en las
páginas
Incluye el siguiente código
en tu página HTML:

<style> .animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:black;} </style> <script language=JavaScript> var x,y var tempo=10 var espera=0 var texto="www.CheNico.com" texto=texto.split("") var xpos=new Array() for (i=0;i<=texto.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=texto.length-1;i++) { ypos[i]=-50 } function seguir(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY espera=1 } function animar_cursor() { if (espera==1 && document.all) { for (i=texto.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+tempo ypos[i]=ypos[i-1] } xpos[0]=x+tempo ypos[0]=y for (i=0; i<texto.length-1; i++) { var camada = eval("span"+(i)+".style") camada.posLeft=xpos[i] camada.posTop=ypos[i] } } else if (espera==1 && document.layers) { for (i=texto.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+tempo ypos[i]=ypos[i-1] } xpos[0]=x+tempo ypos[0]=y for (i=0; i<texto.length-1; i++) { var camada = eval("document.span"+i) camada.left=xpos[i] camada.top=ypos[i] } } var timer=setTimeout("animar_cursor()",30) } </script> <script Language=JavaScript> for (i=0;i<=texto.length-1;i++) { document.write("<span id='span"+i+"' class='animado'>") document.write(texto[i]) document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = seguir; animar_cursor() </script>

Imagen volando por la pantalla:

Este efecto hace que
cualquier imagen que
elijas quede "paseando" por la
pantalla, siendo un recurso
excelente tanto para llamar
la atención por alguna novedad en
tu sitio como
para darle más movimiento a
la página.
Copiá y pegá el siguiente código
en tu página HTML.
Recordá que la imagen debe
estar en el mismo directorio de
tu página html.

<SCRIPT language="JavaScript1.2"> var imagem="Ingresa el nombre del archivo de imagen aquí" if (document.layers) {document.write("<LAYER NAME='animacao' LEFT=10 TOP=10><img src='"+imagem+"' ></LAYER>")} else if (document.all){document.write("<div id='animacao' style='position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'><img src='"+imagem+"'></div>")} conta=-1; move=1; function curva(){ abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6) for (i=0; i < abc.length; i++) {var C=Math.round(Math.random()[i])} iniciar=abc[C]; setTimeout('curva()',1900); return iniciar; } ypos=10; xpos=10; movimento = 60; function moveR(){ caminho=movimento+=iniciar; y = 4Math.sin(caminhoMath.PI/180); x = 6Math.cos(caminhoMath.PI/180); if (document.layers){ ypos+=y; xpos+=x; document.animacao.top=ypos+window.pageYOffset; document.animacao.left=xpos+window.pageXOffset; } else if (document.all){ ypos+=y; xpos+=x; document.all.animacao.style.top=ypos+document.body.scrollTop; document.all.animacao.style.left=xpos+document.body.scrollLeft; } T=setTimeout('moveR()',50); } function edges(){ if (document.layers){ if (document.animacao.left >= window.innerWidth-40+window.pageXOffset)movimento=Math.round(Math.random()45+157.5); if (document.animacao.top >= window.innerHeight-30+window.pageYOffset)movimento=Math.round(Math.random()45-112.5); if (document.animacao.top <= 2+window.pageYOffset) movimento = Math.round(Math.random()45+67.5);//OK! if (document.animacao.left <= 2+window.pageXOffset) movimento = Math.round(Math.random()45-22.5);//OK! } else if (document.all) { if (document.all.animacao.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)movimento=Math.round(Math.random()45+157.5); if (document.all.animacao.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)movimento=Math.round(Math.random()45-112.5); if (document.all.animacao.style.pixelTop <= 2+document.body.scrollTop) movimento = Math.round(Math.random()45+67.5);//OK! if (document.all.animacao.style.pixelLeft <= 2+document.body.scrollLeft) movimento = Math.round(Math.random()*45-22.5);//OK! } setTimeout('edges()',100); } function efeito(){ curva(); moveR();// onUnload="opener.gO()" edges(); } if (document.all||document.layers) efeito() </script>

Página protegida por clave:

Este es un excelente recurso.
Podés proteger tus páginas con una clave. Así podés definir exactamente quienes entrarán a tu página. No tenés que preocuparte por configuraciones. Es muy sencillo: la clave siempre será el nombre de tu página sin la extensión. htm, es decir, si la página tiene el nombre de "ejemplo.htm",la lave será "ejemplo". ¿Ves que fácil?.
Para tener este recurso en tu sitio debes incluir un código en la
página de "entrada" en donde el visitante ingresará la clave, y
enviar a tu sitio el archivo de la página que será cargada.

<Form name="frm"> <center> <Script Language="JavaScript">  </script> Ingresa tu clave: <input type="password" name="pswd" size="20"> </center> <center> <p> <input type="button" value="Entra" onClick="loadpage()" name="button">  </p> </center> </form>

Transformar el cursor en una mira: Transformá la clásica flechita de Windows en una mira de disparo. <style type="text/css">  </style>

Imagen volando por la pantalla:

Página protegida por clave:

Transformar el cursor en una mira:
Transformá la clásica flechita de Windows en una mira de disparo.

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