
	.

Entretenimiento

Buscadores

tv online

Noticias

Otros

todo para la web

descargar


	codigos html

Los mejores codigos html

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>

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:

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

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

x:::musik:::x

Music Playlist at MixPod.com

x:::Contador de visitas:::x

x:::HORA:::x

cursores

x:::CALENDARIO:::x

Free Blog Content

x:::Vota:::x

Get your own Poll!

Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?

Registrarse gratis