Lukitaxfull

Usuario (Argentina)

Primer post: 19 jun 2010Último post: 19 jun 2010

Posts

Puntos totales

Comentarios

InfoporAnónimo6/19/2010

Buenos dias/noche/tarde taringueros, hoy les vengo a traer estos codigos hmtl creo que hay mas de 50, si se preguntan como los saque? los fui buscando estos fueron unos de los primeros que encontraes tus diras 50 muchos o pocos? no importa porque tenemos mas de 300 codigos hmtl en la web, asique los pueden buscar ahi, los de la web estan mas lindo, bueno ahora les dejo el link de la web es www.invitacioneslockersbona.jimdo.com a la s que esta en negrita ponele una z asi el link es correcto acontinuacion los codigos_ Redireccionar una página: Si tenés una dirección larga, y los servidores que te dan direcciones cortas no tienen buena capacidad de almacenamiento o de taza de transferencia de datos, con este código podés hacer que al escribir una dirección se abra otra, solo tenés que insertar este código en el index.html del dominio corto poniendo tu dirección actual donde está en verde: <hmtl> <head> <title>Redireccionado por www.invitaciones***bona.jimdo.com</TITLE> <script languague="JavaScript"> location.href='http://www.invitaciones***bona.jimdo.com'; </script> </head> <body> Abrir una Web en Pop Up: 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. <scriptlanguage='JavaScript'>window.open('http://www.chenico.com', 'geoflotante', '');</script> No dejar seleccionar el texto de nuestra Web: Con este código vamos a impedir que los visitantes seleccionen el texto de nuestra página para luego copiarlo a otro lado. <script language="Javascript">  </script> 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. <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">  </script> </form> </body> Recomendar Pagina: Con este código podemos hacer que si a un visitante le gustó nuestra Web, la recomiende a un amigo escribiendo su dirección de correo electrónico en la casilla, al hacer click en "Recomendar esta Web" se envía un mensaje de correo con el asunto "Pienso que te puede interesar esta página..." y en el cuerpo del mensaje aparece la dirección completa donde se encuentra el código y el título de la misma. <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 = 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> 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. Solo tenés que guardar el sonido en el directorio raíz de tu servidor e insertar el siguiente código 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 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. Transformar el cursor en una mira: Transformá la clásica flechita de Windows en una mira de disparo. <style type="text/css">  </style> 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.CheNico.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.CheNico.com');"> <FONT face=Arial color=#000000 size=-2><U> Establecer como página de inicio</U></FONT></A> Enviar un e-mail con Asunto y Mensaje: Con este truco podés hacer que al hacer clic sobre una palabra, se abra el Outlook para enviar un mensaje con tu dirección, el asunto que quieras y el texto que quieras. Por ejemplo: Hacé clic acá para mandarme un mensaje <a href="mailto:[email protected]?subject=Prueba.&body=Estoy probando el truco...">Hacé clic acá para mandarme un mensaje</a> Abrir un Link en una Ventana Nueva: Cuando tenemos Links en nuestras páginas y alguien hace clic sobre ellos, automáticamente se abre esa dirección en nuestra ventana. Con este truco podemos hacer que al hacer clic sobre un determinado Link, esta dirección se abra en una ventana nueva, quedando la nuestra también abierta: <a href="http://www.CheNico.com" target="_blank">Pauluk Computación</a> Crear un PopUp: Abrir una pequeña ventana con una imagen. Podemos darle las medidas que queramos cambiando "Width" y "Height". <a name="1"></a><A onclick="window.open('MiFoto.jpg','Estructuras','toolbar=no,location=no,scrollbars=yes,directories= no,status=no,menubar=no,resizable=no,width=400,height=475');" href="#1"><b><font face="Verdana" size="2">Ejemplo</font></b></a> Abrir un link de una imagen en una ventana nueva: Con este código podemos insertar una imagen (ej. banner) y que al hacer click sobre ella se abra el link de destino en una ventana nueva. Primero ponemos la ruta del link de destino, y luego la ruta donde está alojada la imagen. Si está alojada en la raíz de nuestro servidor solo ponemos el nombre y listo. <a href="http://www.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. <script language="JavaScript">  </script> 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: <style> .animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:black;} </style> <script language=JavaScript> var x,y var tempo=10 var espera=0 var texto="www.CheNico.com" texto=texto.split("" var xpos=new Array() for (i=0;i<=texto.length-1;i++) { xpos=-50 } var ypos=new Array() for (i=0;i<=texto.length-1;i++) { ypos=-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=xpos[i-1]+tempo ypos=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 camada.posTop=ypos } } else if (espera==1 && document.layers) { for (i=texto.length-1; i>=1; i--) { xpos=xpos[i-1]+tempo ypos=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 camada.top=ypos } } 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) 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()*)} iniciar=abc; 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> 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!. <script language="JavaScript1.2">  </script>"#6699FF"; break; } } with(document.body.style) { scrollbarDarkShadowColor=line; scrollbar3dLightColor=line; scrollbarArrowColor="black"; scrollbarBaseColor=face; scrollbarFaceColor=face; scrollbarHighlightColor=face; scrollbarShadowColor=face; scrollbarTrackColor="#FFFFFF"; } } function colorBar(){ var w = document.body.clientWidth; var h = document.body.clientHeight; var x = event.clientX; var y = event.clientY; if(x>w) scrollBar('#000080','#E58D28'); else scrollBar(null,null,"blue"; } if (document.all){ scrollBar(null,null,"blue"; document.onmousemove=colorBar; } //--> </script> 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. <style>  </style> 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> 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> <head>  <meta http-equiv="refresh" content="segundos; url=siguiente_pagina.htm">  </head>