web

Codigos html avanzados

codigos html avanzados

1=Codigo para poner menu en los box de la derecha:
Insertalo en donde quieras que aparezca
<table width="185" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr class="checked_menu"> <td id="nav_Home" class="nav"><a class="menu" href="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link">Nombre del link</a></td> </tr> </tbody> </table>ágina

2=Codigo para poner mas box de la derecha en tu diseño:
Lo tienes que poner en texto por encima de la pagina
<style type="text/css">  </style>  <table class="rb_neu" width="168" border="0" cellspacing="0" cellpadding="0" id="table1"> <tr> <td height="24" class="sidebar_heading" background="https://img.webme.com/designs/iceblue/images/heading_right.gif">AQUI VA EL TITULO DEL BOX</td> </tr> <tr> <td style="background-repeat: no-repeat;background-color: #fafbfc;padding:5px;" background="https://img.webme.com/designs/iceblue/images/shouty.gif" class="shouty">AQUI EL CONTENIDO DEL BOX<br><br><p><br><br></td> </tr> <tr> <td background="https://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer"> </td> </tr> </table>

3=Codigo para que no puedan leer el codigo de
fuente de tu pagina:
<frame> <noframes> </frame> </noframes>

4=Codigo para poner un menu orizontal en tu web.
lo tienes que insertar el un box de la derecha:
<div style="position:absolute;left:10px;top:102px"> <table align="right" width="185" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr class="checked_menu"> <td align="center" id="nav_Home" class="nav"><a class="menu" href="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link">Nombre del link</a></td> </tbody> </table> <table align="right" width="185" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr class="checked_menu"> <td align="center" id="nav_Home" class="nav"><a class="menu" href="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link">Nombre del link</a></td> </tbody> </table><table align="right" width="185" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr class="checked_menu"> <td align="center" id="nav_Home" class="nav"><a class="menu" href="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link">Nombre del link</a></td> </tbody> </table><table align="right" width="185" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr class="checked_menu"> <td align="center" id="nav_Home" class="nav"><a class="menu" href="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link">Nombre del link</a></td> </tbody> </table> </div>

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.

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.

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.

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:
Al insertar este codigo en tu web podras subir imagenes directamente a PIXELEA. Subir imagenes a ImagesHack desde tu web:
Al insertar este codigo en tu web podras subir imagenes directamente a IMAGESHACK.

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

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

codigo pedido por los usuarios

codigo para central web:
Con este codigo podras centrar tu web para tener tu web mas acomodada. Quitar boton intro
Miren este es el codigo lo pegan al principio de la Fuente HTML de la extra Intro o intro-Flash
Ya han Ajustar disparos en su sitio:
los disparadores web son cuando tu tienes link en tu pagina y cuando pones el mouse arriba de un link se mostra una imagen rapida de como es la web.si quieren que aparezca en todas las paginas de tu web lo pones en texto por encima de la pagina y si quieres que aparezca en una solo pagina lo pones el codigo en la pagina que quieres que salga.
ocultar el titulo de tu web
hola les dejo este code para que el titulo de tu web no destruya tu cabezal con el texto lo que tienes que hacer es pegar este code en texto por encima de la pagina.

Webmaster-seen

Codigos html avanzados

Search Box

Sidebar Menu

Links

Sponsors

Wise Words

Support Styleshout