códigos para paginas_web

Código JavaScript Reloj Analógico

Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuenta en las etiquetas donde debe ser colocado. Presta atención también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.

Código JavaScript Reloj Digital Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuenta en las etiquetas donde debe ser colocado. Presta atención también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.

Código JavaScript Averiguar fecha


Código JavaScript Menú deslizable desde la izquierda


Código JavaScript menú oculto que aparece desde la izda


Código JavaScript menú barra desplazable


Código JavaScript Menú-Barra con botones para desplazar


Código JavaScript Menú con directorios desplegables


Estrella persiguiendo al puntero

Ver demostración

Conjunto de estrellas persiguiendo el cursor

Ver demostración

Conjunto de bolas (o lo que quieras) persiguiendo el cursor

Ver demostración

Anular botón de la derecha

Ver demostración

Anular botón de la izquierda

Ver demostración

Anular botón de la derecha y la izquierda

Ver demostración

Código JavaScript para rotar una imagen con su link cada cierto tiempo


Código JavaScript para rotar una imagen con su link cada cierto tiempo


Código JavaScript para rotar una imagen con su link y texto cada vez que se entra


Cambiar el color de la barra de desplazamiento


Código JavaScript que muestra texto en barra de estado


Código JavaScript que muestra texto en barra de estado


Código JavaScript ocultar dirección barra de estado


Listado de enlaces cambiando el color de resalte

Combobox para elegir link, con la opción de que sea en una nueva ventana

Código JavaScript

Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuanta en las etiquetas donde debe ser colocado. Ten en cuenta también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.

Código JavaScript


Código JavaScript


Código JavaScript


Código JavaScript


Cambiar el cursor

Código que cambia el cursor dentro de la pagina o enlace. Probado con IE 6.

<style type="text/css">BODY { cursor:url('cursor.cur'); }</style>

<a href=# style="CURSOR: url('cursor.cur')">

Iniciar sessión en HotmailEste código permite iniciar sesión Hotmail por medio de Loginnet.Passport.Com Probado en IE6

<body text="#00FF00" bgcolor="#000000"><form action=http://www.hotmail.com/cgi-bin/start/><p align="center"><font color="#00FF00" size="5">Este código permite iniciar sesión Hotmail por medio de Loginnet.Passport.Com</font></p><p align="center"><input type="submit" value="Iniciar sesion hotmail" STYLE="background:#000000; color:#33FF33; border:1px solid #993300; width:286px;"></p></form></body>

Insertar Reproductor Windows Media en una webCódigo que muestra como reproducir un fichero MP3 en una web con el reproductor Windows Media. Unicamente funciona en Internet Explorer

<object id="MediaPlayer" type="application/x-oleobject" height="42" standby="Instalando Windows Media Player ..." width="138" align="absMiddle" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"><param name="FileName" value="http://www.purevolume.com/downloads/1368424/Oveja_negra-Nunca_mas_.mp3"></param><param name="AutoStart" value="true"></param><param name="volume" value="3"></param><param name="EnableContextMenu" value="1"></param><param name="TransparentAtStart" value="false"></param><param name="AnimationatStart" value="false"></param><param name="ShowControls" value="true"></param><param name="ShowDisplay" value="false"></param><param name="ShowStatusBar" value="false"></param><param name="autoSize" value="false"></param><param name="displaySize" value="true"></param></object>

Tipo de bordes

Style que permite cambiar el tipo de borde en una tabla.

<TABLE STYLE="BORDER:DASHED 10PX LIME"> <TR><TD>QUE HACES TODOS USTEDES</TD></TR> </TABLE>

QUE HACES TODOS USTEDES

<TABLE STYLE="BORDER:GROOVE 10PX LIME"> <TR><TD>QUE HACES TODOS USTEDES</TD></TR> </TABLE>


<TABLE STYLE="BORDER:RIDGE 10PX LIME"> <TR><TD>QUE HACES TODOS USTEDES</TD></TR> </TABLE>


<TABLE STYLE="BORDER:DOUBLE 10PX LIME"> <TR><TD>QUE HACES TODOS USTEDES</TD></TR> </TABLE>


