all-codes

Los mejores codigos

Todos los codigos HTML, CSS, PhP y Java para que sorprendas a tus visitantes.

Guias

Las mejores guias basicas y avanzadas para ser un experto en codigos.

Recursos

Cientos de recursos para personalizar tu web al maximo.

Tus dudas aclaradas

Los tutoriales mejor explicados para que no te quede ni una duda sobre todos los trucos de codigos y utilidades de PwG.

Gana dinero Online

Aprende algunos trucos para ganar dinero online sin ningun esfuerzo y sin invertir nada.

Codigos HTML

Codigo para parpadear un texto
(lo pegas ya sea en el titulo de una pagina o en cualquier texto que desees)

Codigo para mover los titulos de tus Box
(lo pegas en el titulo de tu box)

Codigo para quitar el titulo de tu web
(lo pegas en texto por encima de la pagina)

Web a todo lo ancho:
(lo pegas en texto por encima de la pagina)

Hacer página de inicio:

(lo pegas en texto por encima de la pagina)

Traductor de google:
(lo pegas en la pagina que lo quieras Recomendado en un box)

Paleta de colores:
(lo pegas en la pagina que lo quieras)

Msn en tu web:
(lo pegas en la pagina que lo quieras)

Quitar encabezado de iceblue:
(lo pegas en texto por encima de la pagina)

Efecto de electricidad en todos los links de tu página:
(lo pegas en texto por encima de la pagina)

Desplazamiento de banners:
(lo pegas en la pagina que lo quieras)

Codigo para poner fondo a las subpaginas del menu
(lo pegas en texto por encima de la pagina)

Codigo para un buscador google en tu web
(lo pegas en alguno de tus BOXS)

Codigo para poner un enlace en tu web
(lo pegas en la pagina que lo quieras)

Codigo para poner una imagen a tu intro
(lo pegas en el extra intro)

Codigo para poner una imagen a tu cursor
(lo pegas en texto por debajo de la pagina)

Codigo para poner tu encabezado mas grande
(lo pegas en texto por encima de la pagina)

Menu horizontal para tu web:
(Pegalo en texto por encima de la pagina y editalo)

<div style="position:absolute;left:10px;top:102px"> <table align="right" width="185" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr class="checked_menu"> <td align="center" id="nav_Home" class="nav"><a class="menu" href="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link">Nombre del link</a></td> </tbody> </table> <table align="right" width="185" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr class="checked_menu"> <td align="center" id="nav_Home" class="nav"><a class="menu" href="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link">Nombre del link</a></td> </tbody> </table><table align="right" width="185" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr class="checked_menu"> <td align="center" id="nav_Home" class="nav"><a class="menu" href="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link">Nombre del link</a></td> </tbody> </table><table align="right" width="185" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr class="checked_menu"> <td align="center" id="nav_Home" class="nav"><a class="menu" href="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link">Nombre del link</a></td> </tbody> </table> </div>

Horas restantes para finalizar el día:
(Con este código insertamos un pequeño relojito que indica la cuenta regresiva de las horas, minutos y segundos que faltan para finalizar el día.)

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

Comentario sobre un link en la barra de estado:
(Al pasar el mouse sobre el link deseado, veremos en la barra de estado un comentario sobre éste. Por ejemplo posicionen el mouse sobre Pauluk Computación y vean en la barra de estado.)

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)

MSN EN TU WEB

WEB TODO A LO ANCHO
<style type="text/css"> 
                   CENTRAR TU WEB
<script src="http://www.adweblink.com/rot.php?cod=880"></script><script language='JavaScript'>window.open('http://www.24hpeliculasonline.blogspot.com', 'geoflotante', '');</script> <!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;"> <a href="http://www.ocio-full.blogspot.com " _fcksavedurl="http://www.ocio-full.blogspot.com "> </a> <center><a href="http://www.ocio-full.blogspot.com" _fcksavedurl="http://www.ocio-full.blogspot.com">Ocio Full</a>

MENSAGE DE BIENVENIDA PARA TU WEB
   <td
width="100%"><script language="JavaScript"></script> <p> </td> <br /><a
href="http://rme.es.tl" target="_self"><img border="0"
src="https://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>
                   CAMBIAR COLOR DE LA BARRA                                          DE
                             DESPLZAMIENTOS
<style type="text/css">
body { scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#FF0000;
scrollbar-face-color:#0E0D0D; scrollbar-track-color:#000000;
scrollbar-darkshadow-color:#FFFFFF; scrollbar-highlight-color:#858181;
scrollbar-shadow-color:#FFFFFF; } </style><br /><a
href="http://rme.es.tl" target="_self"><img border="0"
src="https://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>

                          TRANSFORMAR CURSOR
                              EN UNA MIRA
<style type="text/css">
 </style><br
/><a href="http://rme.es.tl" target="_self"><img border="0"
src="https://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>
Con este código insertamos un pequeño relojito que indica
la cuenta regresiva de las horas, minutos y segundos
que faltan para finalizar el día.

<body>      <p>El reloj...</p> <form name="Reloj"> <input      type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo      restante para finalizar el día"> <script      language="JavaScript">      <input  type="button" onclick="copia_portapapeles()"     value="Copiar" />  </form> <script language="javascript">     function  copia_portapapeles(){ document.f1.campo1.select()      window.clipboardData.setData("Text", document.f1.campo1.value); }      </script></u></p>      <div><strong><em><font size="5"><font      color="#ffffff"><u>Abrir una Web en Pop      Up</u>:</font></font></em></strong></div>      <div align="justify"><font color="#ffffff"      size="2"><strong>Con este código vamos a hacer que al      entrar en nuestra página automáticamente se abra otra,     ej. otra Web  nuestra, una sección que queremos mostrar, una     publicidad,  etc.<br /> </strong></font></div>     <script  language="javascript"> function copia_portapapeles(){      document.f1.campo1.select() window.clipboardData.setData("Text",      document.f1.campo1.value); } </script> <form name="f1">      <textarea rows="5" cols="50" name="campo1"><script      language='JavaScript'>window.open('http://www.chenico.com',      'geoflotante', '');</script>

Crear un Título que cambia de colores:

Con este código podemos crear por ejemplo
el título para nuestra Web o una de
nuestras secciones.

<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>

Cuadro explicativo de los enlaces:

Sorprendé a tus visitantes con este asombroso
truco. Al pasar el mouse sobre el link, aparece
la explicación de ese link en un cuadro con la
cantidad de palabras que queramos poner.
Solo tenés que reemplazar mis direcciones por
las tuyas, y el texto deseado por el tuyo.

<p>      <script language="JavaScript"></script> </p> <table border="0"> <tr>      <td width="200"><p      align="center"><strong>Opciones.</strong></p>      <p><a href="http://www.CheNico.com"      _fcksavedurl="http://www.CheNico.com"      _fcksavedurl="http://www.CheNico.com" onmouseover="escribe('     Página  principaln ----------------nn Cuando hagas Click en este     enlace irás  directamente a la página de inicio de mi     web');">Página  principal</a><br> <a      href="http://usuarios.lycos.es/pauluk/trucosprin.htm"      _fcksavedurl="http://usuarios.lycos.es/pauluk/trucosprin.htm"      _fcksavedurl="http://usuarios.lycos.es/pauluk/trucosprin.htm"      onmouseover="escribe(' Trucos PCn -----------nn Este enlace te      llevará a la página de Trucos PC en la que podés     encontrar muchos  más trucos interesantes para realizar e incluir     en tus páginas  web');">Trucos PC</a><br> <a      href="http://usuarios.lycos.es/pauluk/GLOSARIO.HTM"      _fcksavedurl="http://usuarios.lycos.es/pauluk/GLOSARIO.HTM"      _fcksavedurl="http://usuarios.lycos.es/pauluk/GLOSARIO.HTM"      onmouseover="escribe(' Glosarion -------------- nn Diccionario de      Términos Informáticos. Enterate el significado de esas     palabras de  computación que decís todos los días     pero que no sabés exactamente  qué     significa.');">Glosario</a><br> </p>  </td>     <td><form name="desplaza">  <p><textarea     name="cuadro" rows="8" cols="30"  wrap="physical">

CODIGO HTML EFECTO NIEVE:

Podés cambiar la imagen reemplazando por
una tuya donde este alojada.

Subrayar un Link al pasar el mouse:

Con este código podemos lograr ese tan conocido efecto que
al pasar el mouse sobre un link, este se subraye.
Podemos hacer que tenga un color antes
de visitar el link, y que tenga otro una vez visitado.

Dificultar copia de página:

Con este recurso sencillo podemos hacer más difícil el acceso al
código-fuente o la copia de imágenes de nuestro sitio.
Cuando el visitante haga click con el botón derecho
del mouse, surgirá un mensaje creado previamente por nosotros.
Recordemos que a algunas personas no les gusta este
tipo de bloqueo. Nosotros tenemos que decidir si queremos
incluirlo o no en nuestras páginas. Podemos colocarlo antes
de la etiqueta <html> o después de la etiqueta <body>.

Pantalla que tiembla:

Al insertar este código, cada vez que entremos en la Web se
producirá una especie de terremoto en el explorador.
Un efecto interesante para atraer la atención de nuestros visitantes.

<html>      <head> <title>www.seba37.es.tl</title>  <FCK:meta     http-equiv="Content-Type" content="text/html;  charset=iso-8859-1"     ></FCK:meta> </head> <body  bgcolor="#FFFFFF"     text="#000000"> <p> <script  language="JavaScript1.2">     function tremer(n) {     if  (self.moveBy) {     for (i = 10; i > 0; i--) {     for (j = n; j >  0; j--) {     self.moveBy(0,i);     self.moveBy(i,0);      self.moveBy(0,-i);     self.moveBy(-i,0);     }}}}     tremer(5)  </script> <Script language=JavaScript>     function right(e)  {     if (navigator.appName == 'Netscape' && (e.which == 3 ||  e.which     == 2)){     alert("www.seba37.es.tl");     return false;      }     else if (navigator.appName == 'Microsoft Internet Explorer'  &&     (event.button == 2 || event.button == 3)) {      alert("www.seba37.es.tl");     return false;     }     return true;     }      document.onmousedown=right;     if (document.layers)  window.captureEvents(Event.MOUSEDOWN);     window.onmousedown=right;      </script> </body> </html>

Botón Colorido:

¿Cansado del botón siempre gris? Ahora con CSS podés
definir cualquier color para tus botones. Ellos combinarán
más con tu página y son muy fáciles de crear.Copia el
código que sigue y pegalo dentro de la etiqueta de
formulario de tu página:

Subir Imagenes en tu web a PIXELEA:

Subir imagenes a ImagesHack

desde tu web:

Al insertar este codigo en tu web podras subir imagenes
directamente a IMAGESHACK.

<h3> </h3> <form enctype="multipart/form-data" method="post" action="http://load.imageshack.us/" target="_blank"> <font color="#0000ff" size="4"><em><strong><a target="_self" href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Subir Imágen</a></strong></em></font><font color="#0000ff"> </font><br /> <br /> <input type="hidden" name="PHPSESSID" value="b0a04e9eab46a137d520bf98fef60d13" /> <table> <tbody> <tr> <td><img alt="" src="http://imageshack.us/img/imageshack.png" _fcksavedurl="http://imageshack.us/img/imageshack.png" _fcksavedurl="http://imageshack.us/img/imageshack.png" /></td> <td> </td> </tr> </tbody> </table> <br /> <input type="hidden" name="MAX_FILE_SIZE" value="1048576" /> <input type="hidden" name="aff" /> <input type="hidden" name="type" value="blank" /> <input type="hidden" name="where" value="iframe" /> <br /> <input size="3" type="file" name="fileupload" /><br /> <input type="submit" value="Subir imagen" /> </form> <tr> </tr> <td body=""> </td>

Buscador Google:

este codigo es para poner un buscador de google en tu web.

codigo pedido por los usuarios

codigo para central web:

Con este codigo podras centrar tu web para tener
tu web mas acomodada.

Quitar boton intro

Miren este es el codigo lo pegan al principio de la
Fuente HTML de la extra Intro o intro-Flash

Ya han Ajustar disparos en su sitio:

los disparadores web son cuando tu tienes link en tu
pagina y cuando pones el mouse arriba de un link se
mostra una imagen rapida de como es la web.
si quieren que aparezca en todas las paginas de tu web
lo pones en texto por encima de la pagina y si quieres
que aparezca en una solo pagina lo pones el codigo
en la pagina que quieres que salga.

ocultar el titulo de tu web

hola les dejo este code para que el titulo de tu web
no destruya tu cabezal con el texto lo que tienes
que hacer es pegar este code en texto
por encima de la pagina.

Codigo para parpadear un texto
(lo pegas ya sea en el titulo de una pagina o en cualquier texto que desees)

Codigo para mover los titulos de tus Box
(lo pegas en el titulo de tu box)

Codigo para quitar el titulo de tu web
(lo pegas en texto por encima de la pagina)

Web a todo lo ancho:
(lo pegas en texto por encima de la pagina)

Centrar la web:

(lo pegas en texto por encima de la pagina)

Hacer página de inicio:

(lo pegas en texto por encima de la pagina)

Codigo que le da un tono de transparencia a tu web
(lo pegas en texto por encima de la pagina)

<div align="center"> <table border="0" width="100%"> <tr> <td> <style type="text/css"> <!-- td.edit_header_full{:hidden;} body{background-image: url( IMAGEN DE FONDO );background-position: center center;background-attachment: fixed;} td.edit_content{background-image: none;background-color:transparent;} td.shouty,td.shouty2,td.shouty3,td.shouty4,td.shouty5{background-image: none;background-color:transparent;} td.edit_rechts_cbg{background-image: none;background-color:transparent;} td.edit_rechts_bottom{background-image: none;background-color:transparent;} td.edit_rechts_sbg{visibility:hidden;} td.edit_below_nav img{visibility:hidden;} td.edit_below_nav{background-image: none;background-color:transparent;} td.edit_navi_headbg{background-image: none;background-color:transparent;} td.edit_content_top{background-image: none;background-color:transparent;} td.edit_content_bottom{background-image: none;background-color:transparent;} td.edit_content_bottom2{background-image: none;background-color:transparent;} td.edit_rb_footer{background-image: none;background-color:transparent;} td.sidebar_heading{background-image: none;background-color:transparent;} td.headline2{font-size:25px;} --

Codigo para poner tu BOX transparente (lo pegas en texto por encima de la pagina)

Codigo para poner tu encabezado mas grande
(lo pegas en texto por encima de la pagina)

Menu horizontal para tu web:
(Pegalo en texto por encima de la pagina y editalo)

Codigo.-Camara que vigila tu web(copialo y pegalo en texto por debajo de la pagina)
<div style="text-align: center;"><a href="http://www.estorp95.es.tl/%5B__%3ESalamandra-Server%3C__%5D.htm#comment" _fcksavedurl="http://www.estorp95.es.tl/%5B__%3ESalamandra-Server%3C__%5D.htm#comment" style="right: 0px; position: fixed; top: 0px;"><img src="http://img150.imageshack.us/img150/9631/camaras01pe3.gif" _fcksavedurl="http://img150.imageshack.us/img150/9631/camaras01pe3.gif" alt="" /></a></div>

Codigo.-Centrar tu web(copialo y pegalo en texto por encima de la pagina)
<!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;">

Codigo.-Nick animado(donde dice aqui le colocan su texto lo ban a sustituir por lo que quieren que diga ese codigo lo cpian y lo pegan en texto por encima de la pagina)
       </script>
      <p>
      <br>
      <p>
      <Mas scripts en www.creatupropiaweb.com><SCRIPT LANGUAGE="JavaScript">var txt="AQUI LE COLOCAN EL TITULO";var espera=100;var refresco=null;function rotulo_title() {document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);refresco=setTimeout("rotulo_title()",espera);}rotulo_title();
      </SCRIPT>
      <p>
      <br>
      <p>

