ingeniouswebmaster

Codigos HTML

_----CODIGOS HTML----_

Encuentra muchos codigos que te podrian servir de mucha ayuda para ri perzonalizando tu pagina web y hacerla mejor.
Recuerda comentar y recomendar

Camara que Vigila tu Web
copienlo y peguenlo en texto por debajo de la pagina y ya esta

<div style="text-align: center"><a target="_blank" style="position: fixed; right: 0px; top: 0px" href="http://You--download.ES.TL/" _fcksavedurl="http://You--download.es.tl.es.tl/"><img border="0" alt="" src="http://img150.imageshack.us/img150/9631/camaras01pe3.gif" _fcksavedurl="http://img150.imageshack.us/img150/9631/camaras01pe3.gif" /></a><br />

centrar tu web
tienes que pegar este codigo en texto por encima de la pagina

<!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;"> </textare></body></html>

Movimiento Box
ponlo en el nombre del BOX

<marquee> Aqui escribee lo k kieras </marquee>

Codigo para mover titulo de la web

</script> <p> <br> <p> <Mas scripts en www.creatupropiaweb.com><SCRIPT LANGUAGE="JavaScript"> var txt="AQUI LE COLOCAN EL TITULO"; var espera=100; var refresco=null; function rotulo_title() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);} rotulo_title(); </SCRIPT> <p> <br> <p>

Poner New en la web
ponlo despues del nombre de tu page

<img src="http://img61.imageshack.us/img61/5580/newbotonoz0.gif" _fcksavedurl="http://img61.imageshack.us/img61/5580/newbotonoz0.gif" alt="Image Hosted by ImageShack.us" border="0"></a>

No al copion

<script language="Javascript">  </script>

Pagina en costruccion
Copian el codigo y lo pegan en texto por debajo de la pagina

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

Recomendar Web

<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_fckprotectedatt="%20onClick%3D%22mailThisUrl()%3B%22"> </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>

Separador de meu
copien el codigo editen lo que dice y lo pegan en el campo para nombre de una pagina

<div class="sinlink"><br/><center>Aqui tu Texto</center></div>

Texto en Movimiento

<marquee> escribe tu texto aqui </marquee>

Texto en movimiento y con color de fondo

<marquee scrolldelay="1" direction="right" bgcolor="red"> <font color="navy"> Escribe tu texto aqui </marquee> </font>

Ponerle color a las letras

<font color="red"> (es un ejemplo pero se puede cambiar)

Poner un Hiper Vinculo

<a href="http://www.portal-xk.es.tl/" _fcksavedurl="http://www.portal-xk.es.tl/"> Portal XK

Poner una imagen a tu web

<img src="Url de la imagen" _fcksavedurl="Url de la imagen">

Poner tu direccion de correo para consulta.

<a href> Ejemple@hotmail.com </a>

Fondo en tu web
pon este codigo donde dice texto por encima de la pagina

<style type="text/css">body {background-image:url(URL DE IMAGEN)}</style>

Poner imagen en la parte inferior de la web
Codigo de lado izquierdo

<a href='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB'style='display:scroll;position:fixed;bottom:0px;left:0px;'> <img src='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN'/></a>

Codigo de lado derecho

<<a href='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB'style='display:scroll;position:fixed;bottom:0px;right:0px;'> <img src='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN'/></a>

Mensaje de Bienvenia
Para el mensaje de bienvenida (Aparecerá al entrar en tu página web)se pone en texto por arriba de la pagina

<body onload_fckprotectedatt="%20onload%3D%22window.alert('Bienvenido%20a%20mi%20pagina%20web%2C%20gracias%20por%20visitarnos')%22">

Mensaje de Despedida
Para el despedida (al salir de tu web), ponlo en texto por abajo de la pagina

<body onUnload_fckprotectedatt="%20onUnload%3D%22window.alert('Gracias%20por%20tu%20visita!%20nos%20vemos%20pronto%20%5E%5E')%22">

Redireccionar una página

<HTML> <HEAD> <TITLE>Redireccionado por www.CheNico.com</TITLE> <SCRIPT LANGUAGE="JavaScript"> location.href='http://www.CheNico.com'; </SCRIPT> </HEAD> <BODY>