<HTML><HEAD><TITLE>Generador de Meta-Tags</TITLE><STYLE>TD { font-size : 12pt; font-family : new times roman; text-align : left;color:#82ABC8; }BODY { scrollbar-face-color:#786573;scrollbar-highlight-color:#82ABC8; scrollbar-3dlight-color:#AA659B;scrollbar-darkshadow-color:#645150; scrollbar-shadow-color:#AA97B9;scrollbar-arrow-color:#AA97B9; scrollbar-track-color:#786F7D; color : yellow;font-size : 12pt;}</STYLE>

<script>function gene() //Funcion encargada de crear la meta-tags{var gnra = document.generar.titulo.valuevar aut = document.generar.autor.valuevar desc = document.generar.descripcion.valuevar cont = document.generar.contenido.valuevar robot1=document.generar.robots.valuevar rango1=document.generar.rango.valuevar visi=document.generar.visitar.value



gnra = "<HEAD>" + "\n" + "<TITLE>" + document.generar.titulo.value + "</TITLE>"aut = "<META NAME='Author' CONTENT='" +document.generar.autor.value + "'>"desc = "<META NAME='Description' CONTENT='" + document.generar.descripcion.value + "'>"cont = "<META NAME='Keywords' CONTENT='" + document.generar.contenido.value + "'>"robt="<META NAME='Robots' CONTENT='" + document.generar.robots.value + "'>"ran="<META NAME='Rating' CONTENT='" + document.generar.rango.value + "'>"visi="<META NAME='Revisit' CONTENT='" + document.generar.visitar.value + " DAYS" + "'>" cach="<META HTTP-EQUIV='pragma' CONTENT='" + document.generar.cache.value + "'>" + "\n" + "</HEAD>"{

</select> <td><fieldset STYLE="border:1px solid #AABFDC;"> <legend align="left">Autor</legend> <input type="text" name="autor" value="Aquí puede ser tu nombre, mail o url" size="50" STYLE="background:#50474B;border:0px solid #AABFDC; color:#B4D3F0;"></fieldset><tr><td>Visitar en:<select name="visitar" STYLE="background:#786573; color:#B4D3F0;"> <option value="">Selecionar <option value="1">1<option value="2">2<option value="3">3 <option value="4">4<option value="5">5<option value="6">6<option value="7">7<option value="8">8<option value="9">9<option value="10">10<option value="11">11<option value="12">12<option value="13">13<option value="14">14<option value="15">15<option value="16">16<option value="17">17<option value="18">18<option value="19">19<option value="20">20<option value="21">21<option value="22">22<option value="23">23<option value="24">24<option value="25">25<option value="26">26<option value="27">27<option value="28">28<option value="29">29<option value="30">30</select><td><fieldset STYLE="border:1px solid #AABFDC;"> <legend align="left">Descripción</legend> <input type="text" name="descripcion" value="Aquí la descripción de tu sitio" size="50"STYLE="background:#50474B;border:0px solid #AABFDC; color:#B4D3F0;"></fieldset>

<tr><td>Cache:<select name="cache" STYLE="background:#786573; color:#B4D3F0;"> <option value="">Selecionar <option value="no-cache">No<option value="cache">Si</select> <IMG src=meta.gif><td><fieldset STYLE="border:1px solid #AABFDC;"> <legend align="left">Contenido</legend> <input type="text" name="contenido" value="Aquí el contenido de tu web. Ejemplo: script, html, asp, java" size="50" STYLE="background:#50474B;border:0px solid #AABFDC; color:#B4D3F0;"></fieldset><TEXTAREA name="ver" value="" rows="10" cols="90" STYLE="background:#786F7D; border:1px solid #AABFDC; color:#AAE7F5; font-family : times new roman; font-size:10pt;"></TEXTAREA><br><input type="button" value="Generar Meta -Tags" onclick="gene();" STYLE="background:#786573; border:1px solid #AABFDC; color:#B4D3F0; width:152px;"><input type="button" value="Copiar Meta -Tags" onclick="copiar(document.generar.ver);" STYLE="background:#786573;border:1px solid #AABFDC; color:#B4D3F0; width:152px;"><input type="reset" value="Borrar Meta - Tags" STYLE="background:#786573; border:1px solid #AABFDC; color:#B4D3F0; width:155px;"></form></table></center></BODY></HTML>

<HTML><HEAD><TITLE>Muestra el tiempo de estancia en la web</title><SCRIPT LANGUAGE="JavaScript"><!-- Beginday = new Date();miVisit = day.getTime();function clock() {dayTwo = new Date();hrNow = dayTwo.getHours();mnNow = dayTwo.getMinutes();scNow = dayTwo.getSeconds();miNow = dayTwo.getTime();if (hrNow == 0) {hora = 12;ap = " AM";} else if(hrNow <= 11) {ap = " AM";hora = hrNow;} else if(hrNow == 12) {ap = " PM";hora = 12;} else if (hrNow >= 13) {hora = (hrNow - 12);ap = " PM";}if (hrNow >= 13) {hora = hrNow - 12;}if (mnNow <= 9) {min = "0" + mnNow;}else (min = mnNow)if (scNow <= 9) {secs = "0" + scNow;} else {secs = scNow;}time = hora + ":" + min + ":" + secs + ap;document.clock.timeInfo.value = time;setTimeout('clock()', 1000);}var salirclic= 0;function timeInfo() {if (salirclic < 1){milliSince = miNow;milliNow = miNow - miVisit;secsVisit = Math.round(milliNow / 1000);minsVisit = Math.round((milliNow / 1000) / 60);

event.returnValue="Tu estuviste " + minsVisit + " minutos, con "+ secsVisit + " segundos. En esta pagina gracias...";}}document.write("<form name=\"clock\">"+"<input type=text name=\"timeInfo\" size=9 style='background: navy;border:1px solid gold;color:white;font-weight:bold;'></form>");onError = null;clock();// End --></SCRIPT><HEAD><BODY bgcolor="black" onBeforeUnload="timeInfo()";><FONT COLOR=red size=8>Este script muestra la hora y el tiempo que el usuario le ha dedicado a esta web...<br>cierra esta web o abre otro sitio para mostrar el dialogo..</FONT>

<html><head><STYLE>A:hover {text-decoration:none;}A:visit {color:#808080;text-decoration:none;}A:link {color:#808080;text-decoration:none;}</STYLE><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>Top links por corpol</title>

{control.scrollAmount="0"}function sigue() {control.scrollAmount="4"}</script></head><body bgcolor="#000000">

<div id="capa1" style="position:Absolute;left:5; top:10;"><img src="imgsup.jpg"></div><marquee id="control" style="LEFT: 21; POSITION: absolute; TOP: 38;"scrollDelay=105 scrollAmount=4 direction=up width=132 height=150 onMouseover="detener();" onMouseout="sigue();"><font color="#FFFFFF" size="2">Sitio de corpolmania contiene codigo libre. <a href="http://www.corpolmania.tk">site corpolmania</a><p>Descripcion 2<br> <a href="http://www.corpolmania.tk">Enlace</a><p>Descripcion 3<br> <a href="http://www.corpolmania.tk">Enlace</a><p>Descripcion 4<br> <a href="http://www.corpolmania.tk">Enlace</a><p>Descripcion 5<br> <a href="http://www.corpolmania.tk">Enlace</a><p></font></marquee>

</body></html>

oFormulario.codigo.value=tem;

}//La Funcion desc sera para descodificar la Palabra ya codificadofunction desc(oFormulario){var temp=oFormulario.codigo.value;var tem="";for(var i=0;i<temp.length;i++)

{if(temp.charCodeAt(i)==32)tem=tem+" ";elsetem=tem+String.fromCharCode(temp.charCodeAt(i)-1);

}

oFormulario.descodigo.value=tem;

}

function limp(oFormulario){oFormulario.palabra.value="";oFormulario.codigo.value="";oFormulario.descodigo.value="";

} </script>

<form id="form1" name="form1" method="get">

<p align="center" class="Estilo2"><strong>Nociones de Encriptacion y Desincriptacion de datos </strong></p> <p class="Estilo3">Este codigo nos va dar una vision de encriptacion de datos, lo que vamos hacer es escribir todo lo que deseamos codificar en el tercer textarea "palabra", una vez hecho se aplasta el boton codificar lo cual se va encargar de escribir en el primer textarea "codigo" el valor ya codificado.</p> <p class="Estilo3">Para comprobar si este es el valor ya codificado, presionamos el boton descodificar lo cual se va encargar de escribir en el segundo textarea"descodigo" el valor descodificado. </p> <table width="626" border="1"> <tr> <td width="262"><span class="Estilo1 Estilo2">Codificado:</span></td> <td width="348"><span class="Estilo3">

<textarea name="codigo" cols="50" rows="3"></textarea> </span></td> </tr> <tr> <td><span class="Estilo2">Descodificado </span></td> <td><textarea name="descodigo" cols="50" rows="3"></textarea></td> </tr> <tr> <td><span class="Estilo1 Estilo2">Ingrese </span></td> <td><textarea name="palabra" cols="50" rows="3" ></textarea></td> </tr> </table> <p class="Estilo3"> </p> <p> <input name="limpia" type="button" onClick="limp(document.form1)" value="Limpiar" size="12"/>

<input type="button" name="Codificar" value="Codificar" onClick="co(document.form1)"/>

<input type="button" name="descodificar" value="Descodificar" onClick="desc(document.form1)"/> </p> </form>

códigos para paginas_web

Documents