Codigos HTML para tu web

Bienvenidos a esta seccion aqui encontraran gran variedad de codigos HTML que sin duda seran de gran ayuda en su web , si no sabes como ponerlos, aplicarlos o istalarlos en tu web ve mi tutorial VER VIDEO

Imagen con link

Con este codigo podras poner una imagen para que a la hora de darla click los lleve a la direccion que tu quieras

  <a href="pon aqui la direccion deseada" target="_self"> <img src="url de tu imagen" border="0" alt="" /> </a>

Buscador de google en tu web

Con este codigo podras poner el famoso buscador de google en tu web

 <center> <FORM method=GET action="http://www.google.com/search"> <TABLE bgcolor="#FFFFFF"><tr><td> <A HREF="http://www.google.com/"> <IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A> <INPUT TYPE=text name=q size=31 maxlength=255 value=""> <INPUT TYPE=hidden name=hl value=es> <INPUT type=submit name=btnG VALUE="Búsqueda Google"> </td></tr></TABLE> </FORM> </center>

Los visitantes de tu web pueden enviarte un e-mail

Con este codigo cualquier persona puede enviarte un e-mail con Asunto y Mensaje, solo cambia las palabras "pon aqui tu direccion de correo" por tu direccion de correo, al hacer click cobre una palabra se abrira un Outlook para enviar un mensaje con tu dirección, el asunto que quieras y el texto que quieras. Por ejemplo: Haz click aca para mandarme un mensaje.

<a href="mailto:pon aqui tu direccion de correo?subject=Prueba.&body=Muy buena pagina">Haz click aca para mandarme un mensaje</a> 

Transforma el cursor en una mira

Este codigo transformara la clasica flechita de Windows en una mira de disparo, copia este codigo y pegalo en texto por encima de la pagina.

 <style type="text/css"> <!-- body { cursor: crosshair} --> </style>

Menu despegable

El menú desplegable permite que coloques varios enlaces en un solo lugar. Con esto, ganás espacio y facilidad de navegación. Este menú no necesita un botón para activarse. Basta con seleccionar el enlace y automáticamente el navegador se dirigirá a la página.

<form> <select NAME="links" onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value"> <option SELECTED>Elija la sección que desee</option> <option VALUE="url de tu seccion">Inicio</option> <option VALUE="url de tu seccion">Juegos</option> <option VALUE="url de tu seccion">Noticias</option> </select> </form>

Texto parpadeante

con este codigo el texto que quieras parpadeara en un marco, un exelente codigo

 <script language="JAVASCRIPT"> TE1="PON EL TEXTO QUE QUIERAS"; TE2=""; M=TE1; cnt=0; function SH(){ document.Switch.A.value=M; cnt++; if(cnt==1 && M==TE1){M=TE2;} if(cnt==2 && M==TE2){cnt=0;M=TE1;} setTimeout("SH()",500); } // --> </script> <form name="Switch"> <div align="center"><center><p><font color="#008000" face="Verdana"><input name="A" size="50" style="color: #33ff33; font-weight: bold; font-family: Verdana, Arial; background-color: rgb(255,255,255); border: 2px outset rgb(0,128,0); margin-top: auto; padding-left: 5px"> </font><script language="JAVASCRIPT"> <!-- SH(); // --> </script></font></p> </center></div> </form>

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 "checa esta pagina, te puede interesar" 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="Recomiendá 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 = "Checa esta pagina, te puede interesar"; 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>

Camara de vigilancia en tu web

Con este codigo podras poner en tu web una camara que te vigila en la parte superior de tu web

<div style="text-align: center;"><a href="http://souldhack.es.tl" style="right: 0px; position: fixed; top: 0px;"><img src="http://1.bp.blogspot.com/-MVAyxEb1Gk0/ThtUzuB5AkI/AAAAAAAADU4/RcEFHCFFvXA/s1600/camaras01pe3.gif" _fcksavedurl="http://img150.imageshack.us/img150/9631/camaras01pe3.gif" alt="" /></a></div>

Cambia el fondo de tu web

Con este codigo podras cambiar el fondo de tu web, copia el codigo y pegal oen texto por debajo de la pagina.

<style> body {  background-image: url(AQUI PON TU URL DE TU IMAGEN); background-repeat: no-repeat; background-attachment: fixed } </style>