Codigos HTML #3

Html basico lista #3 para tu web

Los Codigos Mostrados en esta Zona no estan Completamente probados, Si el codigo seleccionado por ustedes no funcionan, Contactenos.

PONER CAJA CON CODIGO ADENTRO

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

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>

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




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 /> mydate = new Date(); <br /> myday = mydate.getDay(); <br /> mymonth = mydate.getMonth(); <br /> myweekday= mydate.getDate(); <br /> weekday= myweekday; <br /> if(myday == 0) <br /> day = " Domingo, " <br /> else if(myday == 1) <br /> day = " Lunes, " <br /> else if(myday == 2) <br /> day = " Martes, " <br /> else if(myday == 3) <br /> day = " Miércoles, " <br /> else if(myday == 4) <br /> day = " Jueves, " <br /> else if(myday == 5) <br /> day = " Viernes, " <br /> else if(myday == 6) <br /> day = " Sábado, " <br /> if(mymonth == 0) <br /> month = "Enero " <br /> else if(mymonth ==1) <br /> month = "Febrero " <br /> else if(mymonth ==2) <br /> month = "Marzo " <br /> else if(mymonth ==3) <br /> month = "Abril " <br /> else if(mymonth ==4) <br /> month = "Mayo " <br /> else if(mymonth ==5) <br /> month = "Junio " <br /> else if(mymonth ==6) <br /> month = "Julio " <br /> else if(mymonth ==7) <br /> month = "Agosto " <br /> else if(mymonth ==8) <br /> month = "Setiembre " <br /> else if(mymonth ==9) <br /> month = "Octubre " <br /> else if(mymonth ==10) <br /> month = "Noviembre " <br /> else if(mymonth ==11) <br /> month = "Diciembre " <br /> document.write("<font face=arial, size=1>"+ day); <br /> document.write(myweekday+" de "+month+ "</font>"); <br /> // --> <br /> </script>

SALUDO SEGUN LA HORA DEL DIA

<font size=2 face=arial><b> <br /> <script Language="JavaScript"> <br /> <!-- <br /> today = new Date() <br /> if(today.getMinutes() < 10){ <br /> pad = "0"} <br /> else <br /> pad = ""; <br /> document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){ <br /> document.write("¡Buen día!") <br /> } <br /> if((today.getHours() >=10) && (today.getHours() <=11)){ <br /> document.write("¡Buen día!") <br /> } <br /> if((today.getHours() >=12) && (today.getHours() <=19)){ <br /> document.write("¡Buenas tardes!") <br /> } <br /> if((today.getHours() >=20) && (today.getHours() <=23)){ <br /> document.write("¡Buenas noches!") <br /> } <br /> if((today.getHours() >=0) && (today.getHours() <=3)){ <br /> document.write("¡Buenas noches!") <br /> } <br /> if((today.getHours() >=4) && (today.getHours() <=5)){ <br /> document.write("¡Buenas noches!") <br /> } <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"> <!-- var tiempoAtras; </font></p> <div align="center> </div> <p align=" style="color: rgb(0, 0, 0);" center=""> <font face="Arial" size="1" color="#000000">updateReloj(); function updateReloj() { var tiempo = new Date(); var hora = 23-tiempo.getHours(); var minutos = 59-tiempo.getMinutes(); var segundos = 59-tiempo.getSeconds(); </font> <div align="center"> <font face="Arial" size="1" color="#000000"> </font></div> <p align="center"> <font face="Arial" size="1" color="#000000">tiempoAtras= (hora < 10) ? hora :hora; tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos; tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos; </font></p> <div align="center"> <font face="Arial" size="1" color="#000000"> </font></div> <p align="center"> <font face="Arial" size="1" color="#000000">document.Reloj.tiempo.value = tiempoAtras; </font></p> <div align="center"> <font face="Arial" size="1" color="#000000"> </font></div> <p align="center"> <font face="Arial" size="1" color="#000000">setTimeout("updateReloj()",1000); } //--> </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"> <!-- body { cursor: crosshair} --> </style>