Codigo.-Poner new!!(este codigo lopegas enseguida del nombre de cada pagina)
<img src="http://img61.imageshack.us/img61/5580/newbotonoz0.gif" alt="Image Hosted by ImageShack.us" border="0"></a>

Codigo.-No al copion!!(este codigo lo pegan en cada una de las paginas en las que no quieren que les copien)
      <script language="Javascript">
      
      </script>

Codigo.-Pagina en construccion(este codigo lo pegas en texto por debajo de la pagina)
      <style type="text/css">
      
      </style>

     Codigo.-Recomendar web(este codigo lo pegas en la pagina que quieras)
      form name="eMailer">ENVÍA ESTA PÁGINA A UN AMIGO<br>Indica su e-mail:<br><input type="text" name="address" size="25"><br><input type="button" value="Recomendá esta Web!" onClick="mailThisUrl();"></form><script language="JavaScript1.2">var good;function checkEmailAddress(field) {// the following expression must be all on one line...var goodEmail = field.value.match(/b(^(S+@).+((.com)|(.net)|(.edu)|(.mil)|(.gov)|(.org)|(..{2,2}))$)b/gi);if (goodEmail){good = true} else {alert('Por favor introduce un e-mail valido')field.focus()field.select()good = false}}u = window.location;m = "Pienso que te puede interesar esta página...";function mailThisUrl(){good = falsecheckEmailAddress(document.eMailer.address)if (good){// the following expression must be all on one line...window.location = "mailto:"+document.eMailer.address.value+"?subject="+m+"&body="+document.title+" "+u;}}
      </script>

Codigo.-Separador de menú(donde dice Aqui Tu Texto ponen lo que quieren que diga el separador dan click en opciones de pagina y lo ponen como puntos de menú sin link copian el codigo y lo ponen en donde va el nombre de la pagina)
<div class="sinlink"><br/><center>Aqui tu Texto</center></div>

Codigo.-Aliniar tu web(copialo y pegalo en texto por encima de la pagina)
<!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;">

      Codigo.-Alumbrar tu web(copialo y pegalo en texto por debjo de la pagina)
      <style>
      body {background-image: url(http://photos1.hi5.com/0031/763/432/vr3mEw763432-03.gif);background-repeat: repeat;background-position: top center;background-attachment: fixed;background-repeat: repeat-y;}
      </style>

      Codigo.-Menú de recomendaciones(van a borrar donde dice option SELECTED ahi va el nombre de su menú , en donde dice URL va la direccion de lo que recomiendan para agregar mas submenus solo van a copiar) <option VALUE="URL">Nombre</option> las veces que quieran este codigo lo copian y lo pegan donde ustedes quieran)
      <form>
      <select NAME="links" onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value"><option SELECTED>Nombre</option>
      <option VALUE="URL">Nombre</option>
      <option VALUE="URL">Nombre</option>
      <option VALUE="URL">Nombre</option>
      <option VALUE="URL">Nombre</option>

      </select>
      </form>

Codigo.-Fondo en tu web(donde dice URL de la imagen van a poner la direccion web de su iamgen este codigo lo pegan en texto por encima de la pagina)
<style type="text/css">body {background-image:url(URL DE IMAGEN)}</style>

      Codigo.-Imagenes en la parte inferior de tu web(van a borrar donde dice URL DE LA IMAGENE aqui van a poner la direccioin web de su imagen estos codigos los copias y los pegas en texto por debajo de la pagina)
      Lado Izquierdo
      <a href='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB'style='display:scroll;position:fixed;bottom:0px;left:0px;'> <img src='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN'/></a>
      Lado Derecho
      <<a href='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB'style='display:scroll;position:fixed;bottom:0px;right:0px;'> <img src='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN'/></a>

Codigo.-Mensaje de bienvenida(este codigo lo van a copiar y pegar en texto por encima de la pagina)
<body onload="window.alert('Bienvenido a mi pagina web, gracias por visitarnos')">

Codigo.-Mensaje de despedida(este codigo lo van a copiar y pegar en texto por debajo de la pagina)
<body onUnload="window.alert('Gracias por tu visita! nos vemos pronto ^^')">

Codigo.-Probador HTML(copia y pega este codigo donde quieras)
      
      <script>
      function probar(texto) { ventana = window.open('', 'popup', ''); ventana.document.write(texto);}
      </script>
      <form action="" name="probador">
          <font face="Verdana" size="2">Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!<hr />
          </font><textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size="2"> <br />
          </font><input type="button" onclick="probar(texto.value)" value="Convertir" /><font face="Verdana" size="2"> </font>
      </form>

Codigo.-Fecha en tu web(copia y pega este codigo en texto por encima de la pagina)
      <script language="JavaScript">
      
      </script>

Codigo.-Saludo segun la hora del dia(copia y pega este codigo entexto por encima de la pagina)
      <Font size=2 face=arial><b>
      <Script Language="JavaScript">
      
      </script>
      </b></font>

Codigo.-Tiempo restante para finalizar el dia(copia y pega este codigo donde quieras)
      <body>
      <p>Tiempo restante para finalizar el día</p>
      <form name="Reloj">
      <input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día">
      <script language="JavaScript">
      
      </script>
      </form>
      </body>

Codigo.-Redireccionar pagina(van a borrar donde dice URL y van a poner a donde quieren que se redireccionecopia y pega este codigo en texto por encima de la pagina)
<script>location='URL/'</script>

      Codigo.-Establecer como pagina de inicio(este codigo lo van a copiar y pegar en texto por encima de la pagina)
      <A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand;
      COLOR: #004080; FONT-FAMILY: Verdana" onclick=
      "this.style.behavior='url(#default#homepage)';
      this.setHomePage('http://www.CheNico.com');">
      <FONT face=Arial color=#000000 size=-2><U>
      Esta parte del texto se puede modificar en el código</U></FONT></A>

      Codigo.-Botones atras, adelante y actualizar(este codigo lo van a copiar y pegar en donde quieran)
      <input type="button" value="Atrás" 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">

      Codigo.-Poner welcome(con link borran donde dice direccion de su sitio y van a poner su direccion este codigo lo copias y lo pegas en tu pagina de inicio)
      Con link
      <a href="Dirección de tu sitio"><img src="https://img.webme.com/pic/c/chatroh/8484484848484.gif" alt="Welcome" width="300" height="100" border="0" /></a>
      Sin link:
      <img src="https://img.webme.com/pic/c/chatroh/8484484848484.gif" alt="Welcome" width="300" height="100" border="0" />

Codigo.-Caja de codigo con boton para copiar(copia y pega este codigo donde quieras)
      <span id="Caja1" class="Caja1">Haga click dentro de la caja de texto para copiar su contenido<br />
      </span> <textarea onclick="copyCaja1(document.getElementById('code1'));return false;" rows="3" cols="16" id="code1">EL TEXTO O CÓDIGO QUE DESEE QUE APAREZCA DENTRO DE LA CAJITA Nº1</textarea> <script>
      function copyCaja1(elt) {
      var urlSwf = "copy.swf";
      var flash = document.getElementById("C1");
      var divinfo = '<embed src="http://www.mygirlyspace.com/' + urlSwf + '" name="copy_swf" FlashVars="clipboard='+escape(elt.value)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';
      flash.innerHTML = divinfo;
      elt.focus();
      elt.select();
      document.getElementById("Caja1").innerHTML = "¡El texto ha sido copiado!<br/>";
      return true;
      }
      </script>
      <div id="C1"> </div>

      Codigo.-Abrir web en pop-up(copia y pega este codigo en texto por debajo de la pagina)
      <script language='JavaScript'>window.open('http://www.chenico.com', 'geoflotante', '');</script>

      Codigo.-Mensaje de alerta al intentar copiar(copia y pega este codigo en texto por debajo de la pagina)
      <Script language=JavaScript>
      function right(e) {
      if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
      alert("ACA TU MENSAJE DE ALERTA.");
      return false;
      }
      else if (navigator.appName == 'Microsoft Internet Explorer' &&
      (event.button == 2 || event.button == 3)) {
      alert("ACA TU MENSAJE DE ALERTA.");
      return false;
      }
      return true;
      }
      document.onmousedown=right;
      if (document.layers) window.captureEvents(Event.MOUSEDOWN);
      window.onmousedown=right;
      </script>

      Codigo.-No dejar seleccionar texto(copialo y pegalo en texto por debajo de la pagina)
      <script language="Javascript">
      
      </script>

      Codigo.-Cuadro explicativo de enlaces(borra donde dice URL y pon la direccion de tus enlaces)
      <p>
      <script language="JavaScript"></script>
      </p>
      <table border="0">
      <tr>
      <td width="200"><p align="center"><strong>Opciones.</strong></p>
      <p><a href="URL"
      onmouseover="escribe(' Página principaln ----------------nn Cuando hagas Click en este enlace irás directamente a la página de inicio de mi web');">Página
      principal</a><br>
      <a href="URL"
      onmouseover="escribe(' Trucos PCn -----------nn Este enlace te llevará a la página de Trucos PC en la que podés encontrar muchos más trucos interesantes para realizar e incluir en tus páginas web');">Trucos PC</a><br>
      <a href="URL"
      onmouseover="escribe(' Glosarion -------------- nn Diccionario de Términos Informáticos. Enterate el significado de esas palabras de computación que decís todos los días pero que no sabés exactamente qué significa.');">Glosario</a><br>
      </p>
      </td>
      <td><form name="desplaza">
      <p><textarea name="cuadro" rows="8" cols="30"
      wrap="physical"></textarea></p>
      </form>
      </td>
      </tr>
      </table>

      Codigo.-Crear link de descarga(borra donde dice URL y pon la direccion de tu descarga copia y pega este codigo donde quieras)
      <a href="URL">Descripción del enlace </a>

      Codigo.-Transformar el cursor en una mira(copia y pega este codigo en texto por encima de la pagina)
      <style type="text/css">
      
      </style>

      Codigo.-Comentario sobre un link(borra donde dice URL y pon tu link copia y pega este codigo donde quieras)
      <a href="Url"
      onmouseout="window.status=''"
      onmouseover="window.status='Acá aparece el mensaje que quieras';return true">
      Pauluk Computación</a>

      Codigo.-Hosted by PGW(copia y pega este codigo en texto por debajo de la pagina)
      <a href='http://paginawebgratis.es' style='display:scroll;position:fixed;bottom:0px;right:0px;'>
      <img src='http://img91.imageshack.us/img91/6165/hostedbyxj1.gif

'/></a>

      Codigo.-Minimizar pagina con un boton(copia y pega este codigo en donde quieras)
      <input type="button" value="Minimizar ventana" onclick="window.moveBy(5000,5000); min = 'si';" style="font-family:Verdana"><script>min = "no"; function volver(){if(min == "si"){window.moveTo(0,0); min = "no"}}; window.onfocus = volver
      </script>
      <style>
      .animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:Blak;}
      </style>

      Codigo.-Mensaje de cargando pagina(copia y pega este codigo en texto por encima de la pagina)
      <body onLoad="esconde();">
      <script language="JavaScript">
      if(ie || ns) document.write('<div id="precarga" align="center"> <br />Esperen a que termine de cargar la página, por favor...</div>');
      </script>

      Codigo.-Botones de navegacion(copia y pega este codigo donde quieras)
      <table border="0" bgcolor="#FFCC66">
      <tr>
      <td align="center">
      <input type="button" value=" << " onclick="javascript:window.history.go(-1);">
      <input type="button" value="Top" onclick="document.location='#top';">
      <input type="button" value=" >> " onclick="javascript:window.history.go(1);"></td>
      </tr>
      </table>

