Códigos para paginas_web

Post on 04-Jul-2015

163 views 0 download

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

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 Menú deslizable desde la izquierda

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 menú oculto que aparece desde la izda

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 menú barra desplazable

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 Menú-Barra con botones para desplazar

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 Menú con directorios desplegables

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.

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

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 para rotar una imagen con su link cada cierto tiempo

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 para rotar una imagen con su link y texto cada vez que se entra

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.

Cambiar el color de la barra de desplazamiento

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 que muestra texto en barra de estado

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 que muestra texto en barra de estado

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 ocultar dirección barra de estado

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.

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

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

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

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

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.

Cambiar el cursor

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

<!--Colocar entre las etiquetas head--><style type="text/css">BODY { cursor:url('cursor.cur'); }</style>

<!--Para colocarlo en un enlace--><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>

QUE HACES TODOS USTEDES

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

QUE HACES TODOS USTEDES

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

QUE HACES TODOS USTEDES

<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><!-- corpol@hotmail.com 2003 -->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

<!-- Union y almacenamiento de todos los datos -->

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>"{<!-- Muestra todos los datos en el TEXTAREA -->

document.generar.ver.value=gnra + "\n" + desc + "\n" + cont + "\n" + aut + "\n" + robt + "\n" + ran + "\n" + visi + "\n" + cachalert("Sea creado Meta-Tags.\n\nGracias por utilizar el Generador Meta-Tags"); //Mensaje}}function copiar(meta) /// Funcion que se encarga de copiar la Meta-Tags{with(meta){focus(); select()}if(document.all){txt=meta.createTextRange()txt.execCommand("Copy")alert('Texto copiado ahora solo pega en la pagina que contendra el Meta-Tags\n\nRecuerda pegar despues de la etiqueta <HTML> y antes de la etiqueta <BODY>');}else alert('Presiona Ctrl+c para copiar');}</script><HEAD><BODY bgcolor=#645150><!-- Inicia formulario con todos los campos y elecciones --><form name="generar"><center><table width="250"><tr><td><br>Robots:<select name="robots" STYLE="background:#786573; color:#B4D3F0;"> <option value="">Selecionar <option value="INDEX, FOLLOW">Todos <option value="NOINDEX, FOLLOW">No seguir<option value="INDEX, NOFOLLOW"> No añadir<option value="NOINDEX, NOFOLLOW">Ninguno </select> <td><fieldset STYLE="border:1px solid #AABFDC;"> <legend align="left">Titulo</legend> <input type="text" name="titulo" value="Aquí el titulo que llevara tu web" size="50" STYLE="background:#50474B;border:0px solid #AABFDC; color:#B4D3F0;"></fieldset></td></tr><tr><td>Rango:<select name="rango" STYLE="background:#786573; color:#B4D3F0;"> <option value="">Selecionar <option value="General">General<option value="Mature">Medio<option value="Restricted">Restringir

</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><!-- Fin del formulario --></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>

<!--Script por Corpol@hotmail.com-->

<script>function detener() <!--Detengo la marquesina si el puntero esta sobre ella-->{control.scrollAmount="0"}function sigue() <!--Sigue la marquesina si el puntero esta fuera de ella-->{control.scrollAmount="4"}</script></head><body bgcolor="#000000">

<!--Marquesina,Descripciones y enlaces--><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><!--Fin de marquesina, descripciones y enlaces-->

</body></html>

<style type="text/css"><!--body {

background-color: #6DAFD2;}.Estilo2 {font-size: 36px}.Estilo3 {font-size: 16px; }--></style><BODY text=#000000 vLink=#800080 aLink=#ff0000 link=#0000ff >

<script language="javascript">

//La Funcion co(oFormulario) sera para codificar la Palabra.function co(oFormulario){var temp=oFormulario.palabra.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.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 &quot;palabra&quot;, una vez hecho se aplasta el boton codificar lo cual se va encargar de escribir en el primer textarea &quot;codigo&quot; 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&quot;descodigo&quot; 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">&nbsp;</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>