Poner fecha en tu sitio
<script language="JavaScript"> <!-- mydate = new Date(); myday = mydate.getDay(); mymonth = mydate.getMonth(); myweekday= mydate.getDate(); weekday= myweekday; if(myday == 0) day = " Domingo, " else if(myday == 1) day = " Lunes, " else if(myday == 2) day = " Martes, " else if(myday == 3) day = " Miércoles, " else if(myday == 4) day = " Jueves, " else if(myday == 5) day = " Viernes, " else if(myday == 6) day = " Sábado, " if(mymonth == 0) month = "Enero " else if(mymonth ==1) month = "Febrero " else if(mymonth ==2) month = "Marzo " else if(mymonth ==3) month = "Abril " else if(mymonth ==4) month = "Mayo " else if(mymonth ==5) month = "Junio " else if(mymonth ==6) month = "Julio " else if(mymonth ==7) month = "Agosto " else if(mymonth ==8) month = "Setiembre " else if(mymonth ==9) month = "Octubre " else if(mymonth ==10) month = "Noviembre " else if(mymonth ==11) month = "Diciembre " document.write("<font face=arial, size=1>"+ day); document.write(myweekday+" de "+month+ "</font>"); // --> </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> <!--//A:link {text-decoration: none;}A:visited {text-decoration: none;}//--> </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> <span style="font-weight: bold;" class="Title"> </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
<!-- Codigo para pagina e 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> <!-- Fin del codigo -->

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"> <!-- today = new Date() if(today.getMinutes() < 10){ pad = "0"} else pad = ""; document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){ document.write("¡Buen día!") } if((today.getHours() >=10) && (today.getHours() <=11)){ document.write("¡Buen día!") } if((today.getHours() >=12) && (today.getHours() <=19)){ document.write("¡Buenas tardes!") } if((today.getHours() >=20) && (today.getHours() <=23)){ document.write("¡Buenas noches!") } if((today.getHours() >=0) && (today.getHours() <=3)){ document.write("¡Buenas noches!") } if((today.getHours() >=4) && (today.getHours() <=5)){ document.write("¡Buenas noches!") } // --> </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®ion=es"></script>

Reloj con la hora local y mundial
<!-- Relojes Gratis www.creatupropiaweb.com --> <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
<!---- Inicio Código Calendario www.Crea tu propia Web.com ----><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"> <!-- Begin var now = new Date(); var month_array = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"); document.write("<form name=date_list> <table bgcolor=BLACK> <tr><td>"); document.write("<select name=month onchange=change_month(this.options.selectedIndex)>"); for(i=0;i<month_array.length;i++) { if (now.getMonth() != i) {document.write ("<option value="+i+">"+month_array[i]);} else {document.write ("<option value="+i+" selected>"+month_array[i]);} } document.write("</select>"); document.write("</td><td>"); document.write ("<select name=year onchange=change_year(this.options[this.options.selectedIndex])>"); for(i=2007;i<3000;i++) { if (now.getYear() != i) {document.write("<option value="+i+">"+i);} else {document.write("<option value="+i+" selected>"+i);} } document.write("</select></td></tr> <tr><td colspan=2><center> "); document.write("<table bgcolor=BLACK border=0 cellspacing = 0 cellpading = 0 width=151> <tr bgcolor=BLACK align=center>"); document.write("<td><font color=WHITE>L</font></td><td><font color=WHITE>M</td><td><font color=WHITE>Mi</td><td><font color=WHITE>J</td><td><font color=WHITE>V</td><td ><font color=WHITE>S</td><td ><font color=RED>D</td>"); document.write("</tr> <tr>"); for(j=0;j<6;j++) { for(i=0;i<7;i++) { document.write("<td align=center id=d"+i+"r"+j+"></td>") } document.write("</tr> "); } document.write("</table> "); document.write("</center> </from></td></tr> </table> "); var show_date = new Date(); function set_cal(show_date) { begin_day = new Date (show_date.getYear(),show_date.getMonth(),1); begin_day_date = begin_day.getDay(); end_day = new Date (show_date.getYear(),show_date.getMonth()+1,1); count_day = (end_day - begin_day)/1000/60/60/24; input_table(begin_day_date,count_day); } set_cal(show_date); function input_table(begin,count) { init(); j=0; if (begin!=0){i=begin-1;}else{i=6} for (c=1;c<count+1;c++) { colum_name = eval("d"+i+"r"+j); if ((now.getDate() == c)&&(show_date.getMonth() == now.getMonth())&&(show_date.getYear() == now.getYear())) {colum_name.style.backgroundColor = "RED";colum_name.style.color = "white";}; colum_name.innerText = c; i++; if (i==7){i=0;j++;} } } function init() { for(j=0;j<6;j++) { for(i=0;i<7;i++) { colum_name = eval("d"+i+"r"+j); colum_name.innerText = "-"; colum_name.style.backgroundColor ="BLACK"; colum_name.style.color ="WHITE"; } } } function change_month(sel_month) { show_date = new Date(show_date.getYear(),sel_month,1); set_cal(show_date); } function change_year(sel_year) { sel_year = sel_year.value; show_date = new Date(sel_year,show_date.getMonth(),1); set_cal(show_date); } // End --> </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> <!---- Final Código Calendario www.Crea tu Propia Web.com ---->

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>    

¡Compártelo!

Tweet