- Html

Html

Bievenidos a nuestros codes de hmtl

Caja de codes
<textarea rows="5" cols="10">
Código
</textarea>

Ejemplo:

Establecer como pagina de inicio

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

Atras-Actualizar-Adelante

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

Caja de codigo con botom Copiar

Caja de Codigo con Boton Copiar

<span id="Caja1" class="Caja1">Haga click dentro de la caja de texto para copiar su contenido<br />
</span> <textarea onclick="copyCaja1(document.getElementById('code1'));return false;" rows="3" cols="16" id="code1">EL TEXTO O CÓDIGO QUE DESEE QUE APAREZCA DENTRO DE LA CAJITA Nº1</textarea> <script>
function copyCaja1(elt) {
var urlSwf = "copy.swf";
var flash = document.getElementById("C1");
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>';
flash.innerHTML = divinfo;
elt.focus();
elt.select();
document.getElementById("Caja1").innerHTML = "¡El texto ha sido copiado!<br/>";
return true;
}
</script>
<div id="C1"> </div>

ejemplo:

Haga click dentro de la caja de texto para copiar su contenido

Probador Hmtl

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

Ejemplo:

Fecha en tu web
.<script language="JavaScript">

</script>

Segun la Hora del Dia

.<Font size=2 face=arial><b>
<Script Language="JavaScript">

</script>
</b></font>

Ejemplo:

Sábado, 20 de Diciembre ¡Buenas noches!

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>