Codigos Para tu Web
Menu Desplegable: Este codigo sirve para colocar un menu desplegable osea que es un menu de fila que cuando pones el codigo tienes que elejir una direccion y despues das en IR bueno si ya entendistes copia el siguiente codigo y EDITA todo lo que este en MAYUSCULA y pegalo en donde quieras de HTML.
<form>
<select name="urldestino">
<option selected>-----NOMBRE DEL MENU -----
<option value="LINK" >MENU
<option value="LINK">MENU
<option value="LINK">MENU
<option value="LINK">MENU
<option value="LINK">MENU
<option value="LINK">MENU
</select>
<input type="button" value="IR" onClick="location=this.form.urldestino.value" name="button">
</form>
Efecto de electricidad en los link de tu web: Con este codigo podemos hacer que cuando pasames el mause por un link de nuestra web de pronto nos salga un efecto de electricidad. copia el siguiente codigo y pegalo en Texto por encima de la pagina.
<style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.nackvision.com/myspace/links/lightningline.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.nackvision.com/myspace/links/lightningline.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.nackvision.com/myspace/links/lightningline.gif); filter:alpha(finishopacity=0, style=2); } </style>
Quitar encabezado de iceblue: Con este codigo podemos quitar el encabezado del diseño iceblue solo copia el siguiente codigo y pegalo en Texto por encima de la pagina.
<style type="text/css"> <!--
td.edit_header_full{background-image:url( );background-color:;height:0px;}
--></style>
td.edit_header_full{background-image:url( );background-color:;height:0px;}
--></style>
Colocar TV A Tu Web: Con este codigo pogremos colocar una televicion para los visitantes de tu pagina web bueno si te gusta copia el siguiente codigo y pegalo en FUENTE HTML.
<strong>.::TV
ONLINE 24
HORAS---WWW.LADISKOTEKA.COM---::.</strong>
<p> </p>
<p
align="left"><strong><font size="1" face="Verdana"><img
width="20" height="14" alt="Bandera de Argentina"
src="http://tvstation.iespana.es/images/ar.gif" /> <a target="tv"
href="http://tvstation.iespana.es/argentina.html"><font
color="#ff9900">Argentina</font></a><br />
<img
width="20" height="14" alt="Bolivia"
src="http://tvstation.iespana.es/images/bo.gif" /> <a target="tv"
href="http://tvstation.iespana.es/bolivia.html"><font
color="#ff9900">Bolivia</font></a><br />
<img
width="20" height="14" alt="Chile"
src="http://tvstation.iespana.es/images/cl.gif" /> <a target="tv"
href="http://tvstation.iespana.es/chile.html"><font
color="#ff9900">Chile</font></a><br />
<img
width="20" height="14" alt="Colombia"
src="http://tvstation.iespana.es/images/co.gif" /> <a target="tv"
href="http://tvstation.iespana.es/colombia.html"><font
color="#ff9900">Colombia</font></a><br />
<img
width="20" height="14" alt="Costa Rica"
src="http://tvstation.iespana.es/images/cr.gif" /> <a target="tv"
href="http://tvstation.iespana.es/costarica.html"><font
color="#ff9900">Costa
Rica</font></a></font></strong><br
/>
<strong><font size="1" face="Verdana"><img width="20"
height="14" alt="Cuba" src="http://tvstation.iespana.es/images/cu.gif" />
<a target="tv" href="http://tvstation.iespana.es/cuba.html"><font
color="#ff9900">Cuba</font></a><br />
<img width="20"
height="14" alt="El Salvador" src="http://tvstation.iespana.es/images/sv.gif"
/> <a target="tv"
href="http://tvstation.iespana.es/elsalvador.html"><font
color="#ff9900">El Salvador</font></a><br />
<img
width="20" height="14" alt="Banderas Animadas de España"
src="http://tvstation.iespana.es/images/es.gif" /> <font
color="#ff9900"><a target="tv"
href="http://tvstation.iespana.es/espana.html"><font
color="#000000">España</font></a></font><br
/>
<img width="20" height="14" alt="México"
src="http://tvstation.iespana.es/images/mx.gif" /> <a target="tv"
href="http://tvstation.iespana.es/mexico.html"><font
color="#ff9900">Mexico</font></a><br />
<u><a
target="tv" href="http://tvstation.iespana.es/panama.html"><font
color="#ff9900"><img width="20" height="14" alt="Panama"
src="http://tvstation.iespana.es/images/pa.gif"
/>Panama</font></a></u><br />
<img width="20"
height="14" alt="Perú"
src="http://tvstation.iespana.es/images/pe.gif" /> <u><a target="tv"
href="http://tvstation.iespana.es/peru.html"><font
color="#ff9900">Peru</font></a></u><br />
<img
width="20" height="14" alt="Puerto Rico"
src="http://tvstation.iespana.es/images/pr.gif" /> <u><a target="tv"
href="http://tvstation.iespana.es/puertorico.html"><font
color="#ff9900">Puerto Rico</font></a></u><br
/>
<img width="20" height="14" alt="Republica Dominicana"
src="http://tvstation.iespana.es/images/do.gif" /> <u><a target="tv"
href="http://tvstation.iespana.es/repdom.html"><font
color="#ff9900">Rep. Dom.</font></a></u><br
/>
<img width="20" height="14" alt="Uruguay"
src="http://tvstation.iespana.es/images/uy.gif" /> <font
color="#ff9900"><u><a target="tv"
href="http://tvstation.iespana.es/uruguay.html">Uruguay</a></u></font><br
/>
<u><a target="tv"
href="http://tvstation.iespana.es/venezuela.html"><font
color="#ff9900"><img width="20" height="14" alt="Venezuela"
src="http://tvstation.iespana.es/images/ve.gif" /><font
color="#ff9900">Venezuela</font></font></a></u></font></strong></p>
<p
align="center"><a target="tv"
href="http://tvstation.iespana.es/intro.htm"><img width="80" height="21"
border="0" alt=""
src="http://www.pandasoftware.com/activescan/imagenes/imageneses/bot_detener_over.gif"
/></a></p>
<iframe width="438" height="356" style="border:
2px solid rgb(0, 0, 0); width: 438px; height: 356px;" name="tv"
src="http://mx.geocities.com/ladiskotk/tvonline.html"></iframe>
<p
align="center"> </p>
<object
type="application/x-shockwave-flash"
data="http://www.99counters.com/counters.swf?id=22037&ln=es" width="120"
height="160" wmode="transparent"><param name="movie"
value="http://www.99counters.com/counters.swf?id=22037&ln=es" /><param
name="wmode" value="transparent" /><embed
src="http://www.99counters.com/counters.swf?id=22037&ln=es"
type="application/x-shockwave-flash" wmode="transparent" width="120"
height="160"></embed><br><a
href="http://www.onlinecasinoextra.com/">casino</a> <a
href="http://es.99counters.com/">Contador De
Visitas</a></object>
Nieve callendo en tu web: Este codigo sirve para que caiga nieve en tu web y los visitantes se impresionen mucho, bueno si te gusta copia el siguiente codigo y pegalo en Texto por encima de la pagina.
<marquee behavior="scroll" direction="down" style="position: absolute; left: 100px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 95px; top: 0px; width: 16px; height: 60px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 115px; top: 0px; width: 16px; height: 70px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 116px; top: 5px; width: 16px; height: 570px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 132px; top: 15px; width: 16px; height: 600px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 148px; top: 5px; width: 16px; height: 610px;" scrollamount="2"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 214px; top: 25px; width: 16px; height: 500px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 330px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 246px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 312px; top: 55px; width: 16px; height: 400px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 338px; top: 65px; width: 16px; height: 410px;" scrollamount="2"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 354px; top: 35px; width: 16px; height: 460px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 370px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 386px; top: 5px; width: 16px; height: 570px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 402px; top: 15px; width: 16px; height: 600px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 418px; top: 5px; width: 16px; height: 610px;" scrollamount="2"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 434px; top: 25px; width: 16px; height: 500px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 450px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 466px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 482px; top: 55px; width: 16px; height: 400px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 598px; top: 65px; width: 16px; height: 410px;" scrollamount="2"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 614px; top: 35px; width: 16px; height: 460px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 894px; top: 15px; width: 16px; height: 260px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 630px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 646px; top: 5px; width: 16px; height: 570px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 662px; top: 15px; width: 16px; height: 600px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 678px; top: 5px; width: 16px; height: 610px;" scrollamount="2"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 694px; top: 25px; width: 16px; height: 500px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 710px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 726px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 742px; top: 55px; width: 16px; height: 400px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 758px; top: 65px; width: 16px; height: 410px;" scrollamount="2"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 774px; top: 35px; width: 16px; height: 460px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 974px; top: 35px; width: 16px; height: 160px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 790px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 806px; top: 5px; width: 16px; height: 570px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 812px; top: 15px; width: 16px; height: 600px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 828px; top: 5px; width: 16px; height: 610px;" scrollamount="2"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 844px; top: 25px; width: 16px; height: 500px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 860px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 876px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 892px; top: 55px; width: 16px; height: 400px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 898px; top: 65px; width: 16px; height: 410px;" scrollamount="2"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 900px; top: 35px; width: 16px; height: 460px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 90px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 180px; top: 5px; width: 16px; height: 570px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 206px; top: 15px; width: 16px; height: 600px;" scrollamount="1"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 399px; top: 5px; width: 16px; height: 610px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 409px; top: 25px; width: 16px; height: 500px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 520px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 656px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 865px; top: 55px; width: 16px; height: 400px;" scrollamount="1"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 370px; top: 65px; width: 16px; height: 410px;" scrollamount="6"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 290px; top: 35px; width: 16px; height: 460px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 425px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 580px; top: 5px; width: 16px; height: 570px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 306px; top: 15px; width: 16px; height: 300px;" scrollamount="1"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 599px; top: 5px; width: 16px; height: 610px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 609px; top: 25px; width: 16px; height: 180px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 1070px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 950px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 260px; top: 55px; width: 16px; height: 200px;" scrollamount="1"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 770px; top: 65px; width: 16px; height: 210px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 690px; top: 35px; width: 16px; height: 360px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 925px; top: 0px; width: 16px; height: 50px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 225px; top: 0px; width: 16px; height: 50px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 380px; top: 5px; width: 16px; height: 70px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 806px; top: 15px; width: 16px; height: 100px;" scrollamount="1"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 399px; top: 5px; width: 16px; height: 110px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 909px; top: 25px; width: 16px; height: 280px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 570px; top: 5px; width: 16px; height: 150px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 750px; top: 15px; width: 16px; height: 130px;" scrollamount="6"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 660px; top: 5px; width: 16px; height: 100px;" scrollamount="1"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 570px; top: 5px; width: 16px; height: 110px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 690px; top: 5px; width: 16px; height: 60px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 965px; top: 0px; width: 16px; height: 50px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 1000px; top: 0px; width: 16px; height: 50px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 1010px; top: 0px; width: 16px; height: 150px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 390px; top: 5px; width: 16px; height: 70px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 466px; top: 15px; width: 16px; height: 100px;" scrollamount="1"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 359px; top: 5px; width: 16px; height: 110px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 489px; top: 25px; width: 16px; height: 280px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 530px; top: 5px; width: 16px; height: 150px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 780px; top: 15px; width: 16px; height: 130px;" scrollamount="6"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 910px; top: 5px; width: 16px; height: 100px;" scrollamount="1"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 570px; top: 5px; width: 16px; height: 110px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 620px; top: 5px; width: 16px; height: 160px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 300px; top: 0px; width: 16px; height: 100px;" scrollamount="1"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 890px; top: 0px; width: 16px; height: 200px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 840px; top: 10px; width: 16px; height: 100px;" scrollamount="7"><span >*</span></marquee>
Pagina protegida por clave: Este es un excelente recurso. Podés proteger tus páginas con una clave. Así podés definir exactamente quienes entrarán a tu página. No tenés que preocuparte por configuraciones. Es muy sencillo: la clave siempre será el nombre de tu página sin la extensión .htm, es decir, si la página tiene el nombre de "ejemplo.htm", la clave será "ejemplo". ¿Ves que fácil?. Para tener este recurso en tu sitio debes incluir un código en la página de "entrada" en donde el visitante ingresará la clave, y enviar a tu sitio el archivo de la página que será cargada..
<Form name="frm">
<center>
<Script Language="JavaScript">
<!--
//
function loadpage(){
var psj=0;
newwin = window.open(document.frm.pswd.value + ".htm")
}
//-->
</script>
Ingresa tu clave:
<input
type="password" name="pswd" size="20">
</center>
<center>
<p>
<input type="button" value="Entra"
onClick="loadpage()" name="button">
</p>
</center>
</form>
PacMan en tu web: Este codigo sirve para colocar un juego en tu web llamado PacMan es para que los visitantes de tu web se emocionen jugando y nunca salgan de tu web bueno solo copia el siguiente codigo y pegalo en donde quieras de HTML.
<script src="http://www.gmodules.com/ig/ifr?url=http://www.schulz.dk/pacman.xml&up_LANG=en&synd=open&w=200&h=200&title=PacMan+v2.6&lang=es&country=MX&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
CAJAS DE TEXTO: Con este codigo podran poner cajas de texto como las que ven aqui solo deben de copiar el codigo y pegarlo en la fuente HTML donde deseen que aparezca la caja de texto
<div align="center">
<div style="background-color:white; border-color: black; border-style: solid; color: black; height: 100px; overflow: scroll; width: 250px;">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
<div align="center">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
</div>
<span style="color: black; font-family: tahoma; font-size: 85%;"></span>
</div>
</div>
<b></b>
CAMARA DE VIGILANCIA: Con este codigo podran tener una camara web como la que aparece en la esquina superior derecha de mi pagina web solo deben de copiar este codigo y pegarlo en texto por debajo de la pagina en editar diseño y edictar donde dice ro0driig0o hay colocan el nombre de su canal de youtube.
<div style="text-align: center;"><a style="right: 0px; position: fixed; top: 0px;" href="http://www.youtube.com/user/ro0driig0o" target="_blank"><img alt="" src="http://dl.dropbox.com/u/47340707/camara-ro0driig0o.gif" /></a></div>
Crear un Formulario o Libro de Visitas:
Con este código podemos crear un formulario para que complete el visitante. O también un libro de visitas, luego que el visitante apriete el botón "enviar", los datos serán enviados a tu casilla de correo Va en codigo HTML.
<H2>Libro de visitas de www.by-ro0driig0o.es.tl</H2>
<FORM ACTION="mailto:tunombre@tuservidor.com" METHOD="post">
<TABLE>
<TD ALIGN=RIGHT>Nombre:</TD>
<TD><INPUT type="text" size=36 name="nombre"></TD>
<TR><TD ALIGN=RIGHT>Direccion E-mail:</TD>
<TD><INPUT type="text" size=36 name="direccion"></TD>
<TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD>
<TD><INPUT type="text" size=36 name="procedencia"></TD>
<TR><TD ALIGN=RIGHT>Tus comentatios:</TD>
<TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD>
</TABLE>
<INPUT type="reset" value="Borrar todo"> <INPUT type="submit" value="Enviar">
</FORM>
Buscador google:Este codigo es para poner un buscador google en tu web para que todos los visitantes cuando entren puedan buscar desde tu pagina solo pegalo en Fuente HTML de tu pagina.
<div align="center">
<div style="background-color:white; border-color: black; border-style: solid; color: black; height: 100px; overflow: scroll; width: 250px;">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
<div align="center">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
</div>
<span style="color: black; font-family: tahoma; font-size: 85%;"></span>
</div>
</div>
<b></b>
CAMARA DE VIGILANCIA: Con este codigo podran tener una camara web como la que aparece en la esquina superior derecha de mi pagina web solo deben de copiar este codigo y pegarlo en texto por debajo de la pagina en editar diseño y edictar donde dice ro0driig0o hay colocan el nombre de su canal de youtube.
<div style="text-align: center;"><a style="right: 0px; position: fixed; top: 0px;" href="http://www.youtube.com/user/ro0driig0o" target="_blank"><img alt="" src="http://dl.dropbox.com/u/47340707/camara-ro0driig0o.gif" /></a></div>
Crear un Formulario o Libro de Visitas:
Con este código podemos crear un formulario para que complete el visitante. O también un libro de visitas, luego que el visitante apriete el botón "enviar", los datos serán enviados a tu casilla de correo Va en codigo HTML.
<div align="center">
<div style="background-color:white; border-color: black; border-style: solid; color: black; height: 100px; overflow: scroll; width: 250px;">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
<div align="center">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
</div>
<span style="color: black; font-family: tahoma; font-size: 85%;"></span>
</div>
</div>
<b></b>
CAMARA DE VIGILANCIA: Con este codigo podran tener una camara web como la que aparece en la esquina superior derecha de mi pagina web solo deben de copiar este codigo y pegarlo en texto por debajo de la pagina en editar diseño y edictar donde dice ro0driig0o hay colocan el nombre de su canal de youtube.
<div align="center">
<div style="background-color:white; border-color: black; border-style: solid; color: black; height: 100px; overflow: scroll; width: 250px;">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
<div align="center">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
</div>
<span style="color: black; font-family: tahoma; font-size: 85%;"></span>
</div>
</div>
<b></b>
CAMARA DE VIGILANCIA: Con este codigo podran tener una camara web como la que aparece en la esquina superior derecha de mi pagina web solo deben de copiar este codigo y pegarlo en texto por debajo de la pagina en editar diseño y edictar donde dice ro0driig0o hay colocan el nombre de su canal de youtube.
<div align="center">
<div style="background-color:white; border-color: black; border-style: solid; color: black; height: 100px; overflow: scroll; width: 250px;">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
<div align="center">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
</div>
<span style="color: black; font-family: tahoma; font-size: 85%;"></span>
</div>
</div>
<b></b>
<div style="background-color:white; border-color: black; border-style: solid; color: black; height: 100px; overflow: scroll; width: 250px;">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
<div align="center">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
</div>
<span style="color: black; font-family: tahoma; font-size: 85%;"></span>
</div>
</div>
<b></b>
CAMARA DE VIGILANCIA: Con este codigo podran tener una camara web como la que aparece en la esquina superior derecha de mi pagina web solo deben de copiar este codigo y pegarlo en texto por debajo de la pagina en editar diseño y edictar donde dice ro0driig0o hay colocan el nombre de su canal de youtube.
<H2>Libro de visitas de www.by-ro0driig0o.es.tl</H2>
<FORM ACTION="mailto:tunombre@tuservidor.com" METHOD="post">
<TABLE>
<TD ALIGN=RIGHT>Nombre:</TD>
<TD><INPUT type="text" size=36 name="nombre"></TD>
<TR><TD ALIGN=RIGHT>Direccion E-mail:</TD>
<TD><INPUT type="text" size=36 name="direccion"></TD>
<TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD>
<TD><INPUT type="text" size=36 name="procedencia"></TD>
<TR><TD ALIGN=RIGHT>Tus comentatios:</TD>
<TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD>
</TABLE>
<INPUT type="reset" value="Borrar todo"> <INPUT type="submit" value="Enviar">
</FORM>
Pagina en construccion:Este codigo sirve para poner tu pagina web en construccion solo copia el siguiente codigo y pegalo en Texto por debajo de la pagina
<style type="text/css">
<!--
Tiempo restante para finalizar el dia:Este codigo sirve para que sepas cuanto tiempo falta para que se termine es te dia. solo copia el codigo y pegalo donde quieras en HTML
<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;
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>
Efecto de sangre en la parte de arriba:Este codigo es una imagen de sangre que cai de arriba asia abajo de tu web bueno solo copia el codigo y pegalo donde quieras en HTML. Si quieres ver la imagen de sangre pincha AQUI
Corazones con enlaces flotando por toda la web: Este codigo coloca 2 corazes que vuelen por toda la web 1 corazon es de facebook y el otro es de twitter y cada corazon tendra su enlace Osea que le pogras colocar el link de tu pagina de twitter y facebook. Abajo de esta imformacion les dejo las 2 imagenes de los corazones para que los vean. ¿Te gusto? Copea el siguiente codigo y edita donde diga "URL DE TU FACEBOOK" hay colocas el link de tu pagina de facebook y tambien edita donde diga "URL DE TU TWITTER" ahy colocas tambien el link de tu twitter. Ya terminastes de editar ahora copea el codigo y pegalo en Texto por encima de la pagina.
Ejemplo:
<script type='text/javascript'>
//<![CDATA[
/***********************************************
* Floating image script- By Virtual_Max
* Modified by Dynamic Drive for various improvements
***********************************************/
var vmin=2;
var vmax=5;
var vr=2;
var timer1;
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function Chip(chipname,width,height){
this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width+20;
this.h=height;
this.xx=0;
this.yy=0;
this.timer1=null;
}
function movechip(chipname){
if (document.getElementById){
eval("chip="+chipname);
if (window.innerWidth || window.opera){
pageX=window.pageXOffset;
pageW=window.innerWidth-40;
pageY=window.pageYOffset;
pageH=window.innerHeight-20;
}
else if (document.body){
pageX=iecompattest().scrollLeft;
pageW=iecompattest().offsetWidth-40;
pageY=iecompattest().scrollTop;
pageH=iecompattest().offsetHeight-20;
}
chip.xx=chip.xx+chip.vx;
chip.yy=chip.yy+chip.vy;
chip.vx+=vr*(Math.random()-0.5);
chip.vy+=vr*(Math.random()-0.5);
if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
if(chip.xx<=pageX){
chip.xx=pageX;
chip.vx=vmin+vmax*Math.random();
}
if(chip.xx>=pageX+pageW-chip.w){
chip.xx=pageX+pageW-chip.w;
chip.vx=-vmin-vmax*Math.random();
}
if(chip.yy<=pageY)
{chip.yy=pageY;
chip.vy=vmin+vmax*Math.random();
}
if(chip.yy>=pageY+pageH-chip.h)
{chip.yy=pageY+pageH-chip.h;
chip.vy=-vmin-vmax*Math.random();
}
document.getElementById(chip.named).style.left=chip.xx+"px";
document.getElementById(chip.named).style.top=chip.yy+"px";
chip.timer1=setTimeout("movechip('"+chip.named+"')",100);
}
}
function pagestart(){
//Aquí le agregamos los IDs a las imágenes
corazon1=new Chip("corazon1",47,68);
corazon2=new Chip("corazon2",47,68);
corazon3=new Chip("corazon3",47,68);
corazon4=new Chip("corazon4",47,68);
//Aquí indicamos cuántas imágenes hay programadas
movechip("corazon1");
movechip("corazon2");
movechip("corazon3");
movechip("corazon4");
}
if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart
//]]>
</script>
<!-- Corazones flotando por la página By-ro0driig0o.es.tl -->
<div id='corazon1' style='position:absolute; z-index:80; left: -500px; width:47px; height:68px;'>
<a href="URL DE TU FACEBOOK" target="_blank"><img border='0' src='https://lh3.googleusercontent.com/_dsEG33PDaHw/TVMVujv5pxI/AAAAAAAAA9w/A9Flydkthzk/corazon-fb.png'/></a>
</div>
<div id='corazon2' style='position:absolute; z-index:81; left: -500px; width:47px; height:68px;'>
<a href="URL DE TU TWITTER" target="_blank"><img border='0' src='https://lh5.googleusercontent.com/_dsEG33PDaHw/TVM2ouZPBXI/AAAAAAAAA-M/HpnhTV2TH1w/corazon-tw.png'/></a>
</div>
<!-- Fin de Corazones flotando por la página By-ro0driig0o.es.tl -->
Mensaje de alerta al pasar el cursor sobre un texto: Este codigo hace un efecto de que cuando alguien pase el cursor sobre algun texto aparesca rapidamente una alerta.Abajo de esta imformacion les dejo un ejemplo. Para dar el efecto pasa el cursor sobre el texto.¿Te gusto? Copea el siguiente codigo y edita lo que esta en MAYUSCULA y pegalo en donde quieras que aparesca el texto en HTML.
<a href="#" onmouseOver="alert('AQUI I EL MENSAJE QUE APARESERA EN LA VENTANITA')">AQUI TEXTO QUE HARA EL EFECTO CUANDO PASE EL CURSOR</a>
Boton de Twittiar de twitter: Este codigo es para colocar el boton de twittear. Es para que los visitantes recomiende nuestra web en su twitter. Abajo de esta imformacion puedes ver el boton. ¿Te gusto? Copia el siguiente codigo y edita donde diga "elvis-ayuda" hay colocas el nombre de tu twitter ya que lo editastes copealo y pegalo en donde quieras que aparesca el boton en HTML.
Ejemplo:
<a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="ro0driig0">Twittear</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
Obtener URL de tus imagenes: Este codigo es para colocar un script para subir tus imagenes y obtener la URL de ella y aparte tambien puedes obtener el codigo HTML. Puedes ver un ejemplo abajo de esta imformacion. Para saber la url de la imagen solo da en EXAMINAR y elijes la imagen que quieres sacarle la URL ya elejistes la imagen ahora da click en SUBIR y listo te enviara a otra pagina y ahi te dira si quieres copiar el HTML o la URL. y asi de facil obtendras la URL de tus imagenes. ¿Te gusto? Copia el siguiente codigo y pegalo en donde quieras que aparesca en HTML.
Ejemplo:
<p align="center" class="Titulos-menu"><strong>||- SACA LA URL A TU FOTO -||</strong></p>
<form action="http://i68.plebius.net/upload.php" enctype="multipart/form-data" target="_blank" method="post" style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px">
<p align="center"><input type="hidden" name="dest0" /> <span class="Estilo1">SACA LA URL DE TUS IMÁGENES</span><br />
<input type="file" name="pic" value="" /><br />
<input type="submit" value=" Subir " /> <input type="button" value=" Cancelar " onclick="self.close();" /></p>
<input type="hidden" name="op" value="upload" /> <input type="hidden" name="dest" />
</form>
Buscador de youtube: Bueno este codigo sirve para colocar un buscador de youtube es muy bueno ya que cuando buscas el video te da el resultado en tu web y pogras verlo desde tu web. Puedes ver el buscador abajo de esta imformacion. ¿Te gusto? Copea el siguiente codigo y pegalo en donde quieras que aparesca el buscador en Fuente HTML.
<center>
<iframe width="420" scrolling="no" height="706" frameborder="0" src="http://www.gmodules.com/ig/ifr?
url=http://www.google.com/ig/modules/youtube_videos.xml&synd=open&w=
&h=306&border=%23ffffff%7C3px
%2C1px+solid+%23999999&source=http%3A%2F%2Fwww.googleminiapps.com%2F
tools%2F__msg_youtube_videos__-gadget
%2F#idi_hr=http%3A%2F%2Fwww.googleminiapps.com%2Frobots.txt" name="iframe_1375638194" style="height: 389px;" id="iframe_1375638194"></iframe>
</center>
Ejemplo:
<center>
<iframe width="420" scrolling="no" height="706" frameborder="0" src="http://www.gmodules.com/ig/ifr?
url=http://www.google.com/ig/modules/youtube_videos.xml&synd=open&w=
&h=306&border=%23ffffff%7C3px
%2C1px+solid+%23999999&source=http%3A%2F%2Fwww.googleminiapps.com%2F
tools%2F__msg_youtube_videos__-gadget
%2F#idi_hr=http%3A%2F%2Fwww.googleminiapps.com%2Frobots.txt" name="iframe_1375638194" style="height: 389px;" id="iframe_1375638194"></iframe>
</center>
<script language="javascript" type="text/javascript">
//<![CDATA[
var warn = 1
function removeWarning() {
warn = 0
}
UNLOAD_MSG = 'URL DE TU WEB';
function doBeforeUnload(){
if(warn == 1){
if(window.event){
window.event.returnValue = UNLOAD_MSG;
}else{
return UNLOAD_MSG;
}
}
}
if(window.body){
window.body.onbeforeunload = doBeforeUnload;
}else{
window.onbeforeunload = doBeforeUnload;
}
//]]>
</script>
//<![CDATA[
var warn = 1
function removeWarning() {
warn = 0
}
UNLOAD_MSG = 'URL DE TU WEB';
function doBeforeUnload(){
if(warn == 1){
if(window.event){
window.event.returnValue = UNLOAD_MSG;
}else{
return UNLOAD_MSG;
}
}
}
if(window.body){
window.body.onbeforeunload = doBeforeUnload;
}else{
window.onbeforeunload = doBeforeUnload;
}
//]]>
</script>
Emoticonos Xat:Este codigo sirve para poner emoticonos a tu xat como los mios solo copia el siguiente codigo y pegalo en texto por debajo de la pagina.
Traductor google:Este codigo sirve para poner un traductor de google en tu pagina web solo copia el siguiente codigo y pegalo en Fuente HTML.
Colocar un cargador de pagina:Este codigo sirve para que cuando un visitante entre a nuestra web se encuentre con una imagen de carga de que esta cargando la pagina bueno solo copia el siguiente codigo y pegalo en la pagina de inicio en Fuente HTML.
</head>
<body>
Enviar un e-mail con mensaje y asunto: Este codigo sirve para que los visitantes de tu web puedan mandarte un mensaje por Outlook solo copia el siguiente codigo y pegalo en donde quieras de HTML. Codigo Aki:
<a href="mailto:webmaster@pauluk.8k.com?subject=Prueba.&body=Estoy probando el truco...">Hacé clic acá para mandarme un mensaje</a>Reloj (Negro): Este codigo sirve para colocar un reloj a tu pagina web es color negro espara que vean la hora los visitantes de tu web si lo quieres copia el siguiente codigo y pegalo en donde quieras de HTML. Codigo Aki:
<script src="http://h2.flashvortex.com/display.php?id=2_1320088610_41953_252_0_173_69_8_2_50" type="text/javascript"></script>Cuadro de opiniones: Este codigo sirve para colocar un cuadro de opiniones ejemplo tu colocas el siguiente codigo en tu pagina web y los visitantes corresponderan a esa pregunta que le isites y les salgra un cuadro de como es el visitante bueno solo colaca el siguiente codigo y pegalo en donde quieras de HTML.Codigo Aki:
<h1 style="text-align: center;"><span style="color: rgb(255, 0, 0);"><span style="font-family: Comic Sans MS;"><span style="font-size: x-large;">Que opinas de esta web:</span></span></span><span style="font-family: Comic Sans MS;"><span style="font-size: x-large;"><br /> </span></span></h1> <h1 style="text-align: center;"><center></center></h1> <div style="text-align: center;"><center></center></div> <div style="text-align: center;"><center> </center></div> <center> <table> <tbody> <tr> <td style="text-align:center;"><span style="color: rgb(0, 255, 255);"><span style="font-family: Comic Sans MS;"><span style="font-size: x-large;"> Muy Buena<input type="radio" value="Tienes un gusto excelente.Deja un comentario en la pagina de inicio" name="radio" onclick="alert(value)" /> </span></span></span></td> </tr> <tr> <td style="text-align:left;"><span style="font-family: Comic Sans MS;"><span style="font-size: x-large;"> <span style="color: rgb(0, 255, 255);">Regular</span> <input type="radio" value="Estas en lo cierto Dime como la mejoro. Deja un comentario en la pagina de inicio" name="radio" onclick="alert(value)" /> </span></span></td> </tr> <tr> <td><span style="font-family: Comic Sans MS;"><span style="font-size: x-large;"> <span style="color: rgb(0, 255, 255);">No Regreso Nunca</span><input type="radio" value="Vete de mi web no regreses(Es broma tu opininion cuenta deja tu comentario en la pagina de inicio.)" name="radio" onclick="alert(value)" /></span></span></td> </tr> </tbody> </table> </center> <div style="text-align: center;"> </div> <h1 style="text-align: center;"><span style="color: rgb(0, 0, 255);"><span style="font-family: Comic Sans MS;"><span style="font-size: x-large;">Edictado por: </span><a href="http://by-ro0driig0o.es.tl/" target="_blank"><span style="color: rgb(255, 0, 0);"><span style="font-size: x-large;">ro0driig0o</span></span></a></span></span></h1>
Messenger en tu web: Este codigo sirve para colocar un messenger en tu pagina web si es un messenger para que te conectes desde tu web y empiezes a chatear con tus amigos bueno solo copia el siguiente codigo y pegalo en donde quieras de HTML. Codigo Aki:
<FCK:meta content="text/html; charset=UTF-8" http-equiv="content-type" /> <FCK:meta id="iphone-viewport" content="width=320; maximum-scale=1.0; minimum-scale=1.0; initial-scale=1.0; user-scalable=no" name="viewport" /><style type="text/css"> body,td,div,span,p{font-family:arial,sans-serif;}a {color:#00c }a:visited { color:#551a8b; }a:active { color:#f00 }body {margin: 0;padding: 0; background-color: white }</style><script src="http://www.ig.gmodules.com/gadgets/js/rpc.js?v=cafdd8afc8e09c11c8f958dcefe4924&container=ig&debug=0&c=1"></script><script>var FLAG_use_rpc_js = true;</script><script src="/ig/extern_js/f/CgJlcxICdXMrMPIBOB3bAeABAdwB2wHgAQDcASwrMP4BOB_bAeABAdwB2wHgAQDcASx4AYgBAaABAQ/-FX5tWd4WTc.js"></script><script>gadgets.rpc.setRelayUrl('..', '/ig/ifpc_relay');</script><script>function sendRequest(iframe_id, service_name, args_list, remote_relay_url,callback, local_relay_url) {_IFPC.call(iframe_id, service_name, args_list, remote_relay_url, callback,local_relay_url);}function _IFPC_SetPref(key, value) {throw new Error('To use this feature, you must add ' +'<Require feature="setprefs"/> to your ' +'<ModulePrefs> tag.');} function _IG_SetTitle(title) {throw new Error('To use this feature, you must add ' +'<Require feature="settitle"/> to your ' +'<ModulePrefs> tag.');}function _IG_AdjustIFrameHeight() {throw new Error('To use this feature, you must add ' +'<Require feature="dynamic-height"/> to your ' +'<ModulePrefs> tag.');} var gv = null;if (window.gadgets && window.gadgets.views) {var errFunc = function() {throw new Error('To use this feature, you must add ' +'<Require feature="views"/> to your ' +'<ModulePrefs> tag.');};gv = window.gadgets.views;gv.requestNavigateTo = gv.getCurrentView = gv.getParams = errFunc;} </script><script>_et='';_IG_Prefs._parseURL('0');</script><script>_IG_Prefs._addAll("0", [["up_.lang","es"],["up_.country","us"],["up_synd","open"]]);if (window._isk) {window._isk[0] = "-6519388235814108557";}</script><!-- Create your own Google Gadgets: http://code.google.com/apis/igoogle/ --> <div id="remote_0" style="border-bottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 100%; padding-right: 0px; height: auto; overflow: hidden; border-top: 0px; border-right: 0px; padding-top: 0px"><center><iframe height="369" src="http://mobile.live.com/wlm/imcl.aspx" frameborder="0" width="290" scrolling="yes"></iframe><br /> </center></div> <script>_IG_TriggerEvent('domload');</script>
Ver la IP del visitante: Con este codigo vamos a poder hacer que cuando un visitante entre a tu web el pogra ver su IP desde tu pagina web solo copia el siguiente codigo y pegalo en donde quieras de HTML.
<script LANGUAGE="JavaScript">
<!-- hide code
var nDots = 7;
var Xpos = 0;
var Ypos = 0;
var DELTAT = .01;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1;
var XGRAVITY = 0;
var YGRAVITY = 50;
var RESISTANCE = 10;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 11;
var BOUNCE = 0.75;
var isNetscape = navigator.appName=="Netscape";
var followmouse = true;
var dots = new Array();
init();
function init()
{
var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i);
}
if (!isNetscape) {
}
for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
if (isNetscape) {
startanimate();
} else {
setTimeout("startanimate()", 1000);
}
}
function dot(i)
{
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
if (isNetscape) {
this.obj = eval("document.dot" + i);
} else {
this.obj = eval("dot" + i + ".style");
}
}
function startanimate() {
setInterval("animate()", 20);
}
function setInitPositions(dots)
{
var startloc = document.all.tags("LI");
var i = 0;
for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
dots[i+1].X = startloc[i].offsetLeft
startloc[i].offsetParent.offsetLeft - DOTSIZE;
dots[i+1].Y = startloc[i].offsetTop +
startloc[i].offsetParent.offsetTop + 2*DOTSIZE;
}
dots[0].X = dots[1].X;
dots[0].Y = dots[1].Y - SEGLEN;
}
function MoveHandler(e)
{
Xpos = e.pageX;
Ypos = e.pageY;
return true;
}
function MoveHandlerIE() {
Xpos = window.event.x + document.body.scrollLeft;
Ypos = window.event.y + document.body.scrollTop;
}
if (isNetscape) {
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = MoveHandler;
} else {
document.onmousemove = MoveHandlerIE;
}
function vec(X, Y)
{
this.X = X;
this.Y = Y;
}
function springForce(i, j, spring)
{
var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;
}
}
function animate() {
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos;
start = 1;
}
for (i = start ; i < nDots; i++ ) {
var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring);
}
if (i < (nDots - 1)) {
springForce(i+1, i, spring);
}
var resist = new vec(-dots[i].dx * RESISTANCE,
-dots[i].dy * RESISTANCE);
var accel = new vec((spring.X + resist.X)/MASS + XGRAVITY,
(spring.Y + resist.Y)/ MASS + YGRAVITY);
dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);
if (Math.abs(dots[i].dx) < STOPVEL &&
Math.abs(dots[i].dy) < STOPVEL &&
Math.abs(accel.X) < STOPACC &&
Math.abs(accel.Y) < STOPACC) {
dots[i].dx = 0;
dots[i].dy = 0;
}
dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;
var height, width;
if (isNetscape) {
height = window.innerHeight + window.pageYOffset;
width = window.innerWidth + window.pageXOffset;
} else {
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft;
}
if (dots[i].Y >= height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy;
}
dots[i].Y = height - DOTSIZE - 1;
}
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = width - DOTSIZE - 1;
}
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = 0;
}
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
}
// end code hiding -->
</script><center><script type='text/javascript'>
// <![CDATA[
var colour="#FFFFFF";
var sparkles=40;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i ) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny=rats);
starv=0;
tinyv=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c ) if (!starv[c]) {
star[c].style.left=(starx[c]=x) "px";
star[c].style.top=(stary[c]=y) "px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c ) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv==25) star.style.clip="rect(1px, 4px, 4px, 1px)";
if (starv) {
stary =1 Math.random()*3;
if (stary<shigh sdown) {
star.style.top=stary "px";
starx =(i%5-2)/5;
star.style.left=starx "px";
}
else {
star.style.visibility="hidden";
starv=0;
return;
}
}
else {
tinyv=50;
tiny.style.top=(tinyy=stary) "px";
tiny.style.left=(tinyx=starx) "px";
tiny.style.width="2px";
tiny.style.height="2px";
star.style.visibility="hidden";
tiny.style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv==25) {
tiny.style.width="1px";
tiny.style.height="1px";
}
if (tinyv) {
tinyy =1 Math.random()*3;
if (tinyy<shigh sdown) {
tiny.style.top=tinyy "px";
tinyx =(i%5-2)/5;
tiny.style.left=tinyx "px";
}
else {
tiny.style.visibility="hidden";
tinyv=0;
return;
}
}
else tiny.style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y sdown;
x=(e)?e.pageX:event.x sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height "px";
div.style.width=width "px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script><img border="1" alt="" src="http://lil-fino.99k.org/image.php" /> </center><br />
FACEBOOK y YOUTUBE: Este codigo sirve para colocar la red social de FACEBOOK y YOUTUBE en la esquina izquierda de arriba de tu web. si no sabes como es fijate en mi web yo lo tengo bueno si ya sabes cual es copia el siguiente codigo y EDITA todo lo que este en MAYUSCULA y pegalo en TEXTO POR DEBAJO DE LA PAGINA o POR ENCIMA DE LA PAGINA.
<style type="text/css">
#facebookboton{cursor:pointer;
background-size:100px;
background-image:url(https://img.webme.com/pic/s/supermarioworldsnes/facebook-logo.png);
position:absolute;
left:-50px;width:100px;
height:100px;opacity:0.5;}
#youtubeboton{cursor:pointer;
background-size:100px;
background-image:url(https://img.webme.com/pic/s/supermarioworldsnes/youtube-logo.png);
position:absolute;
left:-50px;width:100px;
height:100px;opacity:0.5;}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>$(document).ready(function(){facebook=$("#facebookboton");youtube=$("#youtubeboton");
posicion=parseInt(facebook.attr("top"));
facebook.css("top",posicion+"px");
youtube.css("top",(posicion+100)+"px");
facebook.mouseenter(function() {facebook.stop().animate({"left":"-10px","opacity":1},300);}).mouseout(function() {
facebook.stop().animate({"left":"-50px","opacity":.5},170);});
youtube.mouseenter(function() {youtube.stop().animate({"left":"-10px","opacity":1},300);}).mouseout(function(){youtube.stop().animate({"left":"-50px","opacity":.5},170);});});</script>
<a href="URL DE TU PAGINA DE FACEBOOK" target="_blank" title="Facebook de la Web"><div top="10" id="facebookboton"></div></a>
<a href="URL DE TU CANAL DE YOUTUBE" target="_blank" title="Youtube de la Web"><div id="youtubeboton"></div></a>
Imagen parpadeante: Este codigo sirve para colocar una imagen parpadeante es igual que el codigo TEXTO PARPADEANTE nadamas que este sera una imagen. Bueno copia el siguiente codigo y EDITA todo lo que este en MAYUSCULA y pegalo en donde quieras de HTML.
<script type="text/javascript">
function parpadeo() {
var imagen = document.images["parpadeante"];
imagen.style.visibility = (imagen.style.visibility == "visible") ? "hidden" : "visible";
}
setInterval("parpadeo()", 250);
</script> <img alt="imagen parpadeante" src="URL DE LA IMAGEN PARPADEANTE" name="parpadeante" />
Ampliar imagen al pasar el cursor: Este codigo sirve para hacer que una imagen se amplee al pasar el cursor sobre ella. Bueno para ponerlo en tu web solo copia el siguiente codigo y edita donde diga "URL DE LA IMAGEN" Y para editar el tamaño de la imagen solo tienes que cambiarle los "NUMERO" que tiene ahi por el que tu quieras
<img src="URL DE LA IMAGEN" onmouseover="this.width=500;this.height=400;" onmouseout="this.width=200;this.height=150;" width="200" height="150" />
Pajaro de twitter volando por toda tu web: Este codigo sirve para colocar un pajaro que este volando por toda la web como el que tengo yo en la mia. ese pajaro cuando le das click sobre el, directamente te manda a tu cuenta de twitter bueno si te gusta copia el siguiente codigo y edita donde diga "USUARIO" ahi colocaras tu nombre de cuenta de tu TWITTER. y listo pegalo en TEXTO POR ENCIMA DE LA PAGINA.
<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script>
<script type="text/javascript">
var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png';
var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');
var twitterAccount = 'http://twitter.com/USUARIO';
var twitterThisText ='';
tripleflapInit();
</script>
Calculadora: Este codigo sirve para colocar una calculadora en tu web solo copia el siguiente codigo y pegalo en donde quieras de HTML.
<form action name="Keypad">
<b>
<div align="center">
<table border="2" cellpadding="1" cellspacing="5" height="60" width="50">
<tbody>
<tr>
<td align="middle" colspan="3"><input name="ReadOut" size="24" value="0" width="100%" style="text-align: right" /></td>
<td> </td>
<td align="center"><input name="btnClear" onclick="Clear()" type="button" value=" C " /></td>
<td align="center"><input name="btnClearEntry" onclick="ClearEntry()" type="button" value=" CE " /></td>
</tr>
<tr>
<td align="center"><input name="btnSeven" onclick="NumPressed(7)" type="button" value=" 7 " /></td>
<td align="center"><input name="btnEight" onclick="NumPressed(8)" type="button" value=" 8 " /></td>
<td align="center"><input name="btnNine" onclick="NumPressed(9)" type="button" value=" 9 " /></td>
<td align="center"> </td>
<td align="center"><input name="btnNeg" onclick="Neg()" type="button" value=" +/- " /></td>
<td align="center"><input name="btnPercent" onclick="Percent()" type="button" value=" % " /></td>
</tr>
<tr>
<td align="center"><input name="btnFour" onclick="NumPressed(4)" type="button" value=" 4 " /></td>
<td align="center"><input name="btnFive" onclick="NumPressed(5)" type="button" value=" 5 " /></td>
<td align="center"><input name="btnSix" onclick="NumPressed(6)" type="button" value=" 6 " /></td>
<td align="center"> </td>
<td align="center"><input name="btnPlus" onclick="Operation('+')" type="button" value=" + " /></td>
<td align="center"><input name="btnMinus" onclick="Operation('-')" type="button" value=" - " /></td>
</tr>
<tr>
<td align="center"><input name="btnOne" onclick="NumPressed(1)" type="button" value=" 1 " /></td>
<td align="center"><input name="btnTwo" onclick="NumPressed(2)" type="button" value=" 2 " /></td>
<td align="center"><input name="btnThree" onclick="NumPressed(3)" type="button" value=" 3 " /></td>
<td align="center"> </td>
<td align="center"><input name="btnMultiply" onclick="Operation('*')" type="button" value=" * " /></td>
<td align="center"><input name="btnDivide" onclick="Operation('/')" type="button" value=" / " /></td>
</tr>
<tr>
<td align="center"><input name="btnZero" onclick="NumPressed(0)" type="button" value=" 0 " /></td>
<td align="center"><input name="btnDecimal" onclick="Decimal()" type="button" value=" . " /></td>
<td colspan="3" align="center"> </td>
<td align="center"><input name="btnEquals" onclick="Operation('=')" type="button" value=" = " /></td>
</tr>
</tbody>
</table>
</div>
</b>
</form>
<script language="JavaScript">
<!-- modifica este script para tu uso -->
<!-- puedes cambiar tamaño y color de botones y fondo -->
<!-- Begin
var FKeyPad = document.Keypad;
var Accum = 0;
var FlagNewNum = false;
var PendingOp = "";
function NumPressed (Num) {
if (FlagNewNum) {
FKeyPad.ReadOut.value = Num;
FlagNewNum = false;
}
else {
if (FKeyPad.ReadOut.value == "0")
FKeyPad.ReadOut.value = Num;
else
FKeyPad.ReadOut.value += Num;
}
}
function Operation (Op) {
var Readout = FKeyPad.ReadOut.value;
if (FlagNewNum && PendingOp != "=");
else
{
FlagNewNum = true;
if ( '+' == PendingOp )
Accum += parseFloat(Readout);
else if ( '-' == PendingOp )
Accum -= parseFloat(Readout);
else if ( '/' == PendingOp )
Accum /= parseFloat(Readout);
else if ( '*' == PendingOp )
Accum *= parseFloat(Readout);
else
Accum = parseFloat(Readout);
FKeyPad.ReadOut.value = Accum;
PendingOp = Op;
}
}
function Decimal () {
var curReadOut = FKeyPad.ReadOut.value;
if (FlagNewNum) {
curReadOut = "0.";
FlagNewNum = false;
}
else
{
if (curReadOut.indexOf(".") == -1)
curReadOut += ".";
}
FKeyPad.ReadOut.value = curReadOut;
}
function ClearEntry () {
FKeyPad.ReadOut.value = "0";
FlagNewNum = true;
}
function Clear () {
Accum = 0;
PendingOp = "";
ClearEntry();
}
function Neg () {
FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) * -1;
}
function Percent () {
FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accum);
}
// End -->
</script>
Ver video en pantalla completa: Este codigo sirve para ver un video de youtube en toda tu pantalla solo tienes que copiar el siguiente codigo y editar donde diga ID_VIDEO Y NOMBRE DEL ENLACE primero vamos con ID_VIDEO para saber cual es el ID_VIDEO pincha AQUI. recuerda que el ID_VIDEO esta en la url del video que quieres que este en toda la pantalla y bueno ahora vamos con NOMBRE DEL ENLACE ahy colocaras el TITULO. Y Listo copia el codigo y pegalo en donde quieras de HTML. Bueno ise este ejemplo para que vean como es.
EJEMPLO:
<a onclick="window.open(this.href,'','resizable=no,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,fullscreen=no,dependent=no,status'); return false" href="http://www.youtube.com/v/ID_VIDEO">NOMBRE DEL ENLACE</a>
Texto que sigue al CURSOR: Este codigo sirve para hacer que un texto siga tu cursor en forma giratoria solo tienes que copiar el siguiente codigo y editar donde diga "BIENVENIDOS A BY-RO0DRIIG0O" ahy colocaras el TEXTO que va a seguir al cursor. Bueno ya que lo tengas copialo y pegalo en TEXTO POR ENCIMA DE LA PAGINA.
<style type='text/css'>
/* Texto giratorio que sigue al cursor */
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: verdana, arial; /* Tipo de letra */
color: #000; /* Color del texto */
/* No editar esta area */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type='text/javascript'>
//<![CDATA[
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Mensaje
var msg = "BIENVENIDOS A BY-RO0DRIIG0O";
// Tamaño de la letra
var size = 22;
// Determina si es ovalado o circular, 1 es circular, 2 es ovalado
var circleY = 0.75; var circleX = 2;
// Espacio entre cada letra
var letter_spacing = 5;
// Diametro del circulo
var diameter = 10;
// Velocidad de rotacion
var rotation = 0.4;
// Velocidad de reaccion
var speed = 0.3;
////////////////////// No editar nada mas //////////////////////
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
//]]>
</script>
Cursor con COPOS DE NIEVE: Este codigo sirve para sacar copos de nieve cuando mueves el CURSOR solo copia el siguiente codigo y pegalo en TEXTO POR ENCIMA DE LA PAGINA.
<script type='text/javascript'>
// <![CDATA[
var colour="#FFFFFF";
var sparkles=40;
/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
Efecto texto movible asia la IZQUIERDA Y DERECHA: Este codigo sirve para hacer que un texto se mueva asia la IZQUIERDA y DERECHA. Mira el ejemplo que esta abajo de esta imformacion. Bueno quieres ponerlo en tu web pues copia el siguiente codigo y editas donde diga "AQUI EL TEXTO QUE SE MOVERA" bueno ya que lo tengan editado copealo y pegalo en donde quieras de HTML.
EJEMPLO:
<span style=" font-weight:bold; color:#DF0101; font-size:18px;"> <marquee bgcolor="FFFF00" behavior="ALTERNATE">AQUI EL TEXTO QUE SE MOVERA</marquee> </span>
Efecto titulo de la web escribiendo estilo MAQUINA DE ESCRIBIR: Este codigo hace que el titulo de nuestra web escriba algo a estilo de una maquina de escribir osea tu pones el nombre del titulo y el codigo hara que escriba el titulo por cada palabra. Bueno si entendistes copia el siguiente codigo y edita donde diga "AQUI EL TITULO DE LA WEB" ahy colocares el titulo que hara efecto. Y listo copealo y pegalo en TEXTO POR ENCIMA DE LA PAGINA.
<script language="JavaScript1.2">
var message="AQUI EL TITULO DE LA WEB" //
var message=message+" "
i="0"
var temptitle=""
var speed="150" //
function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i)
temptitle=temptitle+message.charAt(i)
i++
if(i==message.length)
{
i="0"
temptitle=""
}
setTimeout("titler()",speed)
}
window.onload=titler
</script>
var message="AQUI EL TITULO DE LA WEB" //
var message=message+" "
i="0"
var temptitle=""
var speed="150" //
function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i)
temptitle=temptitle+message.charAt(i)
i++
if(i==message.length)
{
i="0"
temptitle=""
}
setTimeout("titler()",speed)
}
window.onload=titler
</script>
Efecto de arcoiris al pasar el cursor sobre un link: Este codigo hace que cuando el cursor de nuestra web pase sobre un link hace un efecto que cambie de color a los colores de la ARCOIRIS. Bueno si lo quieres copea el siguiente codigo y pegalo en TEXTO POR DEBAJO DE LA PAGINA.
<script src='http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/rainbowlinks.js'/>
Probador HTML: Con este codigo los visitantes entraran a tu sitio web y pongran todos sus codigos HTML para editarlos y despues colocarlos a su pagina web ya editados. Solo pega este codigo en la pagina que quieras en HTML. Para ver el Probador HTML Pincha AQUI
<div style="text-align: center;"><!--- Codigo por a-battle-games.es.tl---> <script>
function probar(texto) {
ventana = window.open('', 'popup', '');
ventana.document.write(texto);
}a-battle-games.es.tl
</script>
<form action="" name="probador">
</form>
</div>
<form action="" name="probador">
<h1 style="text-align: center;"><font face="Verdana" size="2"><span style="font-family: Comic Sans MS;"><span style="font-size: larger;">Este es un Vizualizador de códigos HTML, inserta el código HTML y te dará el resultado en una ventana nueva! </span></span></font></h1>
<div style="text-align: center;"> </div>
<font face="Verdana" size="2"><hr />
</font>
</form>
<div style="text-align: center;">
<form action="" name="probador">
<textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size="2"> <br />
</font><input type="button" onclick="probar(texto.value)" value="Visualizar el codigo" name="" /><a target="By Battle-Games" href="http://a-battle-games.es.tl"><font face="Verdana" size="2"><br />
</font></a>
</form>
<!--- Codigo por a-battle-games.es.tl---></div>
Efecto de sangre en la parte de arriba:Este codigo es una imagen de sangre que cai de arriba asia abajo de tu web bueno solo copia el codigo y pegalo donde quieras en HTML. Si quieres ver la imagen de sangre pincha AQUI
Get your own Chat Box! Go Large!