Abrir una Web en Pop Up

<script language='JavaScript'>window.open('http://www.chenico.com', 'geoflotante', '');</script>

Horas restantes 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>

cuadro explicativo de los enlaces

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

Insertar un sonido o música de fondo

<BGSOUND SRC="sonido.mid" LOOP=none> <WIDTH=200 HEIGHT=55 AUTOSTART="true" LOOP="false" HIDDEN="true">

Crear un link para download

<a href="ejemplo.exe" _fcksavedurl="ejemplo.exe">Descripción del enlace </a>

Subrayar un Link al pasar el mouse

<STYLE type="text/css">  </STYLE> </p> <p><a href="l1.htm" _fcksavedurl="l1.htm">El texto que quieras.</a><br> <a href="l2.htm" _fcksavedurl="l2.htm">otro texto.</a><br> <a href="l3.htm" _fcksavedurl="l3.htm">Otro texto.</a><br> </p>

Transformar el cursor en una mira

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

Comentario sobre un link en la barra de estado

<a href="http://www.portal-xk.es.tl/" _fcksavedurl="http://www.portal-xk.es.tl/" onmouseout="window.status=''" onmouseover="window.status='Acá aparece el mensaje que quieras';return true"> Pauluk Computación</a>

TEXTO EN NEGRITA

<b>TEXTO</b>

TEXTO SUBRAYADO

<i>TEXTO</i>

TEXTO EN CURSIVA

<u>TEXTO</u>

CAMBIAR EL TAMANO DE LETRA

<font size="7">EL NÚMERO 7 DEFINE EL TAMAÑO DE LA FUENTE</font>

CAMBIAR EL TIPO DE LETRA

<font face="Times New Roman">PUEDES CAMBIAR "TIMES NEW ROMAN" POR "VERDANA" POR EJEMPLO</font>

CAMBIAR COLOR DE LETRA

font color="#FF0000">A LOS CODIGOS DE LOS COLORES LOS SACAS EN LA SECCIÓN DE TABLA DE COLORES</font>

UN ENTER

<br />

INSERTAR UN LINK

<a href="AQUÍ COLOCA LA URL DE DESTINO">Y AQUí LA PALABRA</a>

INSERTAR UNA IMAGEN

<img src="AQUÍ COLOCA LA URL DE LA IMAGEN">

IMAGEN DE FONDO

<body background="AQUÍ COLOCA LA URL DE FONDO">

INSERTAR UN ARCHIVO FLASH

<embed src="AQUÍ COLOCA LA URL DEL ARCHIVO .SWF" width="500" height="130" scale="ShowAll" play="true" loop="true" menu="true" wmode="Window" quality="1" type="application/x-shockwave-flash"></embed>

UNA WEB DENTRO DE OTRA

<iframe name="window" src="<b>URL DE LA WEB</b>" width="565" height="900" marginwidth="0" scrolling="yes" frameborder="0"></iframe>

PONER CAJA CON CODIGO ADENTRO

<textarea rows="<b>5</b>" cols="<b>10</b>"><br /> <b>Código</b><br /> </textarea>

SONIDO O MUSICA DE FONDO

<BGSOUND SRC="<b>sonido.mid</b>" LOOP=none> <br /> <WIDTH=<b>200 </b>HEIGHT=<b>55 </b>AUTOSTART="<b>true</b>" LOOP="<b>false</b>" HIDDEN="<b>true</b>">

LINEA SEPARADORA

<hr>

ESTABLECER COMO PAGINA DE INICIO

<A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand; <br /> COLOR: #004080; FONT-FAMILY: Verdana" onclick= <br /> "this.style.behavior='url(#default#homepage)'; <br /> this.setHomePage('AQUI LA URL DE TU WEB');"> <br /> <FONT face=Arial color=#000000 size=-2><U> <br /> Esta parte del texto se puede modificar en el código</U></FONT></A>

CENTRAR LA WEB

<div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">

Atras - Actualizar - Adelante

<input type="button" value="Atrás" onclick="history.back()" style="font-family: <b>Verdana</b>; font-size: <b>8</b> pt"><br /> <input type="button" value="Actualizar" onclick="window.location.reload()" style="font-family: <b>Verdana</b>; font-size:<b> 8 </b>pt"><br /> <input type="button" value="Adelante" onclick="history.forward()" style="font-family: <b>Verdana</b>; font-size:<b> 8</b> pt">

CAJA DE CODIGO CON BOTON COPIAR

<span id="Caja1" class="Caja1"><span style="font-weight: bold;">Haga click dentro de la caja de texto para copiar su contenido</span><br /> <br /> </span> <textarea onclick="copyCaja1(document.getElementById('code1'));return false;" rows="3" cols="16" id="code1"><span style="font-weight: bold;">EL TEXTO O CÓDIGO QUE DESEE QUE APAREZCA DENTRO DE LA CAJITA Nº1</span></textarea> <script> <br /> function copyCaja1(elt) { <br /> var urlSwf = "copy.swf"; <br /> var flash = document.getElementById("C1"); <br /> var divinfo = '<embed src="http://www.mygirlyspace.com/' + urlSwf + '" name="copy_swf" FlashVars="clipboard='+escape(elt.value)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>'; <br /> flash.innerHTML = divinfo; <br /> elt.focus(); <br /> elt.select(); <br /> document.getElementById("Caja1").innerHTML = "<span style="font-weight: bold;">¡El texto ha sido copiado!</span><br/>"; <br /> return true; <br /> } <br /> </script> <br /> <div id="C1"> </div>

pd. Si quieres colocar más de una caja en una sola página, escribe el mismo código reemplazando los 1 por 2

PROBADOR DE HTML

<script><br /> function probar(texto) {<br /> ventana = window.open('', 'popup', '');<br /> ventana.document.write(texto);<br /> }<br /> </script><br /> <form action="" name="probador"><br /> <font face="Verdana" size="2">Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!<hr /><br /> </font><textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size="2"> <br /><br /> </font><input type="button" onclick="probar(texto.value)" value="Convertir" /><font face="Verdana" size="2"> </font><br /> </form>

TABLA DE COLORES EN TU WEB

<iframe name="window" src="http://paneles.impresionesweb.com/webmasters/colores.htm" width="500" height="350" marginwidth="0" scrolling="yes" frameborder="0"></iframe>

FECHA EN TU SITIO

<script language="JavaScript"> <br />  <br /> </script>

SALUDO SEGUN LA HORA DEL DIA

<Font size=2 face=arial><b> <br /> <Script Language="JavaScript"> <br />  <br /> </script> <br /> </b></font>

TIEMPO RESTANTE PARA FINALIZAR EL DIA

<body> <p>Tiempo restante para finalizar el día</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>

Redireccionar web
<HTML> <HEAD> <TITLE>Redireccionado por www.CheNico.com</TITLE> <SCRIPT LANGUAGE="JavaScript"> location.href='http://aqui la nueva direccion o pagina'; </SCRIPT> </HEAD> <BODY>

Transformar cursor en mira
<style type="text/css">  </style>

Poner fecha en tu sitio
<script language="JavaScript">  </script>

Agregar a favoritos
<a href="javascript:window.external.AddFavorite('http://www.pauluk.8k.com', 'Pauluk Computacion')"><small><font size="1"> Agregar a favoritos</font></small></a

Quitar lineas de link
<Head> <style>  </style> </Head>

Reloj que sigue al cursor
><SCRIPT language=JavaScript> dCol='0000FF';//date colour. fCol='FF00FF';//face colour. sCol='00CC00';//seconds colour. mCol='FF0000';//minutes colour. hCol='FF0000';//hours colour. ClockHeight=30; ClockWidth=30; ClockFromMouseY=0; ClockFromMouseX=100; //Alter nothing below! Alignments will be lost! d=new Array("DOMINGO","LUNES","MARTES","MIERCOLES","JUEVES","VIERNES","SABADO"); m=new Array("ENERO","FEBRERO","MARZO","ABRIL","MAYO","JUNIO","JULIO","AGOSTO","SEPTIEMBRE","OCTUBRE","NOVIEMBRE","DICIEMBRE"); date=new Date(); day=date.getDate(); year=date.getYear(); if (year < 2000) year=year+1900; TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year; D=TodaysDate.split(''); H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); Face='1 2 3 4 5 6 7 8 9 10 11 12'; font='Arial'; size=1; speed=0.6; ns=(document.layers); ie=(document.all); Face=Face.split(' '); n=Face.length; a=size*10; ymouse=0; xmouse=0; scrll=0; props="<font face="+font+" size="+size+" color="+fCol+"><B>"; props2="<font face="+font+" size="+size+" color="+dCol+"><B>"; Split=360/n; Dsplit=360/D.length; HandHeight=ClockHeight/4.5 HandWidth=ClockWidth/4.5 HandY=-7; HandX=-2.5; scrll=0; step=0.06; currStep=0; y=new Array();x=new Array();Y=new Array();X=new Array(); for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0} Dy=new Array();Dx=new Array();DY=new Array();DX=new Array(); for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0} if (ns){ for (i=0; i < D.length; i++) document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>'); for (i=0; i < n; i++) document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>'); for (i=0; i < S.length; i++) document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>'); for (i=0; i < M.length; i++) document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>'); for (i=0; i < H.length; i++) document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>'); } if (ie){ document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < D.length; i++) document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++) document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>'); document.write('</div></div>'); document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++) document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>'); document.write('</div></div>') document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++) document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>'); document.write('</div></div>') } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY; xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX; } (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; function ClockAndAssign(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360; if (ie){ Od.style.top=window.document.body.scrollTop; Of.style.top=window.document.body.scrollTop; Oh.style.top=window.document.body.scrollTop; Om.style.top=window.document.body.scrollTop; Os.style.top=window.document.body.scrollTop; } for (i=0; i < n; i++){ var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll; F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180); } for (i=0; i < H.length; i++){ var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style; HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs); } for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll; ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min); } for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll; SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec); } for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180); } currStep-=step; } function Delay(){ scrll=(ns)?window.pageYOffset:0; Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed); Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed); for (i=1; i < D.length; i++){ Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed); Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed); } y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } ClockAndAssign(); setTimeout('Delay()',20); } if (ns||ie)window.onload=Delay; </SCRIPT>

Flash earth
<br /> <div align="center"><strong>Flash Earth</strong></div> <embed width="520" height="420" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.flashearth.com/flash_earth.swf" play="true" loop="true" menu="true"></embed><br /> <font face="Tahoma"><br /> Flash Earth es una aplicación en flash, que permite ver todo el mundo, con la calidad de los mejores satelites. Permite no solo usar los satelites de Google Earth, sino también de muchos otros institutos especializados.<br /> <br /> <strong>Instrucciones<br /> <br /> *Iniciar. </strong>Al iniciar te aparecerá un recuadro, haz clic donde dice "Flash Earth" o en el texto e inicia.<br /> <strong><br /> *Navegar. </strong>Puedes moverte dentro del mapa con los cursores (flechas del teclado) o haciendo clic en el mapa y arrastrandolo.<br /> <strong><br /> *Acercarse, alejarse. </strong>Solo mueve arroba o abajo el control derecho, entre mas arriba este, será mas cerca. ¡Animate e intenta buscar tu casa!<br /> <br /> <strong>*Cambiar satelite</strong>. En el panel derecho, haz clic en el que mas te agrade, cada uno de estos, es diferente a diferentes alturas.<br /> <br /> <strong>*Girar el mapa</strong>. Solo haz clic en la rosa de los vientos y girala, veráz como el mapa también gira.<br /> <br /> <strong>*Buscar un lugar.</strong> Tan solo haz clic en la caja de busqueda que dice, "search location" y escribe el lugar a donde quieres ir.<br /> <br /> <strong>*Saber tus coordenadas.</strong> Una vez que hayas encontrado el lugar que desees, revisa en la caja de busqueda tu altitud y longitus, así sabrás exáctamente donde estás.<br /> </font><FCK:hr width="100%" size="2" /> <div align="center"><strong>Gracias por visitarnos</strong></div>

El clima
<div align="center"><font face="Tahoma"><strong>Clima</strong></font><br /> <embed width="520" height="400" menu="true" loop="true" play="true" src="http://weather.eu.msn.com/f5/loader19.swf?mode=world&lang=ES_MX&continent=NorthAmerica&MXtype=m" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed><br /> <br /> <div align="left"><strong><font face="Tahoma">Un clima muy fácil de usar.<br /> </font></strong><font face="Tahoma">Este es un flash del clima mundial muy preciso, este utiliza la tecnología de Foreca para brindar el clima mundial con tan solo algunos cuantos clic al programa.<br /> <br /> <strong>Instrucciones.<br /> </strong>Generalmente el programa se inicia en México, si vives ahí solo haz clic en la sección de México a la que perteneces y luego a tu ciudad.<br /> <br /> En caso de vivir en cualquier otra parte del mundo basta con oprimir el mapa que se encuentra arriba del logo de Foreca, en la esquina inferior izquierda del programa; así irás a América del Norta, si haces clic una vez más te aparecerá un mapa mundial, haz clic en la parte del mundo en que vives y despues en tu sección del lugar, yasí sucesivamente.</font></div> </div>

Chat
<strong>Aqui esta un chat online, podrán habla con muchas personas.</strong><br /> <embed width="540" height="400" align="middle" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#ffffff" name="chat" flashvars="id=11805665&gn=ultralatinos" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.xat.com/update_flash.shtml"></embed> <small><a target="_BLANK" href="http://xatech.com/chat/room/11423374/" _fcksavedurl="http://xatech.com/chat/room/11423374/"><br /> </a></small> <div><br /> <font size="3" face="Tahoma"><strong>Notas:</strong><br /> La página no se hace responsable del conenido del chat.</font></div> <p> </p> <span style="font-weight: bold;" class="Title"> <p> </p> </span>

Fondo de web
<body background="AQUÍ COLOCA LA URL DE FONDO">

Musica de fondo
<div align="center"><embed src="URL DE LA PISTA" height="" type="text/plain; charset=UTF-8"></embed></div>

Agregar a inicio
 <a href="#" _fcksavedurl="#" _fcksavedurl="#" onClick_fckprotectedatt_fckprotectedatt=" onClick_fckprotectedatt=" onClick=""this.style.behavior='url(#default#homepage)';this.setHomePage('http://codesweb.es.tl');return false"">Hacer pagina de inicio</a> 

Tabla de colores
<iframe name="window" src="http://paneles.impresionesweb.com/webmasters/colores.htm" width="500" height="350" marginwidth="0" scrolling="yes" frameborder="0"></iframe>

Saludo al visitante segun la hora
<Font size=2 face=arial><b> <Script Language="JavaScript">  </script> </b></font>

Traductor de textos y web`s
<script type="text/javascript" charset="UTF-8" language="JavaScript1.2" src="http://es.babelfish.yahoo.com/free_trans_service/babelfish1.js"></script> <noscript><a href="http://es.babelfish.yahoo.com">Yahoo! Babel Fish</a></noscript>

Traductor de web
<script type="text/javascript" charset="UTF-8" language="JavaScript1.2" src="http://es.babelfish.yahoo.com/free_trans_service/babelfish2.js?from_lang=es&region=es"></script>

Reloj con la hora local y mundial
 <iframe src="http://www.creatupropiaweb.com/recursos/relojes/reloj_8.htm" width="134" height="202" marginwidth="0" marginheight="0" frameborder="no" scrolling="no" allowtransparency="true"></iframe>

Calendario
<center><table border="0" cellpadding="0" cellspacing="0" width="163" height="300" background="http://www.creatupropiaweb.com/recursos/calendarios/cal_1.gif"> <tr> <td> <p align="center"><br> <br><br><br><br> <script language="JavaScript">  </script></td> </tr> </table> </center> <div align="center"> <center> <table border="0" cellpadding="0" cellspacing="0" width="10"> <tr> <td> <p align="center"><a href="http://www.creatupropiaweb.com" _fcksavedurl="http://www.creatupropiaweb.com"><font size="1" color="#CEDDF4" face="Times New Roman">CTPW</font></a></td> </tr> </table> </center>

Menu desplegable
<form> <input type="button" onClick_fckprotectedatt=" onClick="top.location.href=this.form.list.options[this.form.list.selectedIndex].value"" value="TEXTO DEL BOTON" /><select name="list"> <option value="QUI EL URL DE PA PAGINA" selected="selected"> NOMBRE DEL URL </option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> </select> </form>

Abrir ventana (popup)
<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>

ULTIMOS CODIGOS HTML (ACTUALIZADOS)

Buscador de google

 <center> <FORM method=GET action="http://www.google.com/search"> <TABLE bgcolor="#FFFFFF"><tr><td> <A HREF="http://www.google.com/" _fcksavedurl="http://www.google.com/"> <IMG SRC="http://www.google.com/logos/Logo_40wht.gif" _fcksavedurl="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> 

Para que te agreguen a favoritos

<a href="#" _fcksavedurl="#" onClick_fckprotectedatt="%20onClick%3D%22window.external.AddFavorite('http%3A%2F%2Ftusitio'%2C'descripcion%20de%20tu%20sitio')%3Breturn%20false%3B%22"><font color="#FFFFFF" size="2"><font color="#000000" face="Verdana, Arial, Helvetica, sans-serif"><font size="2">Agreganos a tus favoritos</font><font color="#000000">...</font></font></font></a><font size="2"> ç

Recomendar pagina web

<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_fckprotectedatt="%20onClick%3D%22mailThisUrl()%3B%22"> </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>

Codigo efecto de nieve para web

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

Codigo para musica de fondo

<BGSOUND SRC="sonido.mid" LOOP=none> <WIDTH=200 HEIGHT=55 AUTOSTART="true" LOOP="false" HIDDEN="true">

Codigo imagen volando por la pantalla

<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()*[i])} iniciar=abc[C]; 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>

Codigo del pajaro volando

<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script><script type="text/javascript">var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png';var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');var twitterAccount = 'http://www.gadgetsblogger.com/2011/03/el-pajaro-volando-para-twittear-y.html';var twitterThisText ='';tripleflapInit();</script>

Codigo de camara de vigilancia para tu pagina

<br /> <div style="text-align: center;"><a href="http://www.gadgetsblogger.com/2011/07/poner-una-camara-de-vigilancia-en-tu.html" _fcksavedurl="http://www.gadgetsblogger.com/2011/07/poner-una-camara-de-vigilancia-en-tu.html" _fcksavedurl="" style="right: 0px; position: fixed; top: 0px;"><img src="http://img150.imageshack.us/img150/9631/camaras01pe3.gif" _fcksavedurl="http://img150.imageshack.us/img150/9631/camaras01pe3.gif" _fcksavedurl="http://img150.imageshack.us/img150/9631/camaras01pe3.gif" alt="" /></a></div>

SI NO SABES UN CODIGO QUE KIERES PERO SABES QUE FUNCION HACE, DINOSLO, AVERIGUAREMOS Y LO SPOSTEAREMOS AQUI EN LA WEB.

Titulo 1

Titulo 2

Titulo 3

Titulo

Titulo

Titulo

Titulo

Titulo

Titulo

Titulo

Titulo

!Bienvenido¡

Codigos HTML

_----CODIGOS HTML----_

ULTIMOS CODIGOS HTML (ACTUALIZADOS)

Buscador de google

Para que te agreguen a favoritos

Recomendar pagina web

Codigo efecto de nieve para web

Codigo para musica de fondo

Codigo imagen volando por la pantalla

Codigo del pajaro volando

Codigo de camara de vigilancia para tu pagina

Síguenos En:

Menu

Contáctanos En:

Menu

¡¡¡AFILIADOS

VIP!!!

Contador De Visitas

Menu

Menu

Menu

Titulo

Titulo

Titulo

Titulo

ingeniouswebmaster

Codigos HTML

___----CODIGOS HTML----___

ULTIMOS CODIGOS HTML (ACTUALIZADOS)

Buscador de google

Para que te agreguen a favoritos

Recomendar pagina web

Codigo efecto de nieve para web

Codigo para musica de fondo

Codigo imagen volando por la pantalla

Codigo del pajaro volando

Codigo de camara de vigilancia para tu pagina

Síguenos En:

Menu

Contáctanos En:

Menu

¡¡¡AFILIADOS

VIP!!!

Contador De Visitas

Menu

Menu

Menu

_----CODIGOS HTML----_