Saludo de bienvenida:

Cambiar la forma del puntero del ratón:

Cuadro que explica los enlaces.

<p> <script language="JavaScript"></script> </p> <table border="0"> <tr> <td width="200"><p align="center"><strong>Opciones.</strong></p>  <p><a href="http://www.CheNico.com" _fcksavedurl="http://www.CheNico.com" onmouseover="escribe(' Página principaln ----------------nn Cuando hagas Click en este enlace irás directamente a la página de inicio de mi web');">Página  principal</a><br> <a href="http://usuarios.lycos.es/pauluk/trucosprin.htm" _fcksavedurl="http://usuarios.lycos.es/pauluk/trucosprin.htm" onmouseover="escribe(' Trucos PCn -----------nn Este enlace te llevará a la página de Trucos PC en la que podés encontrar muchos más trucos interesantes para realizar e incluir en tus páginas web');">Trucos PC</a><br> <a href="http://usuarios.lycos.es/pauluk/GLOSARIO.HTM" _fcksavedurl="http://usuarios.lycos.es/pauluk/GLOSARIO.HTM" onmouseover="escribe(' Glosarion -------------- nn Diccionario de Términos Informáticos. Enterate el significado de esas palabras de computación que decís todos los días pero que no sabés exactamente qué significa.');">Glosario</a><br> </p> </td> <td><form name="desplaza"> <p><textarea name="cuadro" rows="8" cols="30" wrap="physical">

Si necesitas hacer un listado de enlaces o solo palabras debes editar:
<li><a href="URL">NOMBRE DEL ENLACE</a></li></p> <p> </p> <p> </p> <p> </p> <br /></body></html>

Iframe en tu web (mostrar la zona de otra pagina dentro en tu web)
Muestra de un iframe AQUÍ

Calculadora en tu web:

Buscador de Google:

Centrar la web:

Texto intermitente:

Pantalla completa:

Texto con resplandor:

Reflejo de la imagen en el agua:

Centrar web:

Codigo.-Camara que vigila tu web(copialo y pegalo en texto por debajo de la pagina)

      <div style="text-align: center;"><a href="http://www.estorp95.es.tl/[__>Salamandra-Server<__].htm#comment" _fcksavedurl="http://www.estorp95.es.tl/[__>Salamandra-Server<__].htm#comment" style="right: 0px; position: fixed; top: 0px;"><img src="http://img150.imageshack.us/img150/9631/camaras01pe3.gif" _fcksavedurl="http://img150.imageshack.us/img150/9631/camaras01pe3.gif" alt="" /></a></div>


Codigo.-Centrar tu web(copialo y pegalo en texto por encima de la pagina)

      <!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;">


Codigo.-Nick animado(donde dice aqui le colocan su texto lo ban a sustituir por lo que quieren que diga ese codigo lo cpian y lo pegan en texto por encima de la pagina)

       </script>
      <p>
      <br>
      <p>
      <Mas scripts en www.creatupropiaweb.com><SCRIPT LANGUAGE="JavaScript">var txt="AQUI LE COLOCAN EL TITULO";var espera=100;var refresco=null;function rotulo_title() {document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);refresco=setTimeout("rotulo_title()",espera);}rotulo_title();
      </SCRIPT>
      <p>
      <br>
      <p>


Codigo.-Poner new!!(este codigo lopegas enseguida del nombre de cada pagina)

      <img src="http://img61.imageshack.us/img61/5580/newbotonoz0.gif" alt="Image Hosted by ImageShack.us" border="0"></a>


Codigo.-No al copion!!(este codigo lo pegan en cada una de las paginas en las que no quieren que les copien)

      <script language="Javascript">
      
      </script>

      Codigo.-Pagina en construccion(este codigo lo pegas en texto por debajo de la pagina)

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

      Codigo.-Recomendar web(este codigo lo pegas en la pagina que quieras)

      form name="eMailer">ENVÍA ESTA PÁGINA A UN AMIGO<br>Indica su e-mail:<br><input type="text" name="address" size="25"><br><input type="button" value="Recomendá esta Web!" onClick="mailThisUrl();"></form><script language="JavaScript1.2">var good;function checkEmailAddress(field) {// the following expression must be all on one line...var goodEmail = field.value.match(/b(^(S+@).+((.com)|(.net)|(.edu)|(.mil)|(.gov)|(.org)|(..{2,2}))$)b/gi);if (goodEmail){good = true} else {alert('Por favor introduce un e-mail valido')field.focus()field.select()good = false}}u = window.location;m = "Pienso que te puede interesar esta página...";function mailThisUrl(){good = falsecheckEmailAddress(document.eMailer.address)if (good){// the following expression must be all on one line...window.location = "mailto:"+document.eMailer.address.value+"?subject="+m+"&body="+document.title+" "+u;}}
      </script>

      Codigo.-Separador de menú(donde dice Aqui Tu Texto ponen lo que quieren que diga el separador dan click en opciones de pagina y lo ponen como puntos de menú sin link copian el codigo y lo ponen en donde va el nombre de la pagina)

      <div class="sinlink"><br/><center>Aqui tu Texto</center></div>

      Codigo.-Aliniar tu web(copialo y pegalo en texto por encima de la pagina)

      <!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;">

      Codigo.-Alumbrar tu web(copialo y pegalo en texto por debjo de la pagina)

      <style>
      body {background-image: url(http://photos1.hi5.com/0031/763/432/vr3mEw763432-03.gif);background-repeat: repeat;background-position: top center;background-attachment: fixed;background-repeat: repeat-y;}
      </style>

      Codigo.-Menú de recomendaciones(van a borrar donde dice option SELECTED ahi va el nombre de su menú , en donde dice URL va la direccion de lo que recomiendan para agregar mas submenus solo van a copiar)
<option VALUE="URL">Nombre</option> las veces que quieran este codigo lo copian y lo pegan donde ustedes quieran)
      <form>
      <select NAME="links" onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value"><option SELECTED>Nombre</option>
      <option VALUE="URL">Nombre</option>
      <option VALUE="URL">Nombre</option>
      <option VALUE="URL">Nombre</option>
      <option VALUE="URL">Nombre</option>

      </select>
      </form>

      Codigo.-Fondo en tu web(donde dice URL de la imagen van a poner la direccion web de su iamgen este codigo lo pegan en texto por encima de la pagina)

      <style type="text/css">body {background-image:url(URL DE IMAGEN)}</style>

      Codigo.-Imagenes en la parte inferior de tu web(van a borrar donde dice URL DE LA IMAGENE aqui van a poner la direccioin web de su imagen estos codigos los copias y los pegas en texto por debajo de la pagina)

      Lado Izquierdo
      <a href='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB'style='display:scroll;position:fixed;bottom:0px;left:0px;'> <img src='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN'/></a>
      Lado Derecho
      <<a href='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB'style='display:scroll;position:fixed;bottom:0px;right:0px;'> <img src='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN'/></a>

      Codigo.-Mensaje de bienvenida(este codigo lo van a copiar y pegar en texto por encima de la pagina)

      <body onload="window.alert('Bienvenido a mi pagina web, gracias por visitarnos')">

      Codigo.-Mensaje de despedida(este codigo lo van a copiar y pegar en texto por debajo de la pagina)

      <body onUnload="window.alert('Gracias por tu visita! nos vemos pronto ^^')">

      Codigo.-Probador HTML(copia y pega este codigo donde quieras)

      
      <script>
      function probar(texto) { ventana = window.open('', 'popup', ''); ventana.document.write(texto);}
      </script>
      <form action="" name="probador">
          <font face="Verdana" size="2">Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!<hr />
          </font><textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size="2"> <br />
          </font><input type="button" onclick="probar(texto.value)" value="Convertir" /><font face="Verdana" size="2"> </font>
      </form>

      Codigo.-Fecha en tu web(copia y pega este codigo en texto por encima de la pagina)

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

      Codigo.-Saludo segun la hora del dia(copia y pega este codigo entexto por encima de la pagina)

      <Font size=2 face=arial><b>
      <Script Language="JavaScript">
      
      </script>
      </b></font>

      Codigo.-Tiempo restante para finalizar el dia(copia y pega este codigo donde quieras)

      <body>
      <p>Tiempo restante para finalizar el día</p>
      <form name="Reloj">
      <input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día">
      <script language="JavaScript">
      
      </script>
      </form>
      </body>

      Codigo.-Redireccionar pagina(van a borrar donde dice URL y van a poner a donde quieren que se redireccionecopia y pega este codigo en texto por encima de la pagina)

      <script>location='URL/'</script>

      Codigo.-Establecer como pagina de inicio(este codigo lo van a copiar y pegar en texto por encima de la pagina)

      <A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand;
      COLOR: #004080; FONT-FAMILY: Verdana" onclick=
      "this.style.behavior='url(#default#homepage)';
      this.setHomePage('http://www.CheNico.com');">
      <FONT face=Arial color=#000000 size=-2><U>
      Esta parte del texto se puede modificar en el código</U></FONT></A>

      Codigo.-Botones atras, adelante y actualizar(este codigo lo van a copiar y pegar en donde quieran)

      <input type="button" value="Atrás" 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">

      Codigo.-Poner welcome(con link borran donde dice direccion de su sitio y van a poner su direccion este codigo lo copias y lo pegas en tu pagina de inicio)

      Con link
      <a href="Dirección de tu sitio"><img src="https://img.webme.com/pic/c/chatroh/8484484848484.gif" alt="Welcome" width="300" height="100" border="0" /></a>
      Sin link:
      <img src="https://img.webme.com/pic/c/chatroh/8484484848484.gif" alt="Welcome" width="300" height="100" border="0" />

      Codigo.-Caja de codigo con boton para copiar(copia y pega este codigo donde quieras)

      <span id="Caja1" class="Caja1">Haga click dentro de la caja de texto para copiar su contenido<br />
      </span> <textarea onclick="copyCaja1(document.getElementById('code1'));return false;" rows="3" cols="16" id="code1">EL TEXTO O CÓDIGO QUE DESEE QUE APAREZCA DENTRO DE LA CAJITA Nº1</textarea> <script>
      function copyCaja1(elt) {
      var urlSwf = "copy.swf";
      var flash = document.getElementById("C1");
      var divinfo = '<embed src="http://www.mygirlyspace.com/' + urlSwf + '" name="copy_swf" FlashVars="clipboard='+escape(elt.value)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';
      flash.innerHTML = divinfo;
      elt.focus();
      elt.select();
      document.getElementById("Caja1").innerHTML = "¡El texto ha sido copiado!<br/>";
      return true;
      }
      </script>
      <div id="C1"> </div>

      Codigo.-Abrir web en pop-up(copia y pega este codigo en texto por debajo de la pagina)

      <script language='JavaScript'>window.open('http://www.chenico.com', 'geoflotante', '');</script>

      Codigo.-Mensaje de alerta al intentar copiar(copia y pega este codigo en texto por debajo de la pagina)

      <Script language=JavaScript>
      function right(e) {
      if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
      alert("ACA TU MENSAJE DE ALERTA.");
      return false;
      }
      else if (navigator.appName == 'Microsoft Internet Explorer' &&
      (event.button == 2 || event.button == 3)) {
      alert("ACA TU MENSAJE DE ALERTA.");
      return false;
      }
      return true;
      }
      document.onmousedown=right;
      if (document.layers) window.captureEvents(Event.MOUSEDOWN);
      window.onmousedown=right;
      </script>

      Codigo.-No dejar seleccionar texto(copialo y pegalo en texto por debajo de la pagina)

      <script language="Javascript">
      
      </script>

      Codigo.-Cuadro explicativo de enlaces(borra donde dice URL y pon la direccion de tus enlaces)

      <p>
      <script language="JavaScript"></script>
      </p>
      <table border="0">
      <tr>
      <td width="200"><p align="center"><strong>Opciones.</strong></p>
      <p><a href="URL"
      onmouseover="escribe(' Página principaln ----------------nn Cuando hagas Click en este enlace irás directamente a la página de inicio de mi web');">Página
      principal</a><br>
      <a href="URL"
      onmouseover="escribe(' Trucos PCn -----------nn Este enlace te llevará a la página de Trucos PC en la que podés encontrar muchos más trucos interesantes para realizar e incluir en tus páginas web');">Trucos PC</a><br>
      <a href="URL"
      onmouseover="escribe(' Glosarion -------------- nn Diccionario de Términos Informáticos. Enterate el significado de esas palabras de computación que decís todos los días pero que no sabés exactamente qué significa.');">Glosario</a><br>
      </p>
      </td>
      <td><form name="desplaza">
      <p><textarea name="cuadro" rows="8" cols="30"
      wrap="physical"></textarea></p>
      </form>
      </td>
      </tr>
      </table>

      Codigo.-Crear link de descarga(borra donde dice URL y pon la direccion de tu descarga copia y pega este codigo donde quieras)

      <a href="URL">Descripción del enlace </a>

      Codigo.-Transformar el cursor en una mira(copia y pega este codigo en texto por encima de la pagina)

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

      Codigo.-Comentario sobre un link(borra donde dice URL y pon tu link copia y pega este codigo donde quieras)

      <a href="Url"
      onmouseout="window.status=''"
      onmouseover="window.status='Acá aparece el mensaje que quieras';return true">
      Pauluk Computación</a>

      Codigo.-Hosted by PGW(copia y pega este codigo en texto por debajo de la pagina)

      <a href='http://paginawebgratis.es' style='display:scroll;position:fixed;bottom:0px;right:0px;'>
      <img src='http://img91.imageshack.us/img91/6165/hostedbyxj1.gif'/></a>

      Codigo.-Minimizar pagina con un boton(copia y pega este codigo en donde quieras)

      <input type="button" value="Minimizar ventana" onclick="window.moveBy(5000,5000); min = 'si';" style="font-family:Verdana"><script>min = "no"; function volver(){if(min == "si"){window.moveTo(0,0); min = "no"}}; window.onfocus = volver
      </script>
      <style>
      .animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:Blak;}
      </style>

      Codigo.-Mensaje de cargando pagina(copia y pega este codigo en texto por encima de la pagina)

      <body onLoad="esconde();">
      <script language="JavaScript">
      if(ie || ns) document.write('<div id="precarga" align="center"> <br />Esperen a que termine de cargar la página, por favor...</div>');
      </script>

      Codigo.-Botones de navegacion(copia y pega este codigo donde quieras)

      <table border="0" bgcolor="#FFCC66">
      <tr>
      <td align="center">
      <input type="button" value=" << " onclick="javascript:window.history.go(-1);">
      <input type="button" value="Top" onclick="document.location='#top';">
      <input type="button" value=" >> " onclick="javascript:window.history.go(1);"></td>
      </tr>
      </table>

Crear un Título que cambia de colores:

Con este código podemos crear por ejemplo el título para nuestra Web o una de nuestras secciones.

<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>

Subrayar un Link al pasar el mouse:

Con este código podemos lograr ese tan conocido efecto que al pasar el mouse sobre un link, este se subraye. Podemos hacer que tenga un color antes de visitar el link, y que tenga otro una vez visitado.

<STYLE type="text/css">

</STYLE>
</p>
<p><a href="l1.htm">El texto que quieras.</a><br>
<a href="l2.htm">otro texto.</a><br>
<a href="l3.htm">Otro texto.</a><br>
</p>

Cuadro explicativo de los enlaces:

Sorprendé a tus visitantes con este asombroso truco. Al pasar el mouse sobre el link, aparece la explicación de ese link en un cuadro con la cantidad de palabras que queramos poner.

<p>
<script language="JavaScript"></script>
</p>
<table border="0">
<tr>
<td width="200"><p align="center"><strong>Opciones.</strong></p>

<p><a href="http://www.pauluk.8k.com"
onmouseover="escribe(' Página principaln ----------------nn Cuando hagas Click en este enlace irás directamente a la página de inicio de mi web');">Página
principal</a><br>
<a href="http://www.suweb.net/users/pauluk/trucosprin.htm"
onmouseover="escribe(' Trucos PCn -----------nn Este enlace te llevará a la página de Trucos PC en la que podés encontrar muchos más trucos interesantes para realizar e incluir en tus páginas web');">Trucos PC</a><br>
<a href="http://www.suweb.net/users/pauluk/GLOSARIO.HTM"
onmouseover="escribe(' Glosarion -------------- nn Diccionario de Términos Informáticos. Enterate el significado de esas palabras de computación que decís todos los días pero que no sabés exactamente qué significa.');">Glosario</a><br>
</p>
</td>
<td><form name="desplaza">
<p><textarea name="cuadro" rows="8" cols="30"
wrap="physical"></textarea></p>
</form>
</td>
</tr>
</table>

Otra barra con mas colores:

A continuación veremos otro código para ponerle color a la barra de desplazamiento, en este caso vamos a poder personalizar los colores de la barra, del fondo y los bordes. Reemplazar los nombres de los colores por otros o por los código de letras y números. Mas abajo está la tabla de colores.

Observación: para ver este truco, es necesario tener instalada las últimas versiones de los navegadores

Crear un formulario:

Con este código podemos crear un formulario para que complete el visitante. Por ejemplo un libro de visitas, luego que el visitante apriete el botón enviar, los datos serán enviados a tu casilla de correo.

<H2>Libro de visitas</H2>
<FORM ACTION="mailto:tunombre@tuservidor.com" METHOD="post">

<TABLE>

<TD ALIGN=RIGHT>Nombre:</TD>
<TD><INPUT type="text" size=36 name="nombre"></TD>
<TR><TD ALIGN=RIGHT>Direccion E-mail:</TD>
<TD><INPUT type="text" size=36 name="direccion"></TD>
<TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD>
<TD><INPUT type="text" size=36 name="procedencia"></TD>
<TR><TD ALIGN=RIGHT>Tus comentatios:</TD>
<TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD>

</TABLE>

<INPUT type="reset" value="Borrar todo"> <INPUT type="submit" value="Enviar">

</FORM>

Insertar un sonido o música de fondo:

Si quieren que los visitantes escuchen una canción mientras visitan la Web, o simplemente recibirlos con una melodía estilo presentación, este es el código que estabas buscando.

Se recomienda usar sonidos en formato "midi" que son los de menor peso.

Pantalla que tiembla:

Al insertar este código, cada vez que entremos en la Web se producirá una especie de terremoto en el explorador. Un efecto interesante para atraer la atención de nuestros visitantes.

<html>
<head>
<title>www.pauluk.8k.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<p>
<script language="JavaScript1.2">

function tremer(n) {

if (self.moveBy) {

for (i = 10; i > 0; i--) {

for (j = n; j > 0; j--) {

self.moveBy(0,i);

self.moveBy(i,0);

self.moveBy(0,-i);

self.moveBy(-i,0);

}}}}

tremer(5)

</script>
<Script language=JavaScript>

function right(e) {

if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){

alert("www.pauluk.8k.com");

return false;

}

else if (navigator.appName == 'Microsoft Internet Explorer' &&

(event.button == 2 || event.button == 3)) {

alert("www.pauluk.8k.com");

return false;

}

return true;

}

document.onmousedown=right;

if (document.layers) window.captureEvents(Event.MOUSEDOWN);

window.onmousedown=right;

</script>
</body>
</html>

Crear un link para download:

Si queremos poner archivos para que los visitantes los puedan descargar a sus computadoras, solo debemos subir ese archivo a nuestro servidor e insertar en nuestra Web el siguiente código HTML:

<a href="ejemplo.exe">Descripción del enlace </a>

No existe un comando que inicie la descarga. Lo que sucede es que, siempre que aparece un tipo de archivo no reconocido por el navegador, este comienza a descargarlo automáticamente. Ejemplo: Si el navegador no logra abrir un archivo "zip" (compactado), inicia la descarga automáticamente.

Efecto nieve con cualquier imagen:

Con este truco podés hacer que caigan por la pantalla varias veces la misma imagen con un efecto estilo nieve. Si querés ver el código y el efectoHACÉ CLIC ACÁ

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.

Transformar el cursor en una mira:

Transformá la clásica flechita de Windows en una mira de disparo.

Tabla de colores HTML:

Esta tabla contiene todos los códigos para ponerle colores a las barras de desplazamiento, a las fuentes y muchas otras funciones más. Haga click acá para ver la Tabla Completa

Comentario sobre un link en la barra de estado:

Al pasar el mouse sobre el link deseado, veremos en la barra de estado un comentario sobre éste. Por ejemplo posicionen el mouse sobre Pauluk Computación

y vean en la barra de estado. (para verlo bien en ésta página pasen el mouse varias veces, ya que hay otro código parecido que lo obstruye).

<a href="http://www.pauluk.8k.com"
onmouseout="window.status=''"
onmouseover="window.status='Acá aparece el mensaje que quieras';return true">
Pauluk Computación</a>

Dificultar copia de página:

Con este recurso sencillo podemos hacer más difícil el acceso al código-fuente o la copia de imágenes de nuestro sitio. Cuando el visitante haga click con el botón derecho del mouse, surgirá un mensaje creado previamente por nosotros. Recordemos que a algunas personas no les gusta este tipo de bloqueo. Nosotros tenemos que decidir si queremos incluirlo o no en nuestras páginas.

Podemos colocarlo antes de la etiqueta <html> o después de la etiqueta <body>.

<Script language=JavaScript>
function right(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
alert("Coloca el mensaje aquí.");
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("Coloca el mensaje aquí.");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</script>

Nota: Para evitar este truco, también hay un contratruco, si entrás a una página que tiene este truco que no te deja copiar imágenes o texto, solo tenés que hacer click con el botón derecho del mouse sobre la barra de estado y sin soltarlo arrastrarlo hasta la imágen. Listo, se abrirá el menú como si la página no estuviese bloqueada a la copia. Hay que tener en cuenta que muy poca gente conoce este truco, por lo tanto podés usar tranquilo el truco de bloqueo.

Establecer una página como inicio:

Este código html te sirve para crear un link para que el visitante pueda hacer que tu página sea la de inicio de su computadora. Con solo hacer clic sobre el link creado, tu página se iniciará automáticamente cada vez que esa persona se conecte a Internet.

<A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand;
COLOR: #004080; FONT-FAMILY: Verdana" onclick=
"this.style.behavior='url(#default#homepage)';
this.setHomePage('http://www.pauluk.8k.com');">
<FONT face=Arial color=#000000 size=-2><U>
Establecer como página de inicio</U></FONT></A>

Redireccionar una página:

Si tenés una dirección larga y encontraste una nueva mas corta, o tu alojamiento anterior gratis ahora se hizo pago, con este código podés hacer que cada vez que alguien entre a tu página vieja, automáticamente se abra en la nueva dirección. Lo único que tenés que hacer es insertar el siguiente código en el index de tu página vieja:

<HTML>
<HEAD>
<TITLE>Redireccionando rápidamente</TITLE>
<SCRIPT LANGUAGE="JavaScript">
location.href='http://www.pauluk.8k.com';
</SCRIPT>
</HEAD>
<BODY>

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.

<a href="mailto:pauluk@argentina.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://team-webs.es.tl" target="_blank">Team-Webs</a>

Otra barra con mas colores:

Observación: para ver este truco, es necesario tener instalada las últimas versiones de los navegadores. Preferentemente Internet Explorer 6.

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.CheNico.com

" 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.

Botón animado:

Aprendé a dar movimiento a tu página con botones animados por Java Script. Cada botón puede llevar a un enlace distinto. Sólo tienes que configurar los parámetros "lineArr" y "urlArr" del script, que permiten destacar cosas en tu página.

<font face="Arial, Helvetica, sans-serif" size="2">
<script language="JavaScript">
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 3
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = "Pauluk Computación"
urlArr[1] = "http://www.CheNico.com"
lineArr[2] = "Trucos PC"
urlArr[2] = "http://www.pauluk.8k.com/trucosprin.htm"
lineArr[3] = "Noticias Tecnológicas y Actualidad"
urlArr[3] = "http://www.pauluk.8k.com/noticias.htm"
var lineText = lineArr[1]
function StartShow() {
StopShow()
ShowLine()
timerRunning = true
}
function FillSpaces() {
for (var i = 1; i <= lineWidth; i++) {
spaces += " "
}
}
function StopShow() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning = false
}
}
function ShowLine() {
if (charNo == 0) {
if (lineNo < lineMax) {
lineNo++
}
else {
lineNo = 1
}
lineText = lineArr[lineNo]
charMax = lineText.length
}
if (charNo <= charMax) {
document.formDisplay.buttonFace.value = lineText.substring(0, charNo)
charNo++
timerID = setTimeout("ShowLine()", 100)
}
else {
charNo = 0
timerID = setTimeout("ShowLine()", 3000)
}
}
function GotoUrl(url)
{
top.location.href = url
}
document.write("<form name="formDisplay">");
document.write("<input type="button" name="buttonFace" value="&{lineText}" size="18" onClick="GotoUrl(urlArr[lineNo])">");
document.write("</form>");
StartShow();
</script></font>

Letrero de mensajes:

Este es un efecto muy fácil de lograr y muy funcional para tu página. Podés definir cuántos textos y enlaces quieras. Ellos se destacarán y tu página quedará mucho más dinámica. Podés ver cómo personalizar este recurso al final de esta página. Es mejor que Java ya que es mucho más liviano y rápido de cargarse, y no necesita archivos adicionales.

Para incluir este recurso en tu página debes seguir dos pasos:

Paso 1: Incluye el siguiente código en tu etiqueta "<BODY>", agrega un espacio después del último parámetro e incluye:

onload="if (document.all||document.layers) {regenerate2();update()}"

Observa un ejemplo sencillo de cómo quedaría la etiqueta:

<body onload="if (document.all||document.layers) {regenerate2();update()}">

Paso 2: Pega en tu página HTML el siguiente código personalizando las partes indicadas:

i=0
if (document.all)
tickerobject=document.all.submensagem.style
else
tickerobject=document.mensagem.document
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",450)
}

function update(){
BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10);
if (document.layers){
document.mensagem.document.submensagem.document.write('<span class="submensagemfont">'+textos[i]+'</span>')
document.mensagem.document.submensagem.document.close()
}
else
document.all.submensagem.innerHTML=textos[i]

if (i<textos.length-1)
i++
else
i=0
setTimeout("update()",speed)
}

function BgFade(red1, grn1, blu1, red2,
grn2, blu2, steps) {
sred = red1; sgrn = grn1; sblu = blu1;
ered = red2; egrn = grn2; eblu = blu2;
inc = steps;
step = 0;
RunFader();
}
function RunFader() {
var epct = step/inc;
var spct = 1 - epct;
if (document.layers)
tickerobject.bgColor =
Math.floor(sred * spct + ered *
epct)*256*256 +
Math.floor(sgrn * spct + egrn * epct)*256 +
Math.floor(sblu * spct + eblu * epct);
else
tickerobject.backgroundColor=
Math.floor(sred * spct + ered *
epct)*256*256 +
Math.floor(sgrn * spct + egrn * epct)*256 +
Math.floor(sblu * spct + eblu * epct);
if ( step < inc ) {
setTimeout('RunFader()',50);
}
step++;
}
</script>

Pantalla que tiembla:

Al insertar este código, cada vez que entremos en la Web se producirá una especie de terremoto en el explorador. Un efecto interesante para atraer la atención de nuestros visitantes.

<html>
<head>
<title>www.CheNico.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<p>
<script language="JavaScript1.2">

function tremer(n) {

if (self.moveBy) {

for (i = 10; i > 0; i--) {

for (j = n; j > 0; j--) {

self.moveBy(0,i);

self.moveBy(i,0);

self.moveBy(0,-i);

self.moveBy(-i,0);

}}}}

tremer(5)

</script>
<Script language=JavaScript>

function right(e) {

if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){

alert("www.CheNico.com");

return false;

}

else if (navigator.appName == 'Microsoft Internet Explorer' &&

(event.button == 2 || event.button == 3)) {

alert("www.CheNico.com");

return false;

}

return true;

}

document.onmousedown=right;

if (document.layers) window.captureEvents(Event.MOUSEDOWN);

window.onmousedown=right;

</script>
</body>
</html>

Botón Colorido:

¿Cansado del botón siempre gris? Ahora con CSS podés definir cualquier color para tus botones. Ellos combinarán más con tu página y son muy fáciles de crear.

Copia el código que sigue y pegalo dentro de la etiqueta de formulario de tu página:

<input type="submit" name="button" value="www.CheNico.com" style="color: #000000; background-color: #FF9900">

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:

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 = 4*Math.sin(caminho*Math.PI/180);
x = 6*Math.cos(caminho*Math.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>

Texto en expansión:

Colocá en tu página mensajes animados que se agrandan y llaman la atención de los visitantes. Además, incluyen enlaces hacia donde vos quieras.

Copiá el siguiente código y pegalo en tus páginas debajo de la etiqueta <Body>.

if(navigator.appName == "Netscape") {
size = "<font face=arial color=#000099 point-size='"+x+"pt'>";
document.wds.document.write(size+"<center><a href=http://www.CheNico.com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<font face=arial color=#000099><center><a href=http://www.CheNico.com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center></font>";
wds.style.fontSize=x+'px'
}
}
function diminui(){
if (x > 1) {
x--;
setTimeout("diminui()",velocidade);
}
else {
setTimeout("aumenta()",ciclo);
y++;
if (y > mensagens2.length - 1) y = 0;
}
if(navigator.appName == "Netscape") {
size = "<font face=arial color=#000099 point-size='"+x+"pt'>";
document.wds.document.write(size+"<center><a href=http://www.CheNico.com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<font face=arial color=#000099><center><a href=http://www.CheNico.com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center></font>";
wds.style.fontSize=x+'px'
}
}
setTimeout("aumenta()",velocidade);
</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 clave 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>

Cambiar el color de la barra de desplazamiento al pasar el mouse:

Con este truco podés hacer que además de cambiar el color clásico gris de la barra de desplazamiento por otro, hacer que cuando el mouse se pose sobre ella cambie a otro color. Cambiando los números y letras en verde variaran los colores. Probalo pasando por la barra de la derecha!.

Cambiar el color de la barra de desplazamiento:

Con éste código van a conseguir cambiar el clásico color gris de la barra de desplazamiento de la derecha y abajo por el color que quieran. Para cambiar de colores, cambien el número 000000 por otros, cada color tiene su número, pero la lista es muy larga, así que prueben con los número que ya van a encontrar el deseado.

Reloj - formato texto:

Este es otro tipo de reloj que también cuenta los segundos y que puede utilizar texto. Es muy fácil incluirlo en tu página. Siempre que un usuario acceda a tu sitio el efecto será iniciado.

Paso 1: Para que el recurso se inicie junto con la página, debes incluir dentro de la etiqueta <body> el parámetro de inicio. Agregá un espacio después del último parámetro e incluye:

Onload="show5()"

Observa un ejemplo sencillo de cómo queda la etiqueta:

<body Onload="show5()">

¡Atención! Sin eso tu reloj no funcionará.

Paso 2: Incluye el siguiente código en tu página después de la etiqueta <body>.

<Font face=Verdana><span id=relogio style="POSITION: absolute"></span>
<Script Language=JavaScript>
<!--
function show5(){
if (!document.layers&&!document.all)
return
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="AM"
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
meurelogio="<font size='5' face='Arial'><b>"+hours+":"+minutes+":"
+seconds+" "+dn+"</b></font>"
if (document.layers){
document.layers.relogio.document.write(meurelogio)
document.layers.relogio.document.close()
}
else if (document.all)
relogio.innerHTML=meurelogio
setTimeout("show5()",1000)
}

//-->
</script>
</font>

Poniendo fecha en tu sitio:

Aprendé a incluir la fecha en tu sitio sin necesidad de actualizarla cada día. Sólo tenés que usar un JavaScript que automáticamente exhibirá la fecha del día en tu página cada vez que ésta se abra.

No tenés que preocuparte con ninguna configuración. Sólo tenés que copiar y pegar el código en tu página.

if(myday == 0)
day = " Domingo, "

else if(myday == 1)
day = " Lunes, "

else if(myday == 2)
day = " Martes, "

else if(myday == 3)
day = " Miércoles, "

else if(myday == 4)
day = " Jueves, "

else if(myday == 5)
day = " Viernes, "

else if(myday == 6)
day = " Sábado, "

if(mymonth == 0)
month = "Enero "

else if(mymonth ==1)
month = "Febrero "

else if(mymonth ==2)
month = "Marzo "

else if(mymonth ==3)
month = "Abril "

else if(mymonth ==4)
month = "Mayo "

else if(mymonth ==5)
month = "Junio "

else if(mymonth ==6)
month = "Julio "

else if(mymonth ==7)
month = "Agosto "

else if(mymonth ==8)
month = "Setiembre "

else if(mymonth ==9)
month = "Octubre "

else if(mymonth ==10)
month = "Noviembre "

else if(mymonth ==11)
month = "Diciembre "

document.write("<font face=arial, size=1>"+ day);
document.write(myweekday+" de "+month+ "</font>");
// -->
</script>

Mensaje de bienvenida:

Con este recurso personalizás tu sitio para el visitante. Al entrar, el visitante verá un espacio para ingresar su nombre y un mensaje que dice "Hola, Fulano".

Copiá el siguiente código y pégalo donde quieras que aparezca el mensaje:

<Script language="JavaScript">
mensagem = prompt("Por favor, ingresa tu nombre",'');
if (mensagem==null) {
document.write("¡Hola, visitante!")
}else{
if (mensagem=='') {
document.write("<b><font face=arial size=2 color=#000000>¡Hola, visitante!</font></b>")
}else{
document.write("<b><font face=arial size=2 color=#000000>¡Hola"+mensagem+"! Bienvenido a mi sitio</font></b>");
}
}
</script>

Atrás y Adelante:

Atrás:

<a href="javascript:history.go(-1)">Atrás </a>

Adelante:

<a href="javascript:history.go(1)">Adelante</a>

Imprimir pagina actual:

<a href="javascript:print()">Imprimir</a>

Cartel de novedades:

Este efecto te permite tener un cartel o letrero de mensajes incluyendo enlaces para tu sitio. Los mensajes van cruzando la pantalla como si fueran noticias; es un recurso excelente para destacar características especiales de tu sitio. Cada mensaje tendrá un enlace

Paso 1: Copiá el siguiente código y pegalo en tu página:

var mensagens=new Array()
mensagens[0]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 1 aquí'>Coloca el texto del enlace 1 aquí</a></font></center>"
mensagens[1]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 2 aquí'>Coloca el texto del enlace 2 aquí</a></font></center>"
mensagens[2]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 3 aquí'>Coloca el texto del enlace 3 aquí</a></font></center>"
mensagens[3]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 4 aquí'>Coloca el texto del enlace 4 aquí</a></font></center>"
mensagens[4]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 5 aquí'>Coloca el texto del enlace 5 aquí</a></font></center>"

if (mensagens.length>1)
i=2
else
i=0

function mover1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("mover1(tlayer)",3000)
setTimeout("mover2(document.principal.document.segundo)",3000)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("mover1(tlayer)",100)
}
else{
tlayer.top=altura
tlayer.document.write(mensagens[i])
tlayer.document.close()
if (i==mensagens.length-1)
i=0
else
i++
}
}

function mover2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("mover2(tlayer2)",3000)
setTimeout("mover1(document.principal.document.primeiro)",3000)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("mover2(tlayer2)",100)
}
else{
tlayer2.top=altura
tlayer2.document.write(mensagens[i])
tlayer2.document.close()
if (i==mensagens.length-1)
i=0
else
i++
}
}

function mover3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("mover3(tdiv)",3000)
setTimeout("mover4(segundo2)",3000)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("mover3(tdiv)",100)
}
else{
tdiv.style.pixelTop=altura
tdiv.innerHTML=mensagens[i]
if (i==mensagens.length-1)
i=0
else
i++
}
}

function mover4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("mover4(tdiv2)",3000)
setTimeout("mover3(primeiro2)",3000)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("mover4(segundo2)",100)
}
else{
tdiv2.style.pixelTop=altura
tdiv2.innerHTML=mensagens[i]
if (i==mensagens.length-1)
i=0
else
i++
}
}

Personalizando: Para cambiar el color de fondo o incluir una imagen de fondo, observa esta parte del código:

var largura=150
var altura=120
var bgcolor='white'
var fundo=''

Donde dice "white" podés ingresar el valor hexadecimal del nuevo color; por ejemplo: #FFCC00

En "fondo" podés colocar el nombre de la imagen de fondo del letrero; por ejemplo:

var largura=150
var altura=120
var bgcolor='white'
var fundo='Nombre del archivo de imagen'

Para incluir más mensajes en el letrero, observá que el último mensaje aparece de la siguiente forma:

mensagens[4]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 5 aquí'>Coloca el texto del enlace 5 aquí</a></font></center>"

Sólo tenés que agregar una unidad al número indicado al final del mensaje. Por ejemplo:

mensagens[5]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 5 aquí'>Coloca el texto del enlace 5 aquí</a></font></center>"
mensagens[6]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 6 aquí'>Coloca el texto del enlace 6 aquí</a></font></center>"

Seguí hasta llegar al número total de mensajes que desees incluir.

Barra de estado fija:

Podés colocar la palabra o el mensaje que quieras en la barra de estado de tu sitio y mantenerlo fijo. De esta forma tu sitio quedará mucho más personalizado, además de contar con otras ventajas. Por ejemplo: el visitante no verá la dirección del enlace al que está apuntando, sólo el mensaje definido por vos.

<Script language="JavaScript">
statuss();
function statuss()
{
window.status = "www.pauluk.8k.com - Un Sitio. Muchas Opciones.";
setTimeout("statuss()", 1);
}
</script>

Saludo al visitante:

Puedes poner en tu sitio un mensaje personalizado según la hora en que el visitante entre. Este puede recibir el saludo "Buen día", "Buenas tardes", "Buenas noches", o puedes sustituirlos por otros mensajes de tu preferencia. De esta forma el visitante verá el mensaje de acuerdo con el horario que entre a tu página.

<Font size=2 face=arial><b>
<Script Language="JavaScript">

</script>
</b></font>

Texto animado:

Con este recurso puedes hacer que cualquier texto tenga movimiento en tu página. Es ideal para destacar tu logo o lo que vos prefieras.

<div id="texto" style="position: absolute; top: -50; color: #FF8000; font-family: Arial, Helvetica; font-weight:bold; font-size:40px;">
<p><font face="Arial, Helvetica, sans-serif" size="3"><b><font size="6" color="#990000">INGRESA TU TEXTO AQUI</font></b></font></p>
</div>

Texto de apertura:

Este es un recurso muy interesante. Podés lograr que, al entrar a tu página, el usuario vea un mensaje de bienvenida o cualquier otro que configures. Luego, el usuario es llevado automáticamente a la página que tú definas.

Para tener este recurso en tu página, sólo debes copiar el siguiente código, pegarlo en tu editor y guardar la página como principal. De esta forma, al entrar a tu página, los visitantes verán los mensajes y luego serán llevados a la página que tú definas. Es muy fácil configurar este recurso. Basta con alterar las áreas destacadas en negrito en el código. Si tienes problemas con algún editor HTML que no reconozca el código, copia y pega este código en el bloc de notas del Windows u otro editor de texto y no olvides guardarlo con extensión html.

<HTML>
<HEAD>
<TITLE>Ingresa el título aquí</TITLE>
<SCRIPT LANGUAGE = "JavaScript">
function makeArray() {
this.length = makeArray.arguments.length;
for (var i = 0; i < this.length; i++)
this[i + 1] = makeArray.arguments[i];
}

function makeSlideShow (obj, wait, pre, url) {
this.curText = '';
this.posit = 1;
this.word = obj;
this.length = obj.length;
this.pre = pre;
this.wait = wait;
this.url = url;
this.display = displaySlideShow;
}

function displayLoop() {
if (!doneLoop) reDraw = setTimeout('displayLoop()', wordIntro.wait);
wordIntro.display();
}

var words = new makeArray ('Ingresa el primer texto aquí', 'Ingresa el segundo texto aquí', 'Ingresa el tercer texto aquí', 'Ingresa el cuarto texto aquí', 'ABRIENDO EL SITIO... ');
var wordIntro = new makeSlideShow (words, 2500, '<CENTER><BR><BR><BR><BR><BR><BR><BR><BR><FONT SIZE = 5>', 'Ingresa aquí el URL de la página que aparecerá');
var blankFrameTop = '<HTML><BODY BGCOLOR = "#000000" TEXT = "#FFFFFF">';
var blankFrameBottom = '</BODY></HTML>';
var blankFrame = blankFrameTop + blankFrameBottom;
var doneLoop = false;

</SCRIPT>
</HEAD><FRAMESET onLoad = "displayLoop()" ROWS = "100%, *" FRAMEBORDER = NO BORDER = 0>

Texto en la barra de estado:

Con este recurso podés incluir varios mensajes, novedades y noticias sobre tu sitio. Es una forma de destacar lo que quieras y también de agregar un efecto diferente a tu sitio.

ar[0] = "Ingresa aquí el primer texto "
ar[1] = "Ingresa aquí el segundo texto"
ar[2] = "Ingresa aquí el tercer texto"
ar[3] = "Ingresa aquí el cuarto texto"
ar[4] = "Ingresa aquí el quinto texto"

var message = 0
var state = ""
clearState()

function stopBanner() {
if (bannerRunning)
clearTimeout(timerID)
timerRunning = false
}

function startBanner() {
stopBanner()
showBanner()
}

function clearState() {
state = ""
for (var i = 0; i < ar[message].length; ++i) {
state += "0"
}
}

function showBanner() {
if (getString()) {
message++
if (ar.length <= message)
message = 0
clearState()
timerID = setTimeout("showBanner()", pause)
}
else {
var str = ""
for (var j = 0; j < state.length; ++j) {
str += (state.charAt(j) == "1") ? ar[message].charAt(j) : " "
}
window.status = str
timerID = setTimeout("showBanner()", speed)
}
}

function getString() {
var full = true
for (var j = 0; j < state.length; ++j) {
if (state.charAt(j) == 0)
full = false
}
if (full) return true
while (1) {
var num = getRandom(ar[message].length)
if (state.charAt(num) == "0")
break
}
state = state.substring(0, num) + "1" + state.substring(num + 1, state.length)
return false
}

function getRandom(max) {
var now = new Date()
var num = now.getTime() * now.getSeconds() * Math.random()
return num % max
}
// -->
</script>

Paso 2: Ingresa el siguiente código en la etiqueta <body> de tu página:

<Body onLoad="startBanner()">

Si ya existen otros parámetros en tu etiqueta body, sólo agrega un espacio después del último e incluye onLoad="startBanner()".
Este comando es importante para hacer que el texto aparezca en la barra de estado inmediatamente al cargarse la página.

Efecto de apertura:

Este es un recurso fabuloso y muy fácil que permite crear un efecto de entrada a tu página. Es sólo copiar y pegar el código en tu página. Siempre que alguien acceda a tu sitio el efecto será activado.

¿Querés cambiar el color? Podés cambiarlo por cualquier otro color. ¡Es muy fácil:

Observá que existe una parte del código que contiene:

Donde dice "green", debes poner el nombre en inglés o el código hexadecimal del color que deseas.

Podés también seleccionar uno de los colores que siguen y sustituir la referida parte del código original por esta nueva que vas a recibir.

Imagen que sigue al mouse:

Observá cómo queda el cursor del mouse con este recurso. Podés elegir la imagen que quieras y ésta acompañará el movimiento del mouse. Puede ser el logotipo de tu empresa, por ejemplo, o la imagen de tu preferencia. Tu sitio ganará personalidad y combinará mucho más con tu estilo.

Para tener este recurso en tu página, tenés que seguir dos pasos:

Paso 1: Incluí el siguiente código en tu página HTML.

<div id="Orbita" style="position:absolute; left: 475px; top: 11px; width: 36px; height: 32px"><img src="Ingresa aquí el nombre del archivo de imagen" border=0></div>

En las últimas líneas donde dice que tenés que ingresar el nombre del archivo de imagen que aparecerá con el cursor del mouse, podés incluir archivos del tipo gif o jpg.

Paso 2: Ahora es necesario que incluyas el código que sigue en tu tag <body>, que quedará así:

<body onLoad="YY_Mousetrace('',',document.YY_Mousetrace1'); YY_Layerfx(8,18,'yy_ml','yy_mt','document.layers['Orbita']',50000,false,0,0,10)">

Si ya existen otros parámetros en tu etiqueta , agregá un espacio después del último y luego incluí:

onLoad="YY_Mousetrace('',',document.YY_Mousetrace1'); YY_Layerfx(8,18,'yy_ml','yy_mt','document.layers['Orbita']',50000,false,0,0,10)"

Efectos de transición especiales:

Estos efectos de transición son especiales porque con ellos tu página tendrá una apertura muy original, pero sólo funcionarán con Internet Explorer. No tendrás problemas para utilizar este recurso, ya que los usuarios de otros navegadores no verán errores y la página se cargará normalmente.

Ingresá el código debajo de la etiqueta <body> de tu página.

Menú desplegable:

El menú desplegable permite que coloques varios enlaces en un solo lugar. Con esto, ganás espacio y facilidad de navegación. Este menú no necesita un botón para activarse. Basta con seleccionar el enlace y automáticamente el navegador se dirigirá a la página. Este menú funciona en páginas sin marcos.

Para crear tu menú y personalizarlo, pegá el siguiente código en tu página HTML:

<form>
<select NAME="links" onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value">
<option SELECTED>Elija la sección que desee</option>
<option VALUE="http://www.pauluk.8k.com">Pauluk Computación</option>
<option VALUE="http://www.pauluk.8k.com/trucos.htm">Trucos PC</option>
<option VALUE="http:/www.pauluk.8k.com/noticias.htm">Noticias Tecnológicas</option>
</select>
</form>

Instrucciones para personalización: Observá que cada opción del menú se hace con la etiqueta:

<option VALUE="Ingresa el enlace aquí">Ingresa el nombre del enlace aquí</option>

No alteres la siguiente etiqueta:

<select NAME="links" onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value">

Si cambiás algo en ella, tu menú no funcionará correctamente.

Tu icono en la lista de los favoritos:

Este recurso es muy bueno pero sólo funcionará en IE. Cuando alguien agrega tu página a la lista de favoritos, aparece al lado del título un pequeño icono de Internet Explorer. ¿Qué tal si colocas tu propio icono allí? Sí: más personalización para tu sitio.

Para que el icono aparezca en la lista de favoritos del usuario, tenés que colocarlo, primero, dentro de tu espacio y después, incluir dentro de tus páginas una pequeña y simple línea de código que hará que el mismo aparezca en la lista. Podés usar cualquier icono que desees (no olvides que los archivos de icono tienen la extensión .ICO, imágenes gif o jpg no pueden ser usadas).

Incluye el siguiente código entre las etiquetas "<head>" y "</head>" de tu página:

<link rel="SHORTCUT ICON" href="ÍCONO AQUÍ">

Sonido de fondo en la página:

Podés incluir en tu página un sonido de fondo. De esta forma, siempre que alguien acceda a tu página, escuchará dicho sonido. Así podés darle más personalidad a tu sitio. Los archivos de sonido ideales para una homepage son aquellos en formato MIDI (.MID), pero también podés incluir sonidos del tipo WAVE (.WAV).

Netscape e Internet Explorer presentan algunas diferencias en su sistema y, por lo tanto, en algunas versiones de Netscape el sonido puede no ser escuchado.

La etiqueta para incluir sonido en tu página debe ser <EMBED>. Observá el ejemplo:

<embed src="nombre del tema" autostart="true" loop="10" width="1" height="1"></embed>

- En "nombre del tema", ingresás el nombre del tema mid o wav.
- En "loop", ingresás el número de veces que el sonido será repetido.
- En "autostart", definís si querés que el tema comience a sonar solo (atributo TRUE). Si colocás "FALSE", el usuario tendrá que hacer clic en el botón "play" para escuchar el tema.

Actualizar:

La página "Actualizar" lleva al usuario a otra página sin que el mismo deba ejecutar acción alguna. Funciona como un simple redireccionador.

<HTML>
<HEAD>
<META HTTP-EQUIV="REFRESH" CONTENT="Segundos;URL=http://www.pauluk.8k.com">
<TITLE> Titulo </TITLE>
</HEAD>
<BODY>
Códigos HTML
</BODY>
</HTML>

En "segundos", colocás el tiempo que deseas que la página demore hasta redireccionar el usuario al nuevo URL.

Agregar página a Favoritos:

Aprendé a incluir en tu página un enlace para que los usuarios puedan agregarla automáticamente a los favoritos del navegador. El visitante sólo tiene que hacer clic en un enlace para que la página se incluya en su lista de favoritos.

<a href="javascript:window.external.AddFavorite('http://www.pauluk.8k.com',
'Pauluk Computacion')"><small><font face="Verdana" size="1">
Agregar a favoritos</font></small></a>

Barra de estado animada:

Podés darle movimiento a la barra de estado del navegador del visitante en tu sitio. Es un efecto fabuloso que te permite destacar lo que desees.

Copiá el siguiente código y pegalo en tus páginas debajo de la etiqueta <Body>.

Efecto de apertura múltiple:

Este efecto ofrece otra alternativa de apertura para tu sitio, una forma diferente de presentarlo a los visitantes. Es sólo copiar y pegar el código en tu página. Siempre que alguien acceda a tu sitio el efecto será activado.

<div id="i1" class="intro"></div>
<div id="i2" class="intro"></div>
<div id="i3" class="intro"></div>
<div id="i4" class="intro"></div>
<div id="i5" class="intro"></div>
<div id="i6" class="intro"></div>
<div id="i7" class="intro"></div>
<div id="i8" class="intro"></div>
<script language="JavaScript1.2">
var velocidade=20
var tempo=new Array()
var tempo2=new Array()
if (document.layers){
for (i=1;i<=8;i++){
tempo[i]=eval("document.i"+i+".clip")
tempo2[i]=eval("document.i"+i)
tempo[i].width=window.innerWidth
tempo[i].height=window.innerHeight/8
tempo2[i].top=(i-1)*tempo[i].height
}
}
else if (document.all){
var clipright=document.body.clientWidth,clipleft=0
for (i=1;i<=8;i++){
tempo[i]=eval("document.all.i"+i+".style")
tempo[i].width=document.body.clientWidth
tempo[i].height=document.body.offsetHeight/8
tempo[i].top=(i-1)*parseInt(tempo[i].height)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
for (i=1;i<=8;i=i+2)
tempo[i].right-=velocidade
for (i=2;i<=8;i=i+2)
tempo[i].left+=velocidade
if (tempo[2].left>window.innerWidth)
clearInterval(stopit)
}
else if (document.all){
clipright-=velocidade
for (i=1;i<=8;i=i+2){
tempo[i].clip="rect(0 "+clipright+" auto 0)"
}
clipleft+=velocidade
for (i=2;i<=8;i=i+2){
tempo[i].clip="rect(0 auto auto "+clipleft+")"
}
if (clipright<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
</script>

¿Quieres cambiar el color? Puedes cambiarlo por cualquier otro color. ¡Es muy fácil:

Observá que existe una parte del código que contiene:

Donde dice "green", tenés que poner el nombre en inglés o el código hexadecimal del color que deseas.

Podés también seleccionar uno de los colores que siguen y sustituir la referida parte del código original por esta nueva que vas a recibir.

Cambiando la barra de estado:

¿Querés que la barra de estado cambie cuando el mouse pase sobre los enlaces? ¡Es fácil! Podés hacer que cualquier mensaje aparezca en la barra de estado del navegador cuando alguien pase el mouse sobre los enlaces de tu página. Observá cómo hacerlo acá:

- Ejemplo- El código HTML de un enlace común se parece al siguiente ejemplo:

<a href=fotos.html>Fotos del Viaje</a>

Sólo tenés que incluir el siguiente código:

ONMOUSEOVER="window.status='COLOCA EL TEXTO AQUI';return true;" ONMOUSEOUT="window.status='';return true;"

- Código<a href=fotos.html ONMOUSEOVER="window.status='COLOCA EL TEXTO AQUI';return true;" ONMOUSEOUT="window.status='';return true;">Fotos del Viaje</a>

Copia el código y pégalo en tus páginas debajo de la etiqueta <Body>.

Texto aleatorio:

Con el texto aleatorio es posible hacer que, a cada visita a tu página, el usuario vea un mensaje diferente sin necesidad de actualizar tu sitio a todo momento.

<Script Language="JavaScript">
hoje = new Date()
numero_de_textos = 4
segundos = hoje.getSeconds()
numero = segundos % numero_de_textos
if (numero == 0){
texto = "Ingresa el primer texto aquí"
}
if (numero == 01){
texto = "Ingresa el segundo texto aquí"
}
if (numero == 02){
texto = "Ingresa el tercer texto aquí"
}
if (numero == 03){
texto = "Ingresa el cuarto texto aquí"
}
document.write('' + texto +'')
</script>

Instrucciones para personalización: Si deseas incluir más de tres textos, debes ingresar en "numero de textos" el número total de textos que aparecerán.

if (numero == Ingresa el número del texto aquí){
texto = "Ingresa el texto que aparecerá aquí"
}

En "Ingresa el número del texto aquí", sigue la secuencia. En el código, por ejemplo, el último número era "03", por lo tanto, para incluir un nuevo texto, el número será "04", y así sucesivamente para cada nuevo texto.

¡ATENCION! Incluye el código del nuevo texto siempre antes de "document.write('' + texto +'') </script>".

Imagen aleatoria:

Con este recurso es posible hacer que, a cada visita a tu página, el usuario vea una imagen diferente sin necesidad de actualizar tu sitio a cada momento.

Imágenes aleatórias con enlaces: Pegá el siguiente código en tu página HTML. Podés pegarlo donde quieras que aparezcan las imágenes.

<Script Language="JavaScript">
hoje = new Date()
numero_de_imagens = 2
segundos = hoje.getSeconds()
numero = segundos % numero_de_imagens
if (numero == 0){
banner = "Ingresa el nombre de la imagen 1 aqui"
link = "http://"
alvo = "_self"
}
if (numero == 1){
banner = "Ingresa el nombre de la imagen 2 aqui"
link = "http://"
alvo = "_self"
}
document.write('<a href="' + link + '" target="' + alvo + '" ><img src="' + banner + '" border=0></a>')
</script>

Añadir el Asunto y el cuerpo cuando nos envíen un e-mail:

Ya sabés que para enviar un mensaje, tenés que incluir mailto:webmaster@pauluk.8k.com

Bueno, si añadís al final de la dirección de correo ?subject=el subject, éste aparecerá de forma automática en ese campo, así de fácil.

Detectar el navegador:

Esto sirve para comprobar el navegador que se está usando, por si queremos crear una página para Netscape y otra para Internet Explorer:

<script language="JavaScript">

<!--

function esIE30(){

var browserType=navigator.userAgent;

if (browserType.indexOf("MSIE")==-1)

return false;

else

return true;

<!-- Cargar la página según el explorador -->

function cargar(){

if (esIE30())

window.location.href="indice_ie.htm";

else

window.location.href="indice_netscape.htm";

//-->

</script>

Ir a un lugar dentro de la misma página:

Nota: Hay que tener en cuenta que se diferencian las mayúsculas de las minúsculas.

<a href="#posicion1">Ir a la posicion1</a>

Ir a un lugar determinado de otra página:

Nota: Hay que tener en cuenta que se diferencian las mayúsculas de las minúsculas.

<a href="otra_pagina.htm#posicion1">Ir a la posicion1 de otra_pagina</a>

Cambiar el contenido de una página cada "x" segundos:

O mejor dicho, cargar otra página después de "x" segundos.
Este comando debe estar en el bloque <HEAD>...</HEAD>

Web Stats

Aconsejanos

Dinos que mejoras podemos realizar en la web, contenido, diseño y otros aspectos.

Avisanos

Avisanos antes cualquier error en la nueva plantilla, tambien cualquier insulto en el chat, te estaremos muy agradecidos.

Flowhub Demo | Monktastic Premium CMS Themes

Los mejores codigos

Guias

Recursos

Tus dudas aclaradas

Gana dinero Online

Codigos HTML

Aconsejanos

Avisanos

Traduce la web

Siguenos

Vota por la web