Cómo crear una página básica en HTML

Aunque cdigo HTML es bastante bsico en si, contiene algunas partes bastante bsicas y otras muchas ms confusas...
Atencin: los primeros pasos son bastante simples, abre un block de notas o notepad y, al finalizar, guardalo en guardar como... con .html al final ejemplo: nombredelarchivo.html Despus de abrir el block, escribe lo siguiente <html> <head> <title> Aqu va el titulo que puedes ver arriba el de ac es taringa </title> </head> <body> Aqu va lo que vez adentro de la pagina </body> <html> Lo que est entre estos signos: <> se llama etiqueta Cuando la etiqueta tiene este signo antes"/" es decir que se cierra. Color de fondo y de fuente El color de fondo se define as: <body bgcolor="color"> El color puede ir de dos formas: en ingles (ej: "blue" "red" etc) o en hexdecimal que puedes encontrar en pginas web (http://html-color-codes.info/codigos-de-colores-hexadecimales/) (ej: "#FE2E2E" ""#0101DF;" etc) El color del texto se define as: <body text ="color"> El texto puede ir de dos formas: en ingles (ej: "blue" "red" etc) o en hexdecimal que puedes encontrar en pginas web (http://html-color-codes.info/codigos-de-colores-hexadecimales/) (ej: "#FE2E2E" ""#0101DF;" etc) Personalizar el texto escrito Para cambiar el color y el tamao de un texto y la letra en especial: <font color="blue" size="4" face="Comic Sans MS, Arial, MS Sans Serif"> Hola </font> <------Importante Color es igual que arriba y size es un numero entero del 1 al 7 Para la letra en el sentido de negrita, etc...: <b>negrita</b> <i>cursiva</i> <u>subrayado</u> <s>tachado</s> <tt>teletipo (mquina de escribir)</tt> <big>aumenta el tamao de la fuente</big> <small>disminuye el tamao de la fuente</small> Para el tamao de la letra en bsico, se escribe as: <h1>Muy grande</h1> <h2>Grande</h2> <h3>Mediano Grande</h3> <h4>Mediano</h4>
<h5>Mediano Chico</h5> <h6>Chico</h6> Por ltimo, para hacer que el texto se note realmente, existen las marquesinas (es cuando el texto se mueve por una banda): <marquee bgcolor="blue" behavior="alternate" direction="right"> <font color="red" size="5">Aqui estar el texto </font> </marquee> Bgcolor es color de fondo. Behavior es como se mueve, puede ser alternate de un lado a otro rebotando, scroll de un lado a otro, continuamente, slidede un lado a otro, pero una sola vez. Direction es hacia adonde se mover el texto, puede ser down de arriba a abajo, up de abajo a arriba, left de derecha a izquierda o left de izquierda a derecha. Hiperenlances Hiperenlaces es cuando pones una frase que te lleva a una pgina haciendo clic en ella: <a href="http://www.google.com"><font color="red" size="5">Aqu va el texto que aparecer en la pgina</font><a/> Eso te llevaria a http://www.google.com Fotos Para poder poner fotos es un poco ms complicado pero es bsico de todas formas. Antes, en el lugar en el que tienes el bloc de notas guardado tienes que tener tambin una foto y saber el nombre por ejemplo: lafoto.jpg <img src="lafoto.jpg" alt="A qui escribes lo que se ver cuando pases el mouse por encima de la foto"> Redireccionar una pgina: Si tens una direccin larga, y los servidores que te dan direcciones cortas no tienen buena capacidad de almacenamiento o de taza de transferencia de datos, con este cdigo pods hacer que al escribir una direccin se abra otra, solo tens que insertar este cdigo en el index.html del dominio corto poniendo tu direccin actual donde est en verde: <HTML> <HEAD> <TITLE>Redireccionado por www.Herbamu.com</TITLE> <SCRIPT LANGUAGE="JavaScript"> location.href='http://www.Herbamu.com'; </SCRIPT> </HEAD> <BODY> Abrir una Web en Pop Up: Con este cdigo vamos a hacer que al entrar en nuestra pgina automticamente se abra otra, ej. otra Web nuestra, una seccin que queremos mostrar, una publicidad, etc. <script language='JavaScript'>window.open('http://www.Herbamu.com', 'geoflotante', '');</script> Horas restantes para finalizar el da: Con este cdigo insertamos un pequeo relojito que indica la cuenta regresiva de las horas,
minutos y segundos que faltan para finalizar el da. <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 da"> <script language="JavaScript"> <!-var tiempoAtras; updateReloj(); function updateReloj() { var tiempo = new Date(); var hora = 23-tiempo.getHours(); var minutos = 59-tiempo.getMinutes(); var segundos = 59-tiempo.getSeconds(); tiempoAtras= (hora < 10) ? hora :hora; tiempoAtras+= ((minutos < 10) ? ":0" : ":" + minutos; tiempoAtras+= ((segundos < 10) ? ":0" : ":" + segundos; document.Reloj.tiempo.value = tiempoAtras; setTimeout("updateReloj()",1000); } //--> </script> </form> </body> Recomendar Pagina: Con este cdigo podemos hacer que si a un visitante le gust nuestra Web, la recomiende a un amigo escribiendo su direccin de correo electrnico en la casilla, al hacer click en "Recomendar esta Web" se enva un mensaje de correo con el asunto "Pienso que te puede interesar esta pgina..." y en el cuerpo del mensaje aparece la direccin completa donde se encuentra el cdigo y el ttulo de la misma. <form name="eMailer"> ENVA ESTA PGINA 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 pgina..."; function mailThisUrl(){ good = false checkEmailAddress(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> Crear un Formulario o Libro de Visitas: Con este cdigo podemos crear un formulario para que complete el visitante. O tambin un libro de visitas, luego que el visitante apriete el botn "enviar", los datos sern enviados a tu casilla de correo. <H2>Libro de visitas de www.herbamu.com</H2> <FORM ACTION="Herbamu: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> Cuadro explicativo de los enlaces: Sorprend a tus visitantes con este asombroso truco. Al pasar el mouse sobre el link, aparece la explicacin de ese link en un cuadro con la cantidad de palabras que queramos poner. Solo tens 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://herbamu.com" onmouseover="escribe(' Pgina principaln ----------------nn Cuando hagas Click en este enlace irs directamente a la pgina de inicio de mi web');">Pgina principal</a><br> <a href="http://herbamu.com" onmouseover="escribe(' Trucos PCn -----------nn Este enlace te llevar a la pgina de Trucos PC en la que pods encontrar muchos ms trucos interesantes para realizar e incluir en tus pginas web');">Trucos PC</a><br> <a href="http://luis151991.spaces.live.com/?_c02_vws=1" onmouseover="escribe(' Glosarion -------------- nn Diccionario de Trminos Informticos. Enterate el significado de esas palabras de computacin que decs todos los das pero que no sabs 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> Insertar un sonido o msica de fondo: Si quieren que los visitantes escuchen una cancin mientras visitan la Web, o simplemente recibirlos con una meloda estilo presentacin, este es el cdigo que estabas buscando. Solo tens que guardar el sonido en el directorio raz de tu servidor e insertar el siguiente cdigo html: <BGSOUND SRC="sonido.mid" LOOP=none> <WIDTH=200 HEIGHT=55 AUTOSTART="true" LOOP="false" HIDDEN="true"> Se recomienda usar sonidos en formato "midi" que son los de menor peso. 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 cdigo HTML: <a href="ejemplo.exe">Descripcin 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 automticamente. Ejemplo: Si el navegador no logra abrir un archivo "zip" (compactado), inicia la descarga automticamente. Efecto nieve con cualquier imagen: Con este truco pods hacer que caigan por la pantalla varias veces la misma imagen con un efecto estilo nieve. Si quers ver el cdigo y el efecto .
Subrayar un Link al pasar el mouse: Con este cdigo 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"> <!-A:link {COLOR: red; TEXT-DECORATION: none} A:visited {COLOR: gray; TEXT-DECORATION: none} A:active {TEXT-DECORATION: none} A:hover {COLOR: blue; TEXT-DECORATION: underline} --> </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> Transformar el cursor en una mira: Transform la clsica flechita de Windows en una mira de disparo. <style type="text/css"> <!-body { cursor: crosshair} --> </style> Tabla de colores HTML: Esta tabla contiene todos los cdigos para ponerle colores a las barras de desplazamiento, a las fuentes y muchas otras funciones ms. DESCARGA TABLA DE COLORES COMPLETA http://www.megaupload.com/?d=S0P8D8CG 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 y vean en la barra de estado. (para verlo bien en sta pgina pasen el mouse varias veces, ya que hay otro cdigo parecido que lo obstruye). <a href="http://www.herbamu.com" onmouseout="window.status=''" onmouseover="window.status='Ac aparece el mensaje que quieras';return true"> Pauluk Computacin</a> Dificultar copia de pgina: Con este recurso sencillo podemos hacer ms difcil el acceso al cdigo-fuente o la copia de imgenes de nuestro sitio. Cuando el visitante haga click con el botn 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 pginas. Podemos colocarlo antes de la etiqueta <html> o despus 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, tambin hay un contratruco, si entrs a una pgina que tiene este truco que no te deja copiar imgenes o texto, solo tens que hacer click con el botn derecho del mouse sobre la barra de estado y sin soltarlo arrastrarlo hasta la imgen. Listo, se abrir el men como si la pgina no estuviese bloqueada a la copia. Hay que tener en cuenta que muy poca gente conoce este truco, por lo tanto pods usar tranquilo el truco de bloqueo.
Establecer una pgina como inicio: Este cdigo html te sirve para crear un link para que el visitante pueda hacer que tu pgina sea la de inicio de su computadora. Con solo hacer clic sobre el link creado, tu pgina se iniciar automticamente 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.herbamu.com');"> <FONT face=Arial color=#000000 size=-2><U> Establecer como pgina de inicio</U></FONT></A> Enviar un e-mail con Asunto y Mensaje: Con este truco pods hacer que al hacer clic sobre una palabra, se abra el Outlook para enviar un mensaje con tu direccin, el asunto que quieras y el texto que quieras. Por ejemplo: <a href="alguienr@correo.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 pginas y alguien hace clic sobre ellos, automticamente se abre esa direccin en nuestra ventana. Con este truco podemos hacer que al hacer clic sobre un determinado Link, esta direccin se abra en una ventana nueva, quedando la nuestra tambin abierta: <a href="http://www.Herbamu.com" target="_blank">Pauluk Computacin</a> Con este cdigo vamos a impedir que los visitantes seleccionen el texto de nuestra pgina para
luego copiarlo a otro lado. <script language="Javascript">  </script> Con este cdigo insertamos un pequeo relojito que indica la cuenta regresiva de las horas, minutos y segundos que faltan para finalizar el da. <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 da"> <script language="JavaScript"> <!-var tiempoAtras; updateReloj(); function updateReloj() { var tiempo = new Date(); var hora = 23-tiempo.getHours(); var minutos = 59-tiempo.getMinutes(); var segundos = 59-tiempo.getSeconds(); tiempoAtras= (hora < 10) ? hora :hora; tiempoAtras+= ((minutos < 10) ? ":0" : ":" + minutos; tiempoAtras+= ((segundos < 10) ? ":0" : ":" + segundos; document.Reloj.tiempo.value = tiempoAtras; setTimeout("updateReloj()",1000); } //--> </script> </form> </body> Con este cdigo podemos hacer que si a un visitante le gust nuestra Web, la recomiende a un amigo escribiendo su direccin de correo electrnico en la casilla, al hacer click en "Recomendar esta Web" se enva un mensaje de correo con el asunto "Pienso que te puede interesar esta pgina..." y en el cuerpo del mensaje aparece la direccin completa donde se encuentra el cdigo y el ttulo de la misma. <form name="eMailer"> ENVA ESTA PGINA 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 pgina..."; function mailThisUrl(){ good = false checkEmailAddress(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> Sorprend a tus visitantes con este asombroso truco. Al pasar el mouse sobre el link, aparece la explicacin de ese link en un cuadro con la cantidad de palabras que queramos poner. Solo tens que reemplazar mis direcciones por las tuyas, y el texto deseado por el tuyo. <p> <script language="JavaScript"><!-function escribe(frase){document.desplaza.cuadro.value=frase; } // --></script> </p> <table border="0"> <tr> <td width="200"><p align="center"><strong>Opciones.</strong></p> <p><a href="http://www.CheNico.com" onmouseover="escribe(' Pgina principaln ----------------nn Cuando hagas Click en este enlace irs directamente a la pgina de inicio de mi web');">Pgina principal</a><br> <a href="http://***/pauluk/trucosprin.htm" onmouseover="escribe(' Trucos PCn -----------nn Este enlace te llevar a la pgina de Trucos PC en la que pods encontrar muchos ms trucos interesantes para realizar e incluir en tus pginas web');">Trucos PC</a><br>
<a href="http://***/pauluk/GLOSARIO.HTM" onmouseover="escribe(' Glosarion -------------- nn Diccionario de Trminos Informticos. Enterate el significado de esas palabras de computacin que decs todos los das pero que no sabs 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> Con ste cdigo van a conseguir cambiar el clsico color gris de la barra de desplazamiento de la derecha y abajo por el color que quieran. Para cambiar de colores, cambien el nmero 000000 por otros, cada color tiene su nmero, pero la lista es muy larga, as que prueben con los nmero que ya van a encontrar el deseado. <style> <!-BODY { scrollbar-base-color : #000000; scrollbar-arrow-color : #FFFFFF; } .nav { color : #FFCC00; font-size : 8pt;} --> </style> Aprend a incluir la fecha en tu sitio sin necesidad de actualizarla cada da. Slo tens que usar un JavaScript que automticamente exhibir la fecha del da en tu pgina cada vez que sta se abra. No tens que preocuparte con ninguna configuracin. Slo tens que copiar y pegar el cdigo en tu pgina. <script language="JavaScript"> <!-mydate = new Date(); myday = mydate.getDay(); mymonth = mydate.getMonth(); myweekday= mydate.getDate(); weekday= myweekday; if(myday == 0) day = " Domingo, " else if(myday == 1) day = " Lunes, " else if(myday == 2) day = " Martes, " else if(myday == 3) day = " Mircoles, " else if(myday == 4) day = " Jueves, " else if(myday == 5) day = " Viernes, " else if(myday == 6) day = " Sbado, "
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 size=1>"+ day); document.write(myweekday+" de "+month+ "</font>"; // --> </script> Con este recurso personalizs 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 cdigo y pgalo 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 size=2 color=#000000>Hola, visitante!</font></b>" }else{ document.write("<b><font size=2 color=#000000>Hola"+mensagem+"! Bienvenido a mi sitio</font></b>"; } } </script> Atrs y Adelante: Atrs: <a href="javascript:history.go(-1)">Atrs </a> Adelante: <a href="javascript:history.go(1)">Adelante</a> Puedes poner en tu sitio un mensaje personalizado segn la hora en que el visitante entre. Este
puede recibir el saludo "Buen da", "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 pgina. <Font size=2><Script Language="JavaScript"> <!-today = new Date() if(today.getMinutes() < 10){ pad = "0"} else pad = ""; document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){ document.write("Buen da!" } if((today.getHours() >=10) && (today.getHours() <=11)){ document.write("Buen da!" } if((today.getHours() >=12) && (today.getHours() <=19)){ document.write("Buenas tardes!" } if((today.getHours() >=20) && (today.getHours() <=23)){ document.write("Buenas noches!" } if((today.getHours() >=0) && (today.getHours() <=3)){ document.write("Buenas noches!" } if((today.getHours() >=4) && (today.getHours() <=5)){ document.write("Buenas noches!" } // --> </script> </b></font> Con este recurso es posible hacer que, a cada visita a tu pgina, el usuario vea una imagen diferente sin necesidad de actualizar tu sitio a cada momento. Imgenes aleatrias con enlaces: Peg el siguiente cdigo en tu pgina HTML. Pods pegarlo donde quieras que aparezcan las imgenes. <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>
WwW.pAgInAsGrAtIs.*** 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 cdigo HTML: <a href="ejemplo.exe">Descripcin 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 automticamente. Ejemplo: Si el navegador no logra abrir un archivo "zip" (compactado), inicia la descarga automticamente. Con este cdigo 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"> <!-A:link {COLOR: red; TEXT-DECORATION: none} A:visited {COLOR: gray; TEXT-DECORATION: none} A:active {TEXT-DECORATION: none} A:hover {COLOR: blue; TEXT-DECORATION: underline} --> </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> Transform la clsica flechita de Windows en una mira de disparo. <style type="text/css"> <!-body { cursor: crosshair} --> </style> A continuacin veremos otro cdigo 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 cdigo de letras y nmeros. Mas abajo est la tabla de colores. <style> <!-body { scrollbar-face-color: darkgreen ; scrollbar-shadow-color: yellow; scrollbar-highlight-color: violet; scrollbar-3dlight-color: navy; scrollbar-darkshadow-color: magenta; scrollbar-track-color: blue; scrollbar-arrow-color: black } --> </style> Aprend a dar movimiento a tu pgina con botones animados por Java Script. Cada botn puede llevar a un enlace distinto. Slo tienes que configurar los parmetros "lineArr" y "urlArr" del script, que permiten destacar cosas en tu pgina. <font 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 Computacin" urlArr[1] = "http://www.CheNico.com" lineArr[2] = "Trucos PC" urlArr[2] = "http://www.pauluk.8k.com/trucosprin.htm" lineArr[3] = "Noticias Tecnolgicas 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> Al insertar este cdigo, cada vez que entremos en la Web se producir una especie de terremoto en el explorador. Un efecto interesante para atraer la atencin 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> Este efecto hace que cualquier imagen que elijas quede "paseando" por la pantalla, siendo un recurso excelente tanto para llamar la atencin por alguna novedad en tu sitio como para darle ms movimiento a la pgina. Copi y peg el siguiente cdigo en tu pgina HTML. Record que la imagen debe estar en el mismo directorio de tu pgina 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()*)} 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.innerWidth40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5); if (document.animacao.top >= window.innerHeight30+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.offsetWidth45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+157.5); if (document.all.animacao.style.pixelTop >= document.body.offsetHeight35+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> Coloc en tu pgina mensajes animados que se agrandan y llaman la atencin de los visitantes. Adems, incluyen enlaces hacia donde vos quieras. Copi el siguiente cdigo y pegalo en tus pginas debajo de la etiqueta <Body>. <script language="JavaScript"> var velocidade = 45; var ciclo = 2000; var tamanho = 20; var x = 0; var y = 0; var mensagens, size; var esize = "</font>"; function initArray() {
this.length = initArray.arguments.length; for (var i = 0; i < this.length; i++) { this = initArray.arguments; } } var mensagens2 = new initArray( "Visita", "www.CheNico.com", "webmaster@pauluk.8k.com" ); if(navigator.appName == "Netscape" document.write('<layer id="wds"></layer><br>'); if (navigator.appVersion.indexOf("MSIE" != -1) document.write('<span id="wds"></span><br>'); function aumenta(){ mensagens = mensagens2[y]; if (x < tamanho) { x++; setTimeout("aumenta()",velocidade); } else setTimeout("diminui()",ciclo); if(navigator.appName == "Netscape" { size = "<font 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 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 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 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> Este es un excelente recurso. Pods proteger tus pginas con una clave. As pods definir exactamente quienes entrarn a tu pgina. No tens que preocuparte por configuraciones. Es muy sencillo: la clave siempre ser el nombre de tu pgina sin la extensin .htm, es decir, si la pgina tiene el nombre de "ejemplo.htm", la clave ser "ejemplo". Ves que fcil?. Para tener este recurso en tu sitio debes incluir un cdigo en la pgina de "entrada" en donde el visitante ingresar la clave, y enviar a tu sitio el archivo de la pgina que ser cargada. <Form name="frm"> <center> <Script Language="JavaScript"> <!-// function loadpage(){ var psj=0; newwin = window.open(document.frm.pswd.value + ".htm" } //--> </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> <p> <input type="button" value="Entra" onClick="loadpage()" name="button"> </p> </center> </form> Texto en movimiento <marquee> escribe tu texto aqui </marquee> Texto en movimiento y con color de fondo <marquee scrolldelay="1" direction="right" bgcolor="red"> <font color="navy"> Escribe tu texto aqui </marquee> </font> Ponerle color a las letras <font color="red"> (es un ejemplo pero se puede cambiar) Poner un hipervinculo <a href="http://www.youtube.com. mx"> Youtube
Poner una imagen a tu web <img src="Url de la pagina"> Cursor: <style type="text/css"> <!-body { cursor: crosshair} --> </style> Pantalla que tiembla <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> BIenvenidos a mi web <center><embed src="http://www.criticallayouts.com/Generators/LED-Scroller/LCD1.swf" FlashVars="t=BIENVENIDOS A MI WEB&msg=MySpace Generators&b=1" quality="high" bgcolor="#000000" width="450" height="60" name="LCDScroller" align="middle" allowScriptAccess="samedomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed><br><font size="2"><a href="http://www.criticallayouts.com">MySpace Generators</a></font></center> Reloj: <embed src="http://www.criticallayouts.com/Generators/clock/show.swf? baseURL=http://www.criticallayouts.com/Generators/clock/&clickURL=http://www.criticallayouts.c om/&linktype=0&clickLABEL=MySpace Generators&type=2&cl=3&scale=100" quality="high" bgcolor="#ffffff" width="158" height="148" name="show" align="middle" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br><a href="http://www.criticallayouts.com/">MySpace Generators<a/> Clima: div align="center"><font face="Tahoma"><strong>Clima</strong></font><br /> <embed width="520" height="400" menu="true" loop="true" play="true" src="http://weather.eu.msn.com/f5/loader19.swf? mode=world&lang=ES_MX&continent=NorthAmerica&MXtype=m" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwaveflash"></embed><br /> <br /> <div align="left"><strong><font face="Tahoma">Un clima muy fácil de usar.<br /> </font></strong><font face="Tahoma">Este es un flash del clima mundial muy preciso, este utiliza la tecnología de Foreca para brindar el clima mundial con tan solo algunos cuantos clic al programa.<br /> <br />
<strong>Instrucciones.<br /> </strong>Generalmente el programa se inicia en México, si vives ahí solo haz clic en la sección de México a la que perteneces y luego a tu ciudad.<br /> <br /> En caso de vivir en cualquier otra parte del mundo basta con oprimir el mapa que se encuentra arriba del logo de Foreca, en la esquina inferior izquierda del programa; así irás a América del Norta, si haces clic una vez más te aparecerá un mapa mundial, haz clic en la parte del mundo en que vives y despues en tu sección del lugar, yasí sucesivamente.</font></div> </div> TV: trong>.::TV ONLINE 24 HORAS---WWW.LADISKOTEKA.COM---::. <p> </p> <p align="left"><strong><font size="1" face="Verdana"><img width="20" height="14" alt="Bandera de Argentina" src="http://tvstation.iespana.es/images/ar.gif" /> <a target="tv" href="http://tvstation.iespana.es/argentina.html"><font color="#ff9900">Argentina</font></a><br /> <img width="20" height="14" alt="Bolivia" src="http://tvstation.iespana.es/images/bo.gif" /> <a target="tv" href="http://tvstation.iespana.es/bolivia.html"><font color="#ff9900">Bolivia</font></a><br /> <img width="20" height="14" alt="Chile" src="http://tvstation.iespana.es/images/cl.gif" /> <a target="tv" href="http://tvstation.iespana.es/chile.html"><font color="#ff9900">Chile</font></a><br /> <img width="20" height="14" alt="Colombia" src="http://tvstation.iespana.es/images/co.gif" /> <a target="tv" href="http://tvstation.iespana.es/colombia.html"><font color="#ff9900">Colombia</font></a><br /> <img width="20" height="14" alt="Costa Rica" src="http://tvstation.iespana.es/images/cr.gif" /> <a target="tv" href="http://tvstation.iespana.es/costarica.html"><font color="#ff9900">Costa Rica</font></a></font></strong><br /> <strong><font size="1" face="Verdana"><img width="20" height="14" alt="Cuba" src="http://tvstation.iespana.es/images/cu.gif" /> <a target="tv" href="http://tvstation.iespana.es/cuba.html"><font color="#ff9900">Cuba</font></a><br /> <img width="20" height="14" alt="El Salvador" src="http://tvstation.iespana.es/images/sv.gif" /> <a target="tv" href="http://tvstation.iespana.es/elsalvador.html"><font color="#ff9900">El Salvador</font></a><br /> <img width="20" height="14" alt="Banderas Animadas de España" src="http://tvstation.iespana.es/images/es.gif" /> <font color="#ff9900"><a target="tv" href="http://tvstation.iespana.es/espana.html"><font color="#000000">España</font></a></font><br /> <img width="20" height="14" alt="México" src="http://tvstation.iespana.es/images/mx.gif" /> <a target="tv" href="http://tvstation.iespana.es/mexico.html"><font color="#ff9900">Mexico</font></a><br /> <u><a target="tv" href="http://tvstation.iespana.es/panama.html"><font color="#ff9900"><img width="20" height="14" alt="Panama" src="http://tvstation.iespana.es/images/pa.gif" />Panama</font></a></u><br /> <img width="20" height="14" alt="Perú" src="http://tvstation.iespana.es/images/pe.gif" /> <u><a target="tv" href="http://tvstation.iespana.es/peru.html"><font color="#ff9900">Peru</font></a></u><br /> <img width="20" height="14" alt="Puerto Rico" src="http://tvstation.iespana.es/images/pr.gif" /> <u><a target="tv" href="http://tvstation.iespana.es/puertorico.html"><font color="#ff9900">Puerto Rico</font></a></u><br /> <img width="20" height="14" alt="Republica Dominicana" src="http://tvstation.iespana.es/images/do.gif" /> <u><a target="tv" href="http://tvstation.iespana.es/repdom.html"><font color="#ff9900">Rep. Dom.</font></a></u><br />
<img width="20" height="14" alt="Uruguay" src="http://tvstation.iespana.es/images/uy.gif" /> <font color="#ff9900"><u><a target="tv" href="http://tvstation.iespana.es/uruguay.html">Uruguay</a></u></font><br /> <u><a target="tv" href="http://tvstation.iespana.es/venezuela.html"><font color="#ff9900"><img width="20" height="14" alt="Venezuela" src="http://tvstation.iespana.es/images/ve.gif" /><font color="#ff9900">Venezuela</font></font></a></u></font></strong></p> <p align="center"><a target="tv" href="http://tvstation.iespana.es/intro.htm"><img width="80" height="21" border="0" alt="" src="http://www.pandasoftware.com/activescan/imagenes/imageneses/bot_detener_over.gif" /></a></p> <iframe width="438" height="356" style="border: 2px solid rgb(0, 0, 0); width: 438px; height: 356px;" name="tv" src="http://mx.geocities.com/ladiskotk/tvonline.html"></iframe> <p align="center"> </p> <object type="application/x-shockwave-flash" data="http://www.99counters.com/counters.swf? id=22037&ln=es" width="120" height="160" wmode="transparent"> <param name="movie" value="http://www.99counters.com/counters.swf? id=22037&ln=es" /> <param name="wmode" value="transparent" /><embed src="http://www.99counters.com/counters.swf?id=22037&ln=es" type="application/xshockwave-flash" wmode="transparent" width="120" height="160"></embed><br /> <a href="http://www.onlinecasinoextra.com/">casino</a> <a href="http://es.99counters.com/">Contador De Visitas</a></object> Musica: <embed pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" hidden="false" align="middle" loop="False" volume="100" autostart="true" showstatusbar="false" src="URL_DE_TU_TEMA_MUSICAL" height="45" type="application/x-mplayer2" width="310"></embed> texto con zoom dijo: <script language="Javascript" src="http://codespwg.***/js/date.js"></script> Esto ponlo donde kieras ke este la frase (cambia la frase) dijo: <body onload="resetear(10, 48, 10, 'letras')"> <body onload="resetear(10, 48, 10, 'letras')"> <DIV id="letras" style="position:absolute; font-size:10px; height:56px; width: 761px; backgroundcolor: #CCFFCC;border: 1px none #000000;">Toda la frase va creciendo</DIV> </body> Cambia el color del fondo cuando se carga la pagina dijo: <script> function initArray() { this.length = initArray.arguments.length for (var i = 0; i < this.length; i++) this[i+1] = initArray.arguments } var hexChars = "0123456789ABCDEF"; function Dec2Hex (Dec) { var a = Dec % 16; var b = (Dec - a)/16;
hex = "" + hexChars.charAt(b) + hexChars.charAt(a); return hex; } function CHANGEBG (begin, end, steps) { steps = steps -1 ; redA = begin.charAt(0) + begin.charAt(1); red_valA = parseInt(redA,'16'); redB = end.charAt(0) + end.charAt(1); red_valB = parseInt(redB,'16'); red_int = ((red_valB - red_valA) / steps) * -1; grnA = begin.charAt(2) + begin.charAt(3); grn_valA = parseInt(grnA,'16'); grnB = end.charAt(2) + end.charAt(3); grn_valB = parseInt(grnB,'16'); grn_int = ((grn_valB - grn_valA) / steps) * -1; bluA = begin.charAt(4) + begin.charAt(5); blu_valA = parseInt(bluA,'16'); bluB = end.charAt(4) + end.charAt(5); blu_valB = parseInt(bluB,'16'); blu_int = ((blu_valB - blu_valA) / steps) * -1; step = 2; red = red_valA; grn = grn_valA; blu = blu_valA; document.bgColor = begin; while ( steps >= step ) { red -= red_int; red_round = Math.round(red); red_hex = Dec2Hex(red); grn -= grn_int; grn_round = Math.round(grn); grn_hex = Dec2Hex(grn); blu -= blu_int; blu_round = Math.round(blu); blu_hex = Dec2Hex(blu); document.bgColor = red_hex + grn_hex + blu_hex; step++; } document.bgColor = end; } </script> </HEAD><BODY> <script> <!-CHANGEBG("FFFFFF","000000",350); // --> </script> Para ke no hagan click derecho: dijo: <script language="Javascript"> zaehler=0; function right(e) { if (navigator.appName == 'Netscape'){ if (e.which == 3 || e.which == 2){ alert("Aqui no puedes utilizar el botn derecho del mouse";
for(i=0;i!=zaehler;i++)alert("Ya te avis, te penalizar con n "+(zaehler-i)+"n clicks."; zaehler+=10; alert("La proxima vez que lo hagas ser peor!"; return false;}} if (navigator.appName == 'Microsoft Internet Explorer'){ if (event.button == 2 || event.button == 3){ alert("Aqui no puedes utilizar el botn derecho del mouse"; for(i=0;i!=zaehler;i++)alert("Ya te avis, te penalizar con n "+(zaehler-i)+"n clicks."; zaehler+=10; alert("La proxima vez que lo hagas ser peor"; return false;}} return true; } document.onmousedown=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; // --></script> Fecha: dijo: <script language="JavaScript"> // -- made by A1javascripts.com, please keep these credits when using this script days = new Array(7) days[1] = "Domingo"; days[2] = "Lunes"; days[3] = "Martes"; days[4] = "Miercoles"; days[5] = "Jueves"; days[6] = "Viernes"; days[7] = "Sabado"; months = new Array(12) months[1] = "Enero"; months[2] = "Febrero"; months[3] = "Marzo"; months[4] = "Abril"; months[5] = "Mayo"; months[6] = "Junio"; months[7] = "Julio"; months[8] = "Agosto"; months[9] = "Septiembre"; months[10] = "Octubre"; months[11] = "Noviembre"; months[12] = "Diciembre"; today = new Date(); day = days[today.getDay() + 1] month = months[today.getMonth() + 1] date = today.getDate() year=today.getYear(); if (year < 2000) year = year + 1900; document.write ("<font face=Verdana size=2>" + day + ", " + month + " " + date + ", " + year + "</font>" // -- end hiding </script> </b>
Frase ke sige al raton: dijo: <html> <head> <title>Cursor 8</title> </head> <body> <script language="JavaScript1.2"> <!-//Editar mensaje y color var message='TU TEXTO'; var messagecolor='#000000' //Cantidad de veces que se muestra el mensaje (0=infinitas) var dismissafter=0 ///no editar///////// var amount=5,ypos=0,xpos=0,Ay=0,Ax=0,By=0,Bx=0,Cy=0,Cx=0,Dy=0,Dx=0,Ey=0,Ex=0; if (document.layers){ for (i = 0; i < amount; i++) {document.write('<layer name=ns'+i+' top=0 left=0><font face="Verdana" size=3 color='+messagecolor+'>'+message+'</font></layer>')} window.captureEvents(Event.MOUSEMOVE); function nsmouse(evnt){xpos = evnt.pageX;ypos = evnt.pageY;makefollow()} } else if (document.all){ document.write("<div id='outer' style='position:absolute;top:0px;left:0px'>"; document.write("<div id='inner' style='position:relative'>"; for (i = 0; i < amount; i++) {document.write('<div id="text"'+i+' style="position:absolute;top:0px;left:0px;fontfamily:Verdana;font-size:16px;color:'+messagecolor+'">'+message+'</div>')} document.write("</div>"; document.write("</div>"; function iemouse(){ypos = document.body.scrollTop + event.y;xpos = document.body.scrollLeft + event.x;makefollow()} } function makefollow(){ if (document.layers){ document.layers["ns0"].top=ay;document.layers["ns0"].left=ax; document.layers["ns1"].top=by;document.layers["ns1"].left=bx; document.layers["ns2"].top=cy;document.layers["ns2"].left=cx; document.layers["ns3"].top=Dy;document.layers["ns3"].left=Dx; document.layers["ns4"].top=Ey;document.layers["ns4"].left=Ex; } else if (document.all){ outer.all.inner.all[0].style.pixelTop=ay;outer.all.inner.all[0].style.pixelLeft=ax; outer.all.inner.all[1].style.pixelTop=by;outer.all.inner.all[1].style.pixelLeft=bx; outer.all.inner.all[2].style.pixelTop=cy;outer.all.inner.all[2].style.pixelLeft=cx; outer.all.inner.all[3].style.pixelTop=Dy;outer.all.inner.all[3].style.pixelLeft=Dx; outer.all.inner.all[4].style.pixelTop=Ey;outer.all.inner.all[4].style.pixelLeft=Ex; } } function move(){ if (dismissafter!=0)
setTimeout("hidetrail()",dismissafter*1000) if (document.layers){window.onMouseMove = nsmouse} else if (document.all){window.document.onmousemove = iemouse} ey = Math.round(Ey+=((ypos+20)-Ey)*2/2);ex = Math.round(Ex+=((xpos+20)-Ex)*2/2); dy = Math.round(Dy+=(ey - Dy)*2/4);dx = Math.round(Dx+=(ex - Dx)*2/4); cy = Math.round(Cy+=(dy - Cy)*2/6);cx = Math.round(Cx+=(dx - Cx)*2/6); by = Math.round(By+=(cy - By)*2/8);bx = Math.round(Bx+=(cx - Bx)*2/8); ay = Math.round(Ay+= (by - Ay)*2/10);ax = Math.round(Ax+= (bx - Ax)*2/10); makefollow(); jumpstart=setTimeout('move()',10); } function hidetrail(){ if (document.all){ for (i2=0;i2<amount;i2++){ outer.all.inner.all[i2].style.visibility="hidden" clearTimeout(jumpstart) } } else if (document.layers){ for (i2=0;i2<amount;i2++){ temp="ns"+i2 document.layers[temp].visibility="hide" clearTimeout(jumpstart) } } } window.onload=move; //--> </script> </body> </html> </object></layer></div></span></style></noscript></table></script></applet> <script language="JavaScript" src="http://mx.geocities.com/js_source/ygIELib9.js? v3"></script><script language="JavaScript">var yviContents='http://mx.toto.geo.yahoo.com/toto? s=382036055&l=NE&b=1&t=1010975565';yviR='mx';yfiEA(0);</script><script language="JavaScript" src="http://us.i1.yimg.com/us.yimg.com/i/mc/mc.js"></script><script language="JavaScript" src="http://mx.geocities.com/js_source/geov2.js"></script><script language="javascript">geovisit();</script><noscript><img src="http://visit.geocities.com/visit.gif? 1010975565" border=0 width=1 height=1></noscript> <IMG SRC="http://geo.yahoo.com/serv?s=382036055&t=1010975565" ALT=1 WIDTH=1 HEIGHT=1> El cursor es una mira: dijo: <style> <!-#leftright, #topdown{ position:absolute; left:0; top:0; width:1px;
height:1px; layer-background-color:black; background-color:black; z-index:100; font-size:1px; } --> </style> <div id="leftright" style="width:expression(document.body.clientWidth-2)"></div> <div id="topdown" style="height:expression(document.body.clientHeight-2)"></div> <script language="JavaScript1.2"> <!-/* Document crosshair ScriptBy Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more free DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ if (document.all&&!window.print){ leftright.style.width=document.body.clientWidth-2 topdown.style.height=document.body.clientHeight-2 } else if (document.layers){ document.leftright.clip.width=window.innerWidth document.leftright.clip.height=1 document.topdown.clip.width=1 document.topdown.clip.height=window.innerHeight } function followmouse1(){ //move cross engine for IE 4+ leftright.style.pixelTop=document.body.scrollTop+event.clientY+1 topdown.style.pixelTop=document.body.scrollTop if (event.clientX<document.body.clientWidth-2) topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1 else topdown.style.pixelLeft=document.body.clientWidth-2 } function followmouse2(e){ //move cross engine for NS 4+ document.leftright.top=e.y+1 document.topdown.top=pageYOffset document.topdown.left=e.x+1 } if (document.all) document.onmousemove=followmouse1 else if (document.layers){ window.captureEvents(Event.MOUSEMOVE) window.onmousemove=followmouse2
} function regenerate(){ window.location.reload() } function regenerate2(){ setTimeout("window.onresize=regenerate",400) } if ((document.all&&!window.print)||docume

Cómo crear una página básica en HTML

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Cómo crear una página básica en HTML

Uploaded by

Copyright:

Available Formats

Aunque cdigo HTML es bastante bsico en si, contiene algunas partes bastante bsicas y otras muchas ms confusas...

} function regenerate(){ window.location.reload() } function regenerate2(){ setTimeout("window.onresize=regenerate",400) } if ((document.all&&!window.print)||docume

You might also like