CODIGOS HTML

    CODIGOS HTML:


             

-------------------------------------------------------------

1 - TEXTO OCULTO

<div class="pre-spoiler"><input id="xs" value="COLOCAMOS EL TITULO DEL BOTON" style="margin-left: 50px; padding: 0px; width: 80px; font-size: 14px; font-family: trebuchet ms;" onclick_fckprotectedatt="%20onclick%3D%20%20%20%20%22if(this.parentNode.getElementsByTagName('div')%5B0%5D.style.display%20!%3D%20'')%7Bthis.parentNode.getElementsByTagName('div')%5B0%5D.style.display%20%3D%20''%3Bthis.value%20%3D%20'Ocultar'%3B%7Delse%7Bthis.parentNode.getElementsByTagName('div')%5B0%5D.style.display%20%3D%20'none'%3B%20this.value%20%3D%20'Ver%20m%C3%A1s'%3B%7D%22" type="button" /> <div class="spoiler" style="display: none;">COLOCAMOS AQUI LA PARTE A OCULTAR</div> </div>

EJ:

-------------------------------------------------------------

2- 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> Establecer como página de inicio</U></FONT></A>

EJ

Establecer como página de inicio

-------------------------------------------------------------


3- RECOMENDAR WEB MEDIANTE E-MAIL

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

EJ

ENVÍA ESTA PÁGINA A UN AMIGO
Indica su e-mail:

-------------------------------------------------------------

4- ESTE CODIGO ES PARA LA CAMARA DE VIGILANCIA

<div style="text-align: center;"><a href="http://www.youtube.com/user/alexisgunit" _fcksavedurl="http://www.youtube.com/user/alexisgunit" _fcksavedurl="http://www.youtube.com/user/alexisgunit" _fcksavedurl="http://www.pablotorres.es.tl/%5B__%3ESalamandra-Server%3C__%5D.htm#comment" 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" _fcksavedurl="http://img150.imageshack.us/img150/9631/camaras01pe3.gif" alt="" /></a></div>

-------------------------------------------------------------

5- CAJA DE TEXTO

<textarea rows="5" cols="20">Aqui su texto

-------------------------------------------------------------

6- CERRAR VENTANA A LOS 15 seg

<script language="javascript">setTimeout("self.close();",7000)</script>

-------------------------------------------------------------

7- ATRAS - ADELANTE - ACTUALIZAR

<input type="button" value="Atrás" onclick_fckprotectedatt="%20onclick%3D%22history.back()%22""> <input type="button" value="Adelante" onclick_fckprotectedatt="%20onclick%3D%22history.forward()%22""> <input type="button" value="Actualizar" onclick_fckprotectedatt="%20onclick%3D%22window.location.reload()%22"">

EJ

-------------------------------------------------------------

8- MENUS DESPLEGABLES

<form> <select NAME="links" onChange_fckprotectedatt="%20onChange%3D%22top.location.href%3Dthis.form.links.options%5Bthis.form.links.selectedIndex%5D.value%22""> <option SELECTED>Elija la página donde quiera ir</option> <option VALUE="LINK 1">NOMBRE 1</option> <option VALUE="LINK 2">NOMBRE 2</option> <option VALUE="LINK 3">NOMBRE 3</option> <option VALUE="LINK 4">NOMBRE 4</option> </select> </form>

EJ

Elija la página donde quiera ir Inicio Canal de Youtube Nombre Nombre

-------------------------------------------------------------

9- TRADUCTOR DE GOOGLE:

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=es&w=160&h=60&title=&border=&output=js"></script>

EJ

-------------------------------------------------------------

10- GUSANO SIGUIENDO EL CURSOR

<!--- *** BEGIN CUT - Demo starts here *** ---> <!-- * You may use this code for free on any web page provided that * these comment lines and the following credits remain in the code. * "Mouse Squidie Script" © http://www.javascript-fx.com * Images "Cute Worm" by Roy Whittle © http://www.javascript-fx.com --> <SCRIPT LANGUAGE="JavaScript" SRC="http://www.javascript-fx.com/submitscripts/mouse_squidie/javascript/JSFX_Layer.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript" SRC="http://www.javascript-fx.com/submitscripts/mouse_squidie/javascript/JSFX_Browser.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript" SRC="http://www.javascript-fx.com/submitscripts/mouse_squidie/javascript/JSFX_Mouse.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript" SRC="http://www.javascript-fx.com/submitscripts/mouse_squidie/javascript/JSFX_MouseSquidie.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function JSFX_StartEffects() { JSFX.MakeMouseSquidie (15,"<img src='http://www.javascript-fx.com/submitscripts/mouse_squidie/images/worm_head.gif'>" ,"<img src='http://www.javascript-fx.com/submitscripts/mouse_squidie/images/worm_tail.gif'>" ); } </SCRIPT> <!--- *** END CUT - Demo ends here *** ---> </head> <BODY bgcolor="#000000" TEXT="#999999" LINK="yellow" VLINK="yellow" ALINK="red" onLoad_fckprotectedatt="%20onLoad%3D%22JSFX_StartEffects()%22"><br />
<div style="width:300px; height:175px"> <table bgcolor="#F8F8F8" border="1" bordercolor="#111111" cellpadding="2" cellspacing="1" style="border-collapse: collapse; width:100%; height:100%"> <tbody> <tr> <td bgcolor="#efefef" height="20" align="center"><b>Convert a document to pdf</b></td> </tr> <tr> <td><script language="javascript" src="http://doc2pdf.pdf24.org/js/doc2pdfBox.js"></script> <form style="margin:0px; padding:0px;" method="POST" enctype="multipart/form-data" accept-charset="UTF-8" onsubmit_fckprotectedatt="%20onsubmit%3D%22return%20new%20pdf24Doc2PDFForm(this).onSubmit()%3B%22"> <input type="hidden" name="noRedirect" value="true" /> <b>Choose a document</b><br /> <input name="documentFile" size="25" type="file" style="margin-bottom:4px;" /><br /> <b>Email</b> <small>(The pdf-file will be sent to this e-mail address)</small><br /> <input name="sendToEmail" size="43" type="text" style="width:98%; margin-bottom:4px;" /><br /> <input name="submitBtn" type="submit" value="Convert and send" style="margin-bottom:4px;" /> </form> </td> </tr> <tr> <td align="center"><a target="_blank" href="http://www.conversorpdf.com" _fcksavedurl="http://www.conversorpdf.com">Conversor PDF</a></td> </tr> </tbody> </table> </div> <br />

EJ

-------------------------------------------------------------

11- RELOJ QUE MARCA LAS HORAS RESTANTES PARA FINALIZAR EL DIA

<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"> <!-- var tiempoAtras; updateReloj(); function updateReloj() { var tiempo = new Date(); var hora = 23-tiempo.getHours(); var minutos = 59-tiempo.getMinutes(); var segundos = 59-tiempo.getSeconds(); tiempoAtras= (hora < 10) ? hora :hora; tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos; tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos; document.Reloj.tiempo.value = tiempoAtras; setTimeout("updateReloj()",1000); } //--> </script> </form> </body>

EJ

El reloj...

-------------------------------------------------------------

12- TEXTO QUE SE SUBRAYA AL PASAR EL  RATÓN

<STYLE type="text/css"> <!-- A:link {COLOR: red; TEXT-DECORATION: none} A:visited {COLOR: gray; TEXT-DECORATION: none} A:active {TEXT-DECORATION: none} A:hover {COLOR: blue; TEXT-DECORATION: underline} --> </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>

EJ

AndWas
TheUtopiaWas
Suscribete

-------------------------------------------------------------

13- TEXTO QUE SE ENCIENDE AL DEZPLAZAR LA WEB

<script language="JavaScript"> <!-- done = 0; step = 4 function anim(yp,yk) { if(document.layers) document.layers["texto"].top=yp; else document.all["texto"].style.top=yp; if(yp>yk) step = -4 if(yp<60) step = 4 setTimeout('anim('+(yp+step)+','+yk+')', 35); } function start() { if(done) return done = 1; if(navigator.appName=="Netscape") { document.texto.left=innerWidth/2 - 145; anim(60,innerHeight - 60) } else { texto.style.left=11; anim(60,document.body.offsetHeight - 60) } } // --></script> <div id="texto" style="position: absolute; top: -50; color: #FF8000; font-family: Arial, Helvetica; font-weight:bold; font-size:40px;"> <p><font face="Arial, Helvetica, sans-serif" size="3"><b><font size="6" color="#990000">INGRESA TU TEXTO AQUI</font></b></font></p> </div> <script language="JavaScript"> <!-- setTimeout('start()',10); //--> </script>

-------------------------------------------------------------

14- RELOJ PARA TU WEB

<script type="text/javascript" src="http://www.24webclock.com/clock24.js"></script> <table border="0" bgcolor="#3D700B" cellspacing=1 cellpadding=3 class="clock24st" style="line-height:14px; padding:0;"> <tr><td bgcolor="#88ED23" class="clock24std" style="font-family:arial; font-size:12px;"><a href="http://www.24webclock.com/de/" _fcksavedurl="http://www.24webclock.com/de/"><img src="http://www.24webclock.com/ico.gif" _fcksavedurl="http://www.24webclock.com/ico.gif" width="14" height="14" border="0" alt="gratis uhren für homepage" align="left" hspace="2"></a> <a href="http://www.24webclock.com/es/" _fcksavedurl="http://www.24webclock.com/es/" style="text-decoration:none;"><span class="clock24s" id="clock24_48434" style="color:#3D700B;">relojes web</span></a></td></tr> </table> <script type="text/javascript"> var clock24_48434 = new clock24('48434',-180,'%M / %dd / %yyyy %W %HH:%nn:%ss %P','es'); clock24_48434.daylight('AR'); clock24_48434.refresh(); </script>

EJ

relojes web

-------------------------------------------------------------

15- EVITAR LA SELECCIÓN DE TEXTO EN TU WEB

<script language="Javascript"> <!-- Begin function disableselect(e){ return false } function reEnable(){ return true } document.onselectstart=new Function ("return false" if (window.sidebar){ document.onmousedown=disableselect document.onclick=reEnable } // End --> </script>

-------------------------------------------------------------

16- COMVERTIR EL CURSOR EN UNA MIRA

<style type="text/css"> <!-- body { cursor: crosshair} --> </style>

EJ

COMO SE VE EL CURSOR AHORA

-------------------------------------------------------------

17- GIF QUE HACE CREER QUE CARGA EL CONTENIDO

<br /> <br /> <img src="https://img.webme.com/pic/a/andwas/cargando.gif" _fcksavedurl="https://img.webme.com/pic/a/andwas/cargando.gif" alt="" />

EJ

MAS

http://AndWas.es.tl/GIFS-CARGANDO.htm

-------------------------------------------------------------

18- ENLACES EN MOVIMIENTO:

<marquee direction="up" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.start()%22" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.stop()%22" scrollamount="1" style="border: 2px solid #000; height: 200px; padding: 3px; text-align: center; width: 200px;"> <a href="Enlace 1" _fcksavedurl="Enlace 1">Título 1</a><br /> <a href="Enlace 2" _fcksavedurl="Enlace 2">Título 2</a><br /> <a href="Enlace 3" _fcksavedurl="Enlace 3">Título 3</a> </marquee>

EJ:

Título 1
Título 2
Título 3

-------------------------------------------------------------

19- Enlaces que se abren al seleccionar una casilla:

<form> <ul> <li style="background-image:none;"> <input value="ON" onclick_fckprotectedatt="%20onclick%3D%22window.location%3D'URL%20del%20enlace%201'%3B%20return%20true%3B%22" type="checkbox" />Título del enlace 1 </li> <li style="background-image:none;"> <input value="ON" onclick_fckprotectedatt="%20onclick%3D%22window.location%3D'URL%20del%20enlace%202'%3B%20return%20true%3B%22" type="checkbox" />Título del enlace 2 </li> <li style="background-image:none;"> <input value="ON" onclick_fckprotectedatt="%20onclick%3D%22window.location%3D'URL%20del%20enlace%203'%3B%20return%20true%3B%22" type="checkbox" />Título del enlace 3 </li> <li style="background-image:none;"> <input value="ON" onclick_fckprotectedatt="%20onclick%3D%22window.location%3D'URL%20del%20enlace%204'%3B%20return%20true%3B%22" type="checkbox" />Título del enlace 4 </li> </ul> </form>

EJ:

• Título del enlace 1
• Título del enlace 2
• Título del enlace 3
• Título del enlace 4

-------------------------------------------------------------

20- CAMBIAR EL COLOR DE LA WEB CON BOTONES:

<center> <a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%22javascript%3Adocument.body.style.backgroundColor%3D'%23ff0000'%3B%20document.body.style.backgroundImage%3D'none'%3B%22"><img src= "http://2.bp.blogspot.com/-xtirugOu4XI/TrRDDMciptI/AAAAAAAACts/DrKSQs4_cH0/s1600/body-rojo.png" _fcksavedurl= "http://2.bp.blogspot.com/-xtirugOu4XI/TrRDDMciptI/AAAAAAAACts/DrKSQs4_cH0/s1600/body-rojo.png" alt="" /></a> <a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%20%20%20%20%22javascript%3Adocument.body.style.backgroundColor%3D'%23fff000'%3B%20document.body.style.backgroundImage%3D'none'%3B%22"><img src= "http://2.bp.blogspot.com/-XQU_kL_Cl_c/TrRDDp6P6SI/AAAAAAAACt0/iS8-TCq6jAs/s1600/body-amarillo.png" _fcksavedurl= "http://2.bp.blogspot.com/-XQU_kL_Cl_c/TrRDDp6P6SI/AAAAAAAACt0/iS8-TCq6jAs/s1600/body-amarillo.png" alt="" /></a> <a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%20%20%20%20%22javascript%3Adocument.body.style.backgroundColor%3D'%2304B404'%3B%20document.body.style.backgroundImage%3D'none'%3B%22"><img src= "http://4.bp.blogspot.com/-5JZrMeiV8Jw/TrRDD_BSTuI/AAAAAAAACt8/9Dg08eZZUC4/s1600/body-verde.png" _fcksavedurl= "http://4.bp.blogspot.com/-5JZrMeiV8Jw/TrRDD_BSTuI/AAAAAAAACt8/9Dg08eZZUC4/s1600/body-verde.png" alt="" /></a> <a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%20%20%20%20%22javascript%3Adocument.body.style.backgroundColor%3D'%230080FF'%3B%20document.body.style.backgroundImage%3D'none'%3B%22"><img src= "http://3.bp.blogspot.com/-esR5I2jdt5s/TrRDEHXeUZI/AAAAAAAACuE/UtvDfLScPdE/s1600/body-azul.png" _fcksavedurl= "http://3.bp.blogspot.com/-esR5I2jdt5s/TrRDEHXeUZI/AAAAAAAACuE/UtvDfLScPdE/s1600/body-azul.png" alt="" /></a> <a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%20%20%20%20%22javascript%3Adocument.body.style.backgroundColor%3D'%23CC00FF'%3B%20document.body.style.backgroundImage%3D'none'%3B%22"><img src= "http://2.bp.blogspot.com/-iCseaBaS2YY/TrRDEbVo63I/AAAAAAAACuM/ndzFy12lNJY/s1600/body-morado.png" _fcksavedurl= "http://2.bp.blogspot.com/-iCseaBaS2YY/TrRDEbVo63I/AAAAAAAACuM/ndzFy12lNJY/s1600/body-morado.png" alt="" /></a> <a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%20%20%20%20%22javascript%3Adocument.body.style.backgroundColor%3D'%23F781BE'%3B%20document.body.style.backgroundImage%3D'none'%3B%22"><img src= "http://2.bp.blogspot.com/-N6NAxMK01Wk/TrRDEqhtHjI/AAAAAAAACuU/wzGtdtBwqmo/s1600/body-rosa.png" _fcksavedurl= "http://2.bp.blogspot.com/-N6NAxMK01Wk/TrRDEqhtHjI/AAAAAAAACuU/wzGtdtBwqmo/s1600/body-rosa.png" alt="" /></a> <a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%20%20%20%20%22javascript%3Adocument.body.style.backgroundColor%3D'%23000000'%3B%20document.body.style.backgroundImage%3D'none'%3B%22"><img src= "http://4.bp.blogspot.com/-sfS_CkD43Ew/TrRDE8NCSaI/AAAAAAAACuc/cZ3RqhKUXtE/s1600/body-negro.png" _fcksavedurl= "http://4.bp.blogspot.com/-sfS_CkD43Ew/TrRDE8NCSaI/AAAAAAAACuc/cZ3RqhKUXtE/s1600/body-negro.png" alt="" /></a> <a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%20%20%20%20%22javascript%3Adocument.body.style.backgroundColor%3D'%23FFFFFF'%3B%20document.body.style.backgroundImage%3D'none'%3B%22"><img src= "http://2.bp.blogspot.com/-RINn-ddKkds/TrRDFCtn1YI/AAAAAAAACuk/t5gsEip5FIM/s1600/body-blanco.png" _fcksavedurl= "http://2.bp.blogspot.com/-RINn-ddKkds/TrRDFCtn1YI/AAAAAAAACuk/t5gsEip5FIM/s1600/body-blanco.png" alt="" /></a>

EJ:

-------------------------------------------------------------