xXSnAzErxX - Codigos para tu web

xXSnAzErxX
Codigos para tu web

Los Mejores Codigos Para Tu Web:

Donde ponerlos ? En la pagina que quieras que salga o si quieres que salga en todas las paginas debes de ponerlo en texto por debajo de la pagina o por encima o en un box .

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

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

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" _fcksavedurl="l1.htm" _fcksavedurl="l1.htm">El texto que quieras.</a><br> <a href="l2.htm" _fcksavedurl="l2.htm" _fcksavedurl="l2.htm">otro texto.</a><br> <a href="l3.htm" _fcksavedurl="l3.htm" _fcksavedurl="l3.htm">Otro texto.</a><br> </p>

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>

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:

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

Subir Imagenes en tu web a PIXELEA:

<form enctype="multipart/form-data" method="post" action="http://pixelea.com/index.php" target="_blank"> <div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px" align="center"><input id="imagen" class="boton" size="35" type="file" name="imagen" /><br /> <input id="enviar" class="botondos" type="submit" name="enviar" value="Subir imagen" /> <input type="hidden" name="action" value="upload" /> </div> <div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px" align="center"> </div> </form>

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

 <p> </p> <center> <form action="http://www.google.com/search" method="get"> <table bgcolor="#ffffff"> <tbody> <tr> <td><a href="www.google.es/" _fcksavedurl="www.google.es/" _fcksavedurl="www.google.es/"><img alt="Google" align="absMiddle" border="0" src="http://www.google.com/logos/Logo_40wht.gif" _fcksavedurl="http://www.google.com/logos/Logo_40wht.gif" _fcksavedurl="http://www.google.com/logos/Logo_40wht.gif" /></a> <input maxlength="255" size="31" name="q" /> <input type="hidden" name="hl" value="es" /> <input type="submit" name="btnG" value="Búsqueda Google" />

codigo para central web:

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

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

Quitar boton intro

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

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

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.

<script type="text/javascript" src="http://shots.snap.com/ss/36bec0f2827d1b8bb004ecad9846824a/snap_shots.js"></script>

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.

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

Al insertar este codigo en tu web podras subir imagenes
directamente a PIXELEA.
by→

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