Códigos HTML

Codigos html Para Tu Pagina

Subrayar un Link al pasar el mouse:

Con este código podemos lograr ese tan conocido efecto que al pasar el mouse sobre un link, este se subraye. Podemos hacer que tenga un color antes de visitar el link, y que tenga otro una vez visitado va en codigo HTML.

<STYLE type="text/css">

</STYLE>
</p>
<p><a href="l1.htm">El texto que quieras.</a><br>
<a href="l2.htm">otro texto.</a><br>
<a href="l3.htm">Otro texto.</a><br>
</p>

Transformar el cursor en una mira:Transformá la clásica flechita de Windows en una mira de disparo encima de la pagina.

Abrir un Link en una Ventana Nueva:

Cuando tenemos Links en nuestras páginas y alguien hace clic sobre ellos, automáticamente se abre esa dirección en nuestra ventana. Con este truco podemos hacer que al hacer clic sobre un determinado Link, esta dirección se abra en una ventana nueva, quedando la nuestra también abierta va en codigo HTML.

<a href="URL DE LA PAGINA QUE SE ABRIRA" target="_blank">AQUI EL TITULO DE LA PAGINA</a>

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.GuerreHuitzi.es.tl</H2>

<TABLE>

<TD ALIGN=RIGHT>Nombre:</TD>

<TR><TD ALIGN=RIGHT>Direccion E-mail:</TD>

<TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD>

<TR><TD ALIGN=RIGHT>Tus comentatios:</TD>

</TABLE>

</FORM>

No dejar seleccionar el texto de nuestra Web:Con este código vamos a impedir que los visitantes seleccionen el texto de nuestra página para luego copiarlo a otro lado.

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

Diseño trasparente: Con este codigo tendran el menu transparente y de igual forma lograran la trasparencia de los box.Solo peguenlo en texto del 1 box derecha.

/* Diesen Teil nicht rauslöschen*/

/* Copyright by streetplayer49 http://www.hp-service.de.tl */

/* Allgemein */

p, div{color:#ffffff;}

body{color: #ffffff;background-color:#000000;}

/*Navigation*/

td.edit_navi_headbg{background-image: none;width: 15%;}

td.nav_heading{background-image: url(transparent);height: 33px;padding-left: 27px;font-size: 14px;font-weight: bold;}

td.nav{background-image: url(transparent);height: 33px;}

td.nav:hover{background-image: url(http://Hier Bildlink/buttoncpredhov.jpg);height: 33px;}

td.nav a{color: #ffffff;text-decoration: none;font-size: 11px;}

td.nav a:hover{color: #ffffff;text-decoration: overline underline;font-size: 11px;}

td.nav a:visited{color: #ffffff;font-size: 11px;font-weight: bold;}

td.edit_below_nav{visibility: hidden;}

/*Content*/

td.edit_rechts_cbg{background-image: none;width: 100%;}

td.edit_content_top{height: 33px;background-image: url(transparent);font-size:14px;font-weight:bold;text-align: center;}

td.edit_content{background-image: none;background-color:transparent;}

td.edit_content div{color: #fff;font-size: 12px;font-weight: bold;}

td.edit_content p{color: #fff;font-size: 12px;font-weight: bold;}

td.edit_content font{color: #fff;font-size: 12px;font-weight: bold;}

td.edit_content_bottom{background-image: url(transparent);height: 33px;}

td.edit_content_bottom2{background-image: none;height: 38px;}

td.headline2{visibility: hidden;}

/*Rechte Boxen*/

td.sidebar_heading{background-image: url(https://img.webme.com/pic/s/success4you/realflashdown.gif);height: 33px;font-size: 14px;font-weight: bold;text-align: center;}

.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image: none;background-color:transparent;border:transparent;}

td.edit_rechts_bottom{background-image: none;width: 15%;}

td.edit_rb_footer{background-image: none;}

/*Rechter Streifen*/

td.edit_rechts_sbg{background-image: none;visibility: hidden;position: absolute;right: 0px;}

--> </style>

p, div{color:#ffffff;}

body{color: #ffffff;background-color:#000000;}

Botones adelante,atras y actualizar: Con este codigo podras poner botones en tu pagina que digan adelante, atras y actualizar esto es para hacer màs comoda la visita de tus usuarios pega el codigo en la fuente HTML de la pagina que desees.

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;"> <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>
</div>

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.

<center>
<FORM method=GET action="http://www.google.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=es>
<INPUT type=submit name=btnG VALUE="Búsqueda Google">
</td></tr></TABLE>
</FORM>
</center>

Palabra que se mueve asiala derecha o izquierda:Este codigo sirve para que cuando pongas un titulo en tu pagina web solo colocas este codigo y el titulo empesara a moverse asi la derecha o izquierda solo copia el codigo y pegalo en un block y editas en donde dise "TITULO AQUI" y ahi colocas lo que quieras que se mueva despues lo pegas en Donde quieras de HTML

<marquee>TITULO AQUI</marque>

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

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

Imagen grande:Este codigo sirve para que cuando alguien de click en una imagen la imagen se haga mas grande de lo que estaba solo copia el siguiente codigo y le edictas donde dise "URL DE LA IMAGEN" quitas eso y pegas la URL de la imagen que quieras. Bueno despues copias todo y lo pegas en donde quieras en 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.

</style>
</head>
<body>
<FONT color="white"><script type='text/javascript'>
window.onload = detectarCarga;
function detectarCarga(){
document.getElementById("imgLOAD").style.display="none";
}
</script>

<div id='imgLOAD' style="TEXT-ALIGN: center">
<b>Cargando la pagina</b>
<IMG src="https://img.webme.com/images/progress.gif">
</div>

Pagina que tiembla:Este codigo sirve para que cuando un visitante entre a nustra web la pagina empesara a temblar solo copia el siguiente codigo y pegalo "encima de la pagina"

<html>
<head>
<title>TITULO</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<p>
<script language="JavaScript1.2">

function tremer(n) {

if (self.moveBy) {

for (i = 10; i > 0; i--) {

for (j = n; j > 0; j--) {

self.moveBy(0,i);

self.moveBy(i,0);

self.moveBy(0,-i);

self.moveBy(-i,0);

}}}}

tremer(5)

</script>
<Script language=JavaScript>

function right(e) {

if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){

alert("PAGINA WEB");

return false;

}

else if (navigator.appName == 'Microsoft Internet Explorer' &&

(event.button == 2 || event.button == 3)) {

alert("PAGINA WEB");

return false;

}

return true;

}

document.onmousedown=right;

if (document.layers) window.captureEvents(Event.MOUSEDOWN);

window.onmousedown=right;

</script>
</body>
</html>

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.

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.

Titulo de la web movible: Este codigo sirve para que el titulo de arriba de la web se empiese a mover solo copia el siguiente codigo y pegalo en un block de notas y edicta en donde dise TITULO DE LA WEB hay colocaras el titulo que quieras y listo copia y pegalo en texto por arriba de la pagina si quieres ver un ejemplo pincha aqui

var txt=" TITULO DE LA WEB ";
var espera=140;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
</SCRIPT>

Elejir y cambiar el color de fondo a la web: Este codigo sirve para poder cambiar el fondo de nuestra pagina web a un color solo tu elijes el color que quieras y el fondo de nuestra web se pongra al color que elejistes. copia el siguiente codigo y pegalo en donde quieras en HTML.

<FORM>
<INPUT TYPE="button" VALUE="gris" ONCLICK="document.bgColor='silver'">
<INPUT TYPE="button" VALUE="negro" ONCLICK="document.bgColor='black'">
<INPUT TYPE="button" VALUE="verde" ONCLICK="document.bgColor='lightgreen'">
<INPUT TYPE="button" VALUE="rojo" ONCLICK="document.bgColor='red'">
<INPUT TYPE="button" VALUE="blanco" ONCLICK="document.bgColor='white'">
<INPUT TYPE="button" VALUE="amarillo" ONCLICK="document.bgColor='yellow'">
</FORM>

Buscador de imagenes: Este codigo funciona para colocar un buscador de imagenes eso si no es buscador de imagenes de google si no que de xfacts bueno solo copia el siguiente codigo y pegalo en Fuente HTML de tu pagina.

Calendario: Este codigo funciona para colocar un calendario a tu pagina web es para que los visitantes que entren a tu web vean que dia es hoy. bueno solo copia el siguiente codigo y pegalo en Fuente HTML de tu pagina.

Texto Parpadiante: Este codigo funciona para colocar un texto parpadeante en tu web adentro de un marco solo copia el siguiente codigo y pegalo en un block de notas y edicta donde dice AQUI EL TEXTO QUE VA A PARPADEAR ahy colocaras lo que quieres que parpadeo buendo despues copia y pega en Fuente HTML de tu pagina web.

Bloquear boton derecho: Este codigo funciona para bloquear el boton derecho sirve para que no roben imformacion de la web si quieren el codigo solo copia el siguiente codigo y pegalo en texto por encima de la pagina

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">

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.

Poner tu pagina de inicio: Este codigo sirve para que los visitantes de tu web puedan tener tu web en la pagina de inicio Ejemplo: que cuando habra su navegador va a parecer tu web como inicio Bueno solo copia el siguiente y edicta donde dice URL ahi colocas tu web despues lo pegas en donde Quieras de HTML.

<A class="chlnk" style="FONT-WEIGHT: bold; CURSOR: hand;
COLOR: #004080; FONT-FAMILY: Verdana" onclick=
"this.style.behavior='url(#default#homepage)';
this.setHomePage('URL');">
<FONT face=Arial color=#000000 size=-2><U>
Establecer como página de inicio</U></FONT></A>

Saludo al visitante: Este codigo sirve para que los visitantes vean un mensaje de buenos dias o buenas tardes o buenas noche solo copia el siguiente codigo y pegalo en donde quieras de HTML.

 <Font size=2 face=arial><b>
 <Script Language="JavaScript">

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

 </script>
 </b></font>

Recomendar pagina web: Este codigo sirve para que los visitantes de tu web puedan recomendar tu pagina a sus amigos solo coloca el siguiente codigo y pegalo en donde quieras de HTML.

<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="mailThisUrl();">
     </form>
     <script language="JavaScript1.2">
     var good;
     function checkEmailAddress(field) {
     // the following expression must be all on one line...
     var goodEmail = field.value.match(/b(^(S+@).+((.com)|(.net)|
     (.edu)|(.mil)|(.gov)|(.org)|(..{2,2}))$)b/gi);
     if (goodEmail){
     good = true
     } else {
     alert('Por favor introduce un e-mail valido')
     field.focus()
     field.select()
     good = false
     }
     }
     u = window.location;
     m = "Pienso que te puede interesar esta página...";
     function mailThisUrl(){
     good = false
     checkEmailAddress(document.eMailer.address)
     if (good){
     // the following expression must be all on one line...
     window.location = "mailto:"+document.eMailer.address.value+"?subject="+m+"&body="+document.title+" "+u;
     }
     }
     </script>

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.

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

<script src="http://h2.flashvortex.com/display.php?id=2_1320088610_41953_252_0_173_69_8_2_50" type="text/javascript"></script>

Agregar tu web a favoritos: Este codigo sirve para que los visitantes de tu pagina web puedan añadir tu pagina como favoritos solo edicta donde dice URL AQUI ahi colocas tu web y donde dice DESCRICION DE TU WEB ahi colocas lo que quieras despues copialo y pegalo en donde quieras de HTML.

<a href="#" 
onClick="window.external.AddFavorite('URL AQUI','DESCRICION DE TU SITIO');return false;"><font color="#FFFFFF" size="2"><font
 color="#000000" face="Verdana, Arial, Helvetica, 
sans-serif"><font size="2">Agreganos
a tus 
favoritos</font><font 
color="#000000">...</font></font></font></a><font
 size="2">

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.

<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;">&nbsp;</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>

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>

Imagen para ir arriba: Este codigo sirve para colocar al inferior de la parte derecha de tu web una imagen que si le das click te lleve a sia arriba si estas asta abajo le das click a la imagen y te lleva asta arriba de nuevo bueno si lo quieres solo copia el siguiente codigo y pegalo en Texto por debajo de la pagina.

<a href='#' title='Ir arriba'><img alt='Ir arriba' border='0' src='http://inacho07.googlepages.com/2uparrow.png' style='position:fixed; bottom:0; right:0;'/></a>

Como insertar meta tags en tu web: Este codigo sirve para insertar meta tags son para que los buscadores encuentre tu web mas rapido solo tu colocas las palabras claves bueno si te gusta copia el siguiente codigo y edita y despues copialo y pagalo en texto por encima de la pagina.

<meta name="title" content="Titulo de tu página web"/>

<meta name="keywords" content="palabras,claves,separadas,por,comas"/>
<meta name="description" content="Descripcion de tu página web"/>
<meta name="author" content="Nombre del autor"/>

<meta name="robots" content="all"/>
<meta name="revisit" content="10 days"/>
<meta name="distribution" content="all"/>

MegauUpload: Este codigo sirve para colocar el megaupload a su sitio web y para que los visitantes de tu web suban archivos desde tu web bueno si ya sabes cual es que espera a copiar el siguiente codigo y pegarlo en donde quieras de HTML.

<div style="text-align: center;"><br />
<embed height="452" width="452" wmode="transparent" type="application/x-shockwave-flash" src="http://www.megaupload.com/filebox/?t=1&amp;c=2&amp;u=765015869.8a9a377580"></embed></div>

Colocar un cuadro de informacion: Este codigo sirve para poner un cuadro de informacion como el que tengo yo en mi pagina web en la pagina de INICIO es un cuadro blanco bueno si ya sabes cual es entonces copia el siguiente codigo y edicta donde dice COLOCA LO QUE QUIERAS AQUI y donde dice TAMBIEN AKI ESCRIBE LO QUE QUIERAS y tambien donde dice TU NOMBRE bueno ya que lo tengas copialo y pegalo en donde quieras de HTML.

<style type="text/css">div#pop-up{padding:12px;width:400px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
position:absolute;
top:16%;
left:-50%;
z-index:2;
display:none;
opacity:0;
background-color:#ffffff;
color:#000000;
border:1px solid black;
elevation:above;
}</style> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script>$(document).ready(function(){
pop=$("div#pop-up");
abrir();
//funciones abrir cerrar by-ro0driig0o.es.tl
function abrir(){ pop.stop().css( 'display','block' ).animate({'left':'33%','opacity':1} ,900); }
function cerrar(){ pop.stop().animate({'left':'-50%','opacity':0},900,function(){pop.css('display','none');}); }
$("div#cerrar").click(function(){cerrar();});
});/*codigo por adan-2994.es.tl*/</script>

<div id="pop-up">
<div style="cursor: pointer; width: 28px; height: 28px; background-image: url(&quot;https://img.webme.com/pic/b/by-ro0driig0o/favicon.ico&quot;); background-repeat: no-repeat;" id="cerrar">&nbsp;</div>
<p>COLOCA LO QUE QUIERAS AQUI</p>

<p>TAMBIEN AKI ESCRIBE LO QUE QUIERAS</p>
<p>Atte. TU NOMBRE</p>
<p align="left"></p>
</div>

Abrir una Web en Pop Up: Este codigo sirve para que cuando entren a tu pagina web automaticamente se abra otra pagina en una pestaña abierta si lo quieres copia el siguiente codigo y edicta donde dice AQUI URL DE TU WEB ahy colocas tu web y listo copialo y pegalo en TEXTO POR ENCIMA DE LA PAGINA.

<script language='JavaScript'>window.open('AQUI URL DE TU WEB', 'geoflotante', '');</script>

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>

Imagen con LINK: Con este codigo pogremos colocar una imagen con link e decir que cuando le den click a la imagen te enviara a una pagina, bueno si te gusto copia el siguiente codigo y edicta donde dice URL DE LA PAGINA ahy colocas la url de la web que quieres ir y donde dice URL DE LA IMAGEN ahy coloca la url de la imagen a la que le daran click y listo copialo y pegalo en FUENTE HTML de tu pagina web.

<a href="URL DE LA PAGINA" target="_blank"><img src="URL DE LA IMAGEN" alt="" /></a>

Crear un link para download: Si queremos poner archivos para que los visitantes los puedan descargar a sus computadoras, solo debemos subir ese archivo a nuestro servidor e insertar en nuestra Web el siguiente código HTML en FUENTE HTML.

<a href="ejemplo.exe">Descripción del enlace </a>

Imagen volando por la pantalla: Con este codigo pogremos hacer que una imagen vuele por toda la pantalla de nuestra web bueno copia el siguiente codigo y edicta donde dice INGRESA EL NOMBRE DEL ARCHIVO DE IMAGEN AQUI ahy coloca la url de la imagen que quieres que vuele por la pantalla y listo copia el codigo y pegalo en donde quieras que aparesca la imagen en FUENTE HTML.

<SCRIPT language="JavaScript1.2">
var imagem="Ingresa el nombre del archivo de imagen aquí"
if (document.layers)
{document.write("<LAYER NAME='animacao' LEFT=10 TOP=10><img src='"+imagem+"' ></LAYER>")}
else if (document.all){document.write("<div id='animacao' style='position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'><img src='"+imagem+"'></div>")}

conta=-1;
move=1;
function curva(){
abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6)
for (i=0; i < abc.length; i++)
{var C=Math.round(Math.random()*[i])}
iniciar=abc[C];
setTimeout('curva()',1900);
return iniciar;
}
ypos=10;
xpos=10;
movimento = 60;
function moveR(){
caminho=movimento+=iniciar;
y = 4*Math.sin(caminho*Math.PI/180);
x = 6*Math.cos(caminho*Math.PI/180);
if (document.layers){
ypos+=y;
xpos+=x;
document.animacao.top=ypos+window.pageYOffset;
document.animacao.left=xpos+window.pageXOffset;
}
else if (document.all){
ypos+=y;
xpos+=x;
document.all.animacao.style.top=ypos+document.body.scrollTop;
document.all.animacao.style.left=xpos+document.body.scrollLeft;
}
T=setTimeout('moveR()',50);
}
function edges(){
if (document.layers){
if (document.animacao.left >= window.innerWidth-40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5);
if (document.animacao.top >= window.innerHeight-30+window.pageYOffset)movimento=Math.round(Math.random()*45-112.5);
if (document.animacao.top <= 2+window.pageYOffset) movimento = Math.round(Math.random()*45+67.5);//OK!
if (document.animacao.left <= 2+window.pageXOffset) movimento = Math.round(Math.random()*45-22.5);//OK!
}
else if (document.all)
{
if (document.all.animacao.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+157.5);
if (document.all.animacao.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)movimento=Math.round(Math.random()*45-112.5);
if (document.all.animacao.style.pixelTop <= 2+document.body.scrollTop) movimento = Math.round(Math.random()*45+67.5);//OK!
if (document.all.animacao.style.pixelLeft <= 2+document.body.scrollLeft) movimento = Math.round(Math.random()*45-22.5);//OK!
}
setTimeout('edges()',100);
}
function efeito(){
curva();
moveR();// onUnload="opener.gO()"
edges();
}
if (document.all||document.layers)
efeito()
</script>

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.

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.

Quitar boton de la intro: Con este codigo podemos quitar el boton de la intro solo copia el siguiente codigo y pegalo al principio de la Fuente HTML de la extra Intro o intro-Flash.

Quitar subrayado a los enlaces en toda la pagina: Con este codigo vamos a poder quitarle lo subrayado osea que cuando pasemos el mause sobre un LINK no nos salgra la raya que subraya y se vera mas bien bueno solo copia el siguiente codigo y pegalo en texto por encima de la pagina (AVISO ESTE CODIGO SOLO FUNCIONA PARA DISEÑOS CSS).

Texto con sobra: Con este codigo vamos a poder hacer textos con sobras solo copia el siguiente codigo y modifica lo que este en MAYUSCULA y despues pegalo en donde quieras de HTML.

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.

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>

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 es igual xD.

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

Texto parpadeante: Este codigo sirve para poder aser un texto que se la pase puro parpadeando en tu web. solo copia el siguiente codigo y EDITA todo lo que este en MAYUSCULA y pegalo en donde quieras de HTML.

<script language="JavaScript"> var estado=true; setTimeout("ver()",450); function ver (){ estado=!estado; if(estado==true) texto1.style.visibility="visible"; else texto1.style.visibility="hidden"; setTimeout("ver()",450); } </script><p align="center" id="texto1" style="visibility:visible"><font face="Arial, Helvetica, sans-serif size="3">GRAXIAS POR VISITAR MI WEB BY-RO0DRIIG0O</font></p>

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



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

PINCHA AQUI PARA VER EL 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-GuerreHuitzi" 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-GuerreHuitzi";

// 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 imagen antigua al pasar el cursor sobre ella: Este codigo sirve para hacer una imagen antigua al pasar el cursor sobre ella osea que la imagen estara en su estado ORIGINAL pero este efecto hara que cuando el cursor pase sobre la imagen va a cambiar de ORIGINAL a ANTIGUA. Bueno si lo quieres en tu web copia el siguiente codigo y editar donde diga "URL DE LA IMAGEN" ahy colocaras la imagen que quieres que se haga antigua. Bueno listo ahora copialo y pegalo donde quieras de HTML.

Efecto imagen original al pasar el cursor sobre ella: Este codigo hes el mismo que el de arriba nadamas que a hora sera al reves osea que la imagen no estara en su estado ORIGINAL ahora estara ANTIGUA y que cuando pase el cursor sobre la imagen ahora la volvera a su estado ORIGINAL. Bueno si ya entendieron copia el siguiente codigo y editar donde diga "URL DE LA IMAGEN". y listo copialo y pegalo donde quieras de HTML.

EJEMPLO:

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:

AQUI EL TEXTO QUE SE MOVERA

<span style=" font-weight:bold; color:#DF0101; font-size:18px;"> <marquee bgcolor="FFFF00" behavior="ALTERNATE">AQUI EL TEXTO QUE SE MOVERA</marquee> </span>

Cambiar imagen al pasar el cursor: Este codigo hace que cuando nuestro cursor pase por una imagen la imagen que esta puesta cambie directamente a otra. Puedes ver un ejemplo abajo de esta imformacion. Bueno si te gusta el efecto copia el siguiente codigo y edita donde diga "URL DE LA IMAGEN 1" ahy colocaras la URL de la imagen que este puesta inicialmente y tambien edita donde diga "URL DE LA IMAGEN 2" ahi colocaras la URL de la imagen que cambiara al pasar el CURSOR. Y listo copia el codigo y pegalo en donde quieras de HTML.

EJEMPLO:

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.

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.

Texto que se este moviendo y que cambie de color: Este codigo sirve para colocar un texto que se este moviendo y a la ves este cambiando de color a los colores de la arcoiris. Mira el ejemplo que esta abajo de esta imfomarcion. Ok te gusto el ejemplo entonces que esperas copia el siguiente codigo y edita donde diga "AQUI EL TEXTO QUE CAMBIARA DE COLOR Y QUE SE MUEVA" Ahy colocas el mensaje. Bueno una ves editado copealo y pegalo en donde quieras de HTML.

<marquee><span style="font-weight: bold;font-size:180%;"><script>
var text="AQUI EL TEXTO QUE CAMBIARA DE COLOR Y QUE SE MUEVA"
var speed=80
if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script></span></marquee>

Banners que se muevan asia arriba: Este codigo sirve para colocar banner y que tengan efecto osea que se vallan para arriba. Bueno para mas claro mira el ejemplo que esta abajo de esta imformacion. Bueno si te gusto copia el siguiente codigo y edita todo lo que este en MAYUSCULA. Ya que lo tengas editado copealo y pegalo en donde quieras de HTML.

Ejemplo:

Cerrar pestaña de tu web: Con este codigo pongremos un cuadro que diga "SALIR" para cerrar la pestaña de nuestra web. Les dejo un ejemplo abajo de esta imformacion. Si quieres colocarlo en tu web solo copia el siguiente codigo y pegalo donde quieras de HTML.

Ejemplo:

Pincha en SALIR para cerrar la pestaña de mi web GuerreHuitzi.es.tl

<html>
<head>
<title>Ventana Secundaria</title>
<script>
function cerrarse(){
window.close()
}
</script>
</head>

<body>

Pincha en SALIR para cerrar la pestaña de mi web

<form>
<input type=button value="Salir" onclick="cerrarse()">
</form>

</body>
</html>

Abrir xat en un Pop up con un link directo: Con este codigo haremos que cuando el visitante de nuestra web de click al enlace que colocaremos se abira el xat en un Pop up (Ventana emergente).Bueno puedes ver un ejemplo abajo de esta imformacion.Te gusto copia el siguiente codigo y edita donde diga "NUMERO-DE-LA-ID". ¡No sabes cual es el numero de la id?. la id esta en el codigo de tu xat Bueno no sabes Da CLICK AQUI para ver una imagen de cual es la id. Ya isistes todo lo que dice la imagen ahora copia el codigo y pegalo en donde quieras de HTML.

Ejemplo:

ABRIR CHAT

<a href="http://www.xatech.com/web_gear/chat/chat.swf?id=NUMERO-DE-LA-ID" target="_blank" onclick="window.open(this.href, this.target, 'width=500,height=500'); return false;">ABRIR CHAT</a>

Texto movil y fijo: Con este codigo pongremos un texto que se mueva y que se quede fijo.Puedes ver un ejemplo abajo de esta imformacion.Si lo quieres copea el siguiente codigo y edita todo lo que este en MAYUSCULA y pegalo en donde quieras que aparesca el texto en HTML.

Ejemplo:

GuerreHuitzi.es.tl
Diseños y Programas

<center>
    <br />
    <br />
    <span style="z-index: 1; font-family:Verdana font-weight: bold; font-size: 20pt; color: #9900FF"><marquee>AQUI VA EL TEXTO MOVIL BY-RO0DRIIG0O</marquee></span><br />
    <span style="position: relative; top: -32px; left: 0px; z-index: 2; font-family: Verdana, Arial, Helvetica; font-size: 30pt; color: #000000">AQUI VA EL TEXTO FIJO BY-RO0DRIIG0O</span><br />
    <br />
    <br />
    <script type="text/javascript">
//<![CDATA[
    function src() { window.location = "view-source:" +
    window.location.href }
    //]]>
    </script>
</center>

Efecto: Boton ir arriba y abajo deslizante: Con este codigo aremos que cuando el visitante pase su cursor por la imagen de ir arriba o abajo surge un efecto osea que se abajara o subira. Puedes ver un ejemplo abajo de esta imformacion, Para dar el efecto pasa el cursor sobre la imagen. ¿Te gusto? copia el siguiente codigo y pegalo en Texto por encima de la pagina.

Ejemplo:

bottom:60px;right:10px;" onmouseover="subir()" onmouseout="stopScroll()" href="" title="Ir Arriba"><img src="http://2.bp.blogspot.com/_qgZA1ny_dAs/S0QFsV1WD7I/AAAAAAAADhs/ZBKrnpzqBrk/s200/arrow8a.png"/></a>

</center>

Boton facebook,youtube y twitter flotante: Con este codigo pongremos 3 botones flotantes en la parte de arriba de nuestra web. Ademas cuando pasas el cursor sobre el boton surge un efecto cambia el fondo del boton a otro color. Puedes ver un ejemplo de los 3 botones abajo de esta imformacion. ¿Te gusto? Copia el siguiente codigo y edita todo lo que este en MAYUSCULA y pegalo en Texto por encima de la pagina.

Ejemplo:

Agrandar o disminuir el texto de nuestra web: Con este codigo haremos que cuando el visitante vea el texto muy pequeño o lo vea muy grande. Con este codigo pongras colocar un gadget para que los visitantes puedan elejir el tamaño de nuestro texto. Abajo de esta imformacion les dejo el ejemplo. Para dar efecto solo da click sobre un numero. ¿Te gusto? Copia el siguiente codigo y pegalo en donde quieres que aparesca el gadget en HTML.

Ejemplo:

12 14 18 22 25

<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='12px'"><span>12</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='14px'"><span>14</span></a>

<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='18px'"><span>18</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='22px'"><span>22</span></a>

<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='25px'"><span>2

Boton "Me gusta" de facebook flotante con opcion de cerrar: Con este codigo pongremos un cuadrito flotante y adentro de ese cuadro estara el boton "Me gusta" de facebook.Puedes ver un ejemplo abajo de esta imformacion. ¿Te gusto? bueno para colocarlo en tu web tenemos que colocar estos 2 codigos.

Ejemplo:

Bueno primero colocamos el siguiente codigo en Texto por encima de la pagina.

function cerrarelemento()

{div = document.getElementById("cerrarelemento");

div.style.display="none";

}

setTimeout(cerrarelemento, never);

</script>

Ahora colocamos este codigo en donde quieras que aparesca el cuadro lo puedes colocar en Texto por encima de la pagina o en Texto por abajo o En Fuente HTML. Donde mas te guste. Pero recuerda editar donde diga URL DE TU PAGINA DE FACEBOOK. Ahy colocas el link de tu pagina de facebook.

</div>

Boton "Seguir" de twitter flotante con opcion de cerrar: Bueno anteriormente vimos como colocar el boton me gusta de facebook flotante con opcion de cerrar. bueno pues este codigo es igual que ese nadamas que ahora no daremos me gusta ahora daremos Seguir. osea que no sigan en twitter. Puedes ver el cuadro de twitter abajo de esta imfomarcion. ¿Te gusto? pues para colocarlo en la web tenemos que copiar los 2 codigo que nos apareseran abajo.

Ejemplo:

Segui @GuerreHuitzi

Bueno primero colocamos el siguiente codigo en Texto por encima de la pagina.

function cerrarelemento()

{div = document.getElementById("cerrarelemento");

div.style.display="none";

}

setTimeout(cerrarelemento, never);

</script>

Ahora colocamos este codigo en donde quieras que aparesca el cuadro lo puedes colocar en Texto por encima de la pagina o en Texto por abajo o En Fuente HTML. Donde mas te guste. Pero recuerda editar donde diga ro0driig0. Ahy colocas tu nombre de tu twitter y listo.

<div style="border: 1px solid rgb(68, 68, 68); padding: 10px; background:#269CCE"><center> <img border="0" alt="" src="http://dl.dropbox.com/u/47340707/Twitter-seguir-ro0driig0o.png" /><center><a href="https://twitter.com/ro0driig0" class="twitter-follow-button" data-show-count="false" data-lang="es">Segui @ro0driig0</a>

</div>

Boton "recomendar" de facebook en la esquina inferior deracha: Bueno pues este codigo es muy bueno ya que es para que los visitantes de tu web puedan recomendar tu web en su muro de facebook. Puedes ver el boton de recomendar abajo de esta imfomarcion. ¿Te gusto? Copia el siguiente codigo y edita lo que este en MAYUSCULA y pegalo en Texto por encima de la pagina.

Ventanitas molestosas: Bueno este codigo sirve para hacer una broma a alguien cuando entre a tu web osea que cuando entren se abrira una ventanita disiendo un mensaje despues el visitante da Aceptar y nuevamente te aparese otra y asi asta donde tu quieras poner ventanitas. Si no entendistes pues entenderas cuando lo hayas puesto. Bueno para colocarlo tenemos que copiar el siguiente codigo y pegarlo en donde quieres que aparesca las ventanitas puedes colocarlo en Texto por encima de la pagina o en Texto por abajo o en Fuente HTML. Pero recuerda editar lo que esta en MAYUSCULA.

</script> <script>alert ('MENSAJE 1')

</script> <script>alert ('MENSAJE 2')

</script> <script>alert ('MENSAJE 3')

</script> <script>alert ('MENSAJE 4)

</script> <script>alert ('MENSAJE 5')

</script> <script>alert ('MENSAJE 6')

</script> <script>alert ('MENSAJE 7')

</script> <script>alert ('MENSAJE 8')

</script> <script>alert ('MENSAJE 9')

</script> <script>alert ('MENSAJE 10')

</script>

Traductor con Banderitas: Bueno este codigo sirve para colocar 5 banderas para poder traducir nuestra web al idioma que hablan en ese pais. Puedes ver el ejemplo abajo de esta imformacion. ¿te gusto? Copea el siguiente codigo y pegalo en donde quieras que aparesca el Traductor en HTML. Pero recuerda editar donde diga URL DE TU WEB. Ahy colocas tu web.

Ejemplo:

Link con descripcion al pasar el cursor sobre el: Bueno pues este codigo es muy bueno ya que hace un buen efecto osea que cuando alguien pase el cursor sobre un link aparesera un cuadrito con una imformacion que le colocaras tu mismo. Abajo de esta imformacion les dejo un ejemplo. Para dar el efecto solo pasa el cursor sobre el link. ¿Te gusto? Para colocarlo en tu web solo tienes que colocar los 2 codigos que te apareseran abajo de esta imformacion.

Ejemplo:

Bueno primero colocamos el siguiente codigo en Texto por encima de la pagina.

Ahora colocamos este codigo en donde quieras que aparesca el Link lo puedes colocar en Texto por encima de la pagina o en Texto por abajo o En Fuente HTML. Donde mas te guste. Pero recuerda editar todo lo que este en MAYUSCULA.

<a class="tooltip" href="AQUI LA URL DEL LINK DONDE TE LLEVARA" target="_blank">NOMBRE DEL LINK<span><center>AQUI LA DESCRIPCION QUE APARESERA ADENTRO DEL CUADRO</center></span></a>

Confirmar al salir de la web: Bueno este codigo sirve para hacer un efecto que cuando alguien cierra la pestaña de tu web le sale un mensaje disiendole que si esta seguro de salir de la web.Entonces tu le das aceptar o cancelar si quieres cerrar la web. ¿Te gusto? Copea el siguiente codigo y pegalo en Texto por encima de la pagina. Pero recuerda editar donde diga URL DE TU WEB.

//<![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>

Titulo de tu web cambiante cada 2 segundos: Bueno este codigo sirve para hacer que tu titulo de tu web cambia cada 2 segundos por uno que tu quieras. El titulo que cambiara cada 2 segundos es el que esta en la PESTAÑA. Bueno para colocarlo tenemos que copiar el siguiente codigo y editar todo lo que este en MAYUSCULA y pegarlo en Texto por encima de la pagina.

document.title="TITULO 1"

function reloj(){

var day = new Date();

var segundos = day.getSeconds();

var segundos2 = segundos;

setTimeout('reloj()');

if (segundos2 ==0){

document.title= "TITULO 2";

}

else if (segundos2 ==9){

document.title="TITULO 3";

}

else if (segundos2 ==16){

document.title="TITULO 4";

}

else if (segundos2 ==25){

document.title="TITULO 5";

}

else if (segundos2 ==33){

document.title="TITULO 6";

}

else if (segundos2 ==42){

document.title="TITULO 7";

}

else if (segundos2 ==50){

document.title="TITULO 8";

}

reloj ();

</SCRIPT>

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.

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>

Cambiar color cuando seleccionas el texto: Cansado de siempre tener el color azul cuando selecciones algun texto.Pues ahora aqui les traigo un codigo para cambiar el color azul al color que ustedes quieran. Bueno pues para colocar el codigo en nuestra web tenemos que copiar el siguiente codigo y buscar donde diga #A9FF5A ese numero es el color VERDE. Ustedes pueden cambiarlo por el que ustedes quieran. ¿Donde encuentro ese numero? Muy facil solo da CLICK AQUI y seras redirecionado a una tabla de colores solo busca el color que te guste mas y pega el numero que tiene ese color por el que tu quieras. Ya que hayas encontrado tu color ahora copia el codigo y pegalo en Texto por encima de la pagina. AVISO: Este codigo solo funciona para los que tengan diseño css.

/* Para Mozilla */

::-moz-selection {

background-color: #A9FF5A;

color: #000000;

}

/* Para Safari */

::selection {

background-color: #A9FF5A;

color: #000000;

}

</style>

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"><input type="hidden" name="dest0" /> <span class="Estilo1">SACA LA URL DE TUS IMÁGENES</span><br />

</form>

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

Cambiar imagen de fondo elijiendola el visitante: Este codigo es para que cuando el visitante no le gusta el fondo de nuestra web ellos puedan elejir el fondo que les guste mas. Abajo de esta imformacion les dejo un ejemplo. Para dar efecto da click sobre la imagen que mas te guste y la imagen que elejistes se pondra de fondo.¿Te gusto? Copea el siguiente codigo y edita todo lo que diga URL DE LA IMAGEN hay pongras la url de la imagen que quieres que se ponga de fondo. ya editastes ahora copea el codigo y pegalo en donde quieras que aparesca las imagenes en HTML.

Ejemplo:

</center>

Imagenes de fondo al azar: Este codigo es muy bueno ya que para aquellos que quieran tener diferente imagen de fondo pues con este codigo lo lograran ya que cuando recarga la web cambia la imagen de fondo al azar. Si lo quieres copea el siguiente codigo y edita donde diga URL DE LA IMAGEN ahy colocaras la url de la imagen. Ya terminastes de editar ahora copea el codigo y pegalo en Texto por encima de la pagina.

var banner= new Array()

banner[0]="URL DE LA IMAGEN 1"

banner[1]="URL DE LA IMAGEN 2"

banner[2]="URL DE LA IMAGEN 3"

var random=Math.floor(3*Math.random());

document.write("<style>");

document.write("body {");

document.write(' background: #FFFFFF url("' + banner[random] + '"); background-attachment:fixed;');

document.write(" }");

document.write("</style>");

</script>

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.

Ejemplo:

Pasa el cursor sobre este texto para hacer el efecto

<a href="#" onmouseOver="alert('AQUI I EL MENSAJE QUE APARESERA EN LA VENTANITA')">AQUI TEXTO QUE HARA EL EFECTO CUANDO PASE EL CURSOR</a>

Mensaje de alerta al al dar click derecho sobre una imagen: Este codigo es muy bueno ya que es para los que no quieren que le copean la imagen o que se la roben. osea que cuando alguien quiera dar click derecho sobre la imagen rapidamente le aparesera una alerta. Abajo de esta imformacion les dejo un ejemplo. Para dar efecto da click derecho sobre la imagen. ¿Te gusto? Copea el siguiente codigo y edita lo que este en MAYUSCULA y pegalo en donde quieras que aparesca la imagen con la alerta en HTML.

Ejemplo:

Mostrar banner al azar cada ves que alguien recarge la web: Este codigo sirve para hacer que cuando alguien entre a la web cambia el banner al azar osea se elejira uno de los 4 banner que pondremos en el codigo. y tambien cada banner tengra su link. Abajo de esta imformacion les dejo un ejemplo. Para dar efecto recarga la web y veras que cambio el banner. ¿Te gusto? Copea el siguiente codigo y edita lo que este en MAYUSCULA y pegalo en donde quieras que aparescan los banner en HTML.

var imagenumber = 4;

var randomnumber = Math.random();

var rand1 = Math.round( (imagenumber-1) * randomnumber);

images = new Array;

images[0] = "URL DE LA IMAGEN 1";

images[1] = "URL DE LA IMAGEN 2";

images[2] = "URL DE LA IMAGEN 3";

images[3] = "URL DE LA IMAGEN 4";

links = new Array;

links[0] = "LINK DEL BANNER 1";

links[1] = "LINK DEL BANNER 2";

links[2] = "LINK DEL BANNER 3";

links[3] = "LINK DEL BANNER 4";

var image = images[rand1];

var link = links[rand1];

</script>

Mostrar videos al azar cada ves que alguien recarge la web: Este codigo sirve para hacer que cuando alguien entre a la web cambia el video al azar osea se elejira uno de los 5 videos que pondremos en el codigo. Abajo de esta imformacion les dejo un ejemplo. Para dar efecto recarga la web y veras que cambio el video. ¿Te gusto? Copea el siguiente codigo y edita lo que diga ID_VIDEO. No sabes cual es el ID_VIDEO pincha AQUI para mirar esta imagen. ya terminastes de editar el codigo ahora copealo y pegalo en donde quieras que aparesca en HTML.

//<![CDATA[

var vid = [ //La ID de los videos

"ID_VIDEO 1",

"ID_VIDEO 2",

"ID_VIDEO 3",

"ID_VIDEO 4",

"ID_VIDEO 5"

];

var ancho_vid = '480'; //Ancho del reproductor

var alto_vid = '295'; //Alto del reproductor

var ran_unrounded = Math.random()*vid.length;

var ran_number = Math.floor(ran_unrounded);

document.write('<object width="'+ancho_vid+'" height="'+alto_vid+'"><param name="movie" value="http://www.youtube.com/v/'+vid[ran_number]+'&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+vid[ran_number]+'&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="'+ancho_vid+'" height="'+alto_vid+'"></embed></object>');

//]]>

</script>

Texto escribiendo tipo maquina de escribir: Este codigo fue echo con puro script que hara que se muestre una linea de mensaje escribiendo cada letra como si fuera una maquina de escribir.Abajo de esta imformacion les dejo un ejemplo. ¿Te gusto? Copea el siguiente codigo y edita lo que este en MAYUSCULA y pegalo en donde quieras que aparesca en HTML.

//Secify scroller contents

var line=new Array()

line[1]="TEXTO 1"

line[2]="TEXTO 2"

line[3]="TEXTO 3"

line[4]="TEXTO 4"

line[5]="TEXTO 5"

line[6]="TEXTO 6"

//Specify font size for scoller

var ts_fontsize="12px"

//--Don't edit below this line

var longestmessage=1

for (i=2;i<line.length;i++){

if (line[i].length>line[longestmessage].length)

longestmessage=i

}

//Auto set scroller width

var tscroller_width=line[longestmessage].length

lines=line.length-1 //--Number of lines

//if IE 4+ or NS6

if (document.all||document.getElementById){

document.write('<form name="bannerform">')

document.write('<input type="text" name="banner" size="'+tscroller_width+'"')

document.write(' style="background-color: '+document.bgColor+'; color:#000000; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')

document.write('</form>')

}

temp=""

nextchar=-1;

nextline=1;

cursor="]"

function animate(){

if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){

nextline++;

nextchar=-1;

document.bannerform.banner.value=temp;

temp="";

setTimeout("nextstep()",3000)}

else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){

nextline=1;

nextchar=-1;

document.bannerform.banner.value=temp;

temp="";

setTimeout("nextstep()",1000)}

else{

nextstep()}}

function nextstep(){

if (cursor==""){

cursor="|"}

else if (cursor=="|"){

cursor="/"}

else if (cursor=="/"){

cursor="-"}

else if (cursor=="-"){

cursor=""}

nextchar++;

temp+=line[nextline].charAt(nextchar);

document.bannerform.banner.value=temp+cursor

setTimeout("animate()",25)}

//if IE 4+ or NS6

if (document.all||document.getElementById)

window.onload=animate

</script>

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:

//<![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>

</div>

</div>

Redireccionar tu web a tu otra web: Te cambiastes de web y quieres que los visitante de tu web sepan. pues te recomiendo que coloques este codigo. Este codigo hace que cuando alguien entre a tu web directamente te mandara a otra web solo basta de colocar el siguiente codigo en tu pagina web antigua pero recuerda editar donde diga URL DE TU PAGINA ahi colocas el link de tu pagina nueva es a la que va a redireccionar al visitante. Y pegarlo en Texto por encima de la pagina.

<head>

</head>

var pagina="URL DE TU PAGINA"

function redireccionar()

{

location.href=pagina

}

setTimeout ("redireccionar()", 500);

</script>

</body>

Efecto: imagen sobresale cuando pasa el cursor sobre ella: Este codigo es muy bueno sirve para hacer que cuando alguien pase el cursor sobre una imagen la imagen se sobresale. No he estodo cuando la imagen sobresale da un efecto. Tambien la imagen tendra su enlace. Abajo de esta imformacion les dejo un ejemplo. ¿Te gusto? Copea el siguiente codigo y edita donde diga URL DE LA IMAGEN hay colocas el link de la imagen y donde dice URL DEL ENLACE ahi colocas el link donde te llevara la imagen. Ya terminastes copea el codigo y pegalo en donde quieras que aparesca la imagen en HTML.

.hovergallery img{

-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/

-moz-transform:scale(0.8); /*Mozilla scale version*/

-o-transform:scale(0.8); /*Opera scale version*/

-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/

-moz-transition-duration: 0.5s; /*Mozilla duration version*/

-o-transition-duration: 0.5s; /*Opera duration version*/

opacity: 0.7; /*initial opacity of images*/

margin: 0 10px 5px 0; /*margin between images*/

}

.hovergallery img:hover{

-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/

-moz-transform:scale(1.1); /*Mozilla scale version*/

-o-transform:scale(1.1); /*Opera scale version*/

box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/

-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/

-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/

opacity: 1;

}

</style>

</center>

Efecto: Imagen sale alado de la otra imagen cuando pasas el cursor sobre ella: Este codigo es muy bueno sirve para hacer que cuando alguien pase el cursor sobre una imagen sale otra imagen alado derecho de ella. Abajo de esta imformacion les dejo un ejemplo. Para dar efecto pasa el cursor sobre la imagen. ¿Te gusto? Copea el siguiente codigo y edita todo lo que este en MAYUSCULA y pegalo en donde quieras que aparesca el efecto en HTML.

#popitmenu{

-moz-border-radius: 12px 12px 12px 12px;

position: absolute;

background-color: #363636;

border:2px solid #B8B8B8;

z-index: 100;

visibility: hidden;

}

#popitmenu a{

text-decoration: none;

padding-left: 6px;

color: #B8B8B8;

display: block;

}

</style> <script type="text/javascript">

var defaultMenuWidth="none"

var linkset=new Array()

linkset[0]='<img src="URL DE LA IMAGEN 2">'

var ie5=document.all && !window.opera

var ns6=document.getElementById

if (ie5||ns6)

document.write('<div id="popitmenu" onMouseover="clearhidemenu();" onMouseout="dynamichide(event)"></div>')

function iecompattest(){

return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body

}

function showmenu(e, which, optWidth){

if (!document.all&&!document.getElementById)

return

clearhidemenu()

menuobj=ie5? document.all.popitmenu : document.getElementById("popitmenu")

menuobj.innerHTML=which

menuobj.style.width=(typeof optWidth!="undefined")? optWidth : defaultMenuWidth

menuobj.contentwidth=menuobj.offsetWidth

menuobj.contentheight=menuobj.offsetHeight

eventX=ie5? event.clientX : e.clientX

eventY=ie5? event.clientY : e.clientY

//Find out how close the mouse is to the corner of the window

var rightedge=ie5? iecompattest().clientWidth-eventX : window.innerWidth-eventX

var bottomedge=ie5? iecompattest().clientHeight-eventY : window.innerHeight-eventY

//if the horizontal distance isn't enough to accomodate the width of the context menu

if (rightedge<menuobj.contentwidth)

//move the horizontal position of the menu to the left by it's width

menuobj.style.left=ie5? iecompattest().scrollLeft+eventX-menuobj.contentwidth+"px" : window.pageXOffset+eventX-menuobj.contentwidth+"px"

else

//position the horizontal position of the menu where the mouse was clicked

menuobj.style.left=ie5? iecompattest().scrollLeft+eventX+"px" : window.pageXOffset+eventX+"px"

//same concept with the vertical position

if (bottomedge<menuobj.contentheight)

menuobj.style.top=ie5? iecompattest().scrollTop+eventY-menuobj.contentheight+"px" : window.pageYOffset+eventY-menuobj.contentheight+"px"

else

menuobj.style.top=ie5? iecompattest().scrollTop+event.clientY+"px" : window.pageYOffset+eventY+"px"

menuobj.style.visibility="visible"

return false

}

function contains_ns6(a, b) {

//Determines if 1 element in contained in another- by Brainjar.com

while (b.parentNode)

if ((b = b.parentNode) == a)

return true;

return false;

}

function hidemenu(){

if (window.menuobj)

menuobj.style.visibility="hidden"

}

function dynamichide(e){

if (ie5&&!menuobj.contains(e.toElement))

hidemenu()

else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))

hidemenu()

}

function delayhidemenu(){

delayhide=setTimeout("hidemenu()",500)

}

function clearhidemenu(){

if (window.delayhide)

clearTimeout(delayhide)

}

if (ie5||ns6)

document.onclick=hidemenu

</script>

Efecto reflejar imagen: Con este codigo haremos un efecto para reflejar una imagen. Abajo de esta imformacion les dejo un ejemplo. Si te gusto copea los 2 codigos que estan abajo.

Bueno primero colocamos el siguiente codigo en Texto por encima de la pagina.

</script>

document.ready(function() {

var options = { opacity: 0.69 };

$('.ref-ab').reflect(opciones);

});

</script>

Ahora colocamos este codigo en donde quieras que aparesca la imagen con el reflejo lo puedes colocar en Texto por encima de la pagina o en Texto por abajo o En Fuente HTML. Donde mas te guste. Pero recuerda editar donde diga URL DE LA IMAGEN. Hay colocaras el link de la imagen que quieres que haga el efecto.

Android

Mac OS X Lion vs Windows 8

Apple Vs Android

Kinect, PlayStation Move o Wiimote

GuerreHuitzi

Códigos HTML

Codigos html Para Tu Pagina

Subrayar un Link al pasar el mouse:

Con este código podemos lograr ese tan conocido efecto que al pasar el mouse sobre un link, este se subraye. Podemos hacer que tenga un color antes de visitar el link, y que tenga otro una vez visitado va en codigo HTML.

Transformar el cursor en una mira:Transformá la clásica flechita de Windows en una mira de disparo encima de la pagina.

Abrir un Link en una Ventana Nueva:

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.

No dejar seleccionar el texto de nuestra Web:Con este código vamos a impedir que los visitantes seleccionen el texto de nuestra página para luego copiarlo a otro lado.

Diseño trasparente: Con este codigo tendran el menu transparente y de igual forma lograran la trasparencia de los box.Solo peguenlo en texto del 1 box derecha.

Botones adelante,atras y actualizar: Con este codigo podras poner botones en tu pagina que digan adelante, atras y actualizar esto es para hacer màs comoda la visita de tus usuarios pega el codigo en la fuente HTML de la pagina que desees.

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

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.

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

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

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

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.

Buscador de imagenes: Este codigo funciona para colocar un buscador de imagenes eso si no es buscador de imagenes de google si no que de xfacts bueno solo copia el siguiente codigo y pegalo en Fuente HTML de tu pagina.

Calendario: Este codigo funciona para colocar un calendario a tu pagina web es para que los visitantes que entren a tu web vean que dia es hoy. bueno solo copia el siguiente codigo y pegalo en Fuente HTML de tu pagina.

Bloquear boton derecho: Este codigo funciona para bloquear el boton derecho sirve para que no roben imformacion de la web si quieren el codigo solo copia el siguiente codigo y pegalo en texto por encima de la pagina

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.

Saludo al visitante: Este codigo sirve para que los visitantes vean un mensaje de buenos dias o buenas tardes o buenas noche solo copia el siguiente codigo y pegalo en donde quieras de HTML.

Recomendar pagina web: Este codigo sirve para que los visitantes de tu web puedan recomendar tu pagina a sus amigos solo coloca el siguiente codigo y pegalo en donde quieras de HTML.

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.

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.

Agregar tu web a favoritos: Este codigo sirve para que los visitantes de tu pagina web puedan añadir tu pagina como favoritos solo edicta donde dice URL AQUI ahi colocas tu web y donde dice DESCRICION DE TU WEB ahi colocas lo que quieras despues copialo y pegalo en donde quieras de HTML.

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.

Como insertar meta tags en tu web: Este codigo sirve para insertar meta tags son para que los buscadores encuentre tu web mas rapido solo tu colocas las palabras claves bueno si te gusta copia el siguiente codigo y edita y despues copialo y pagalo en texto por encima de la pagina.

MegauUpload: Este codigo sirve para colocar el megaupload a su sitio web y para que los visitantes de tu web suban archivos desde tu web bueno si ya sabes cual es que espera a copiar el siguiente codigo y pegarlo en donde quieras de HTML.

Abrir una Web en Pop Up: Este codigo sirve para que cuando entren a tu pagina web automaticamente se abra otra pagina en una pestaña abierta si lo quieres copia el siguiente codigo y edicta donde dice AQUI URL DE TU WEB ahy colocas tu web y listo copialo y pegalo en TEXTO POR ENCIMA DE LA PAGINA.

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.

<a href="URL DE LA PAGINA" target="_blank"><img src="URL DE LA IMAGEN" alt="" /></a>

Crear un link para download: Si queremos poner archivos para que los visitantes los puedan descargar a sus computadoras, solo debemos subir ese archivo a nuestro servidor e insertar en nuestra Web el siguiente código HTML en FUENTE HTML.

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.

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.

Quitar boton de la intro: Con este codigo podemos quitar el boton de la intro solo copia el siguiente codigo y pegalo al principio de la Fuente HTML de la extra Intro o intro-Flash.

Texto con sobra: Con este codigo vamos a poder hacer textos con sobras solo copia el siguiente codigo y modifica lo que este en MAYUSCULA y despues pegalo en donde quieras de HTML.

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.

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.

Texto parpadeante: Este codigo sirve para poder aser un texto que se la pase puro parpadeando en tu web. solo copia el siguiente codigo y EDITA todo lo que este en MAYUSCULA y pegalo en donde quieras de HTML.

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.

<img src="URL DE LA IMAGEN" onmouseover="this.width=500;this.height=400;" onmouseout="this.width=200;this.height=150;" width="200" height="150" />

Calculadora: Este codigo sirve para colocar una calculadora en tu web solo copia el siguiente codigo y pegalo en donde quieras de HTML.

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>

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.

EJEMPLO:

EJEMPLO:

EJEMPLO:

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.

Ejemplo:

Cerrar pestaña de tu web: Con este codigo pongremos un cuadro que diga "SALIR" para cerrar la pestaña de nuestra web. Les dejo un ejemplo abajo de esta imformacion. Si quieres colocarlo en tu web solo copia el siguiente codigo y pegalo donde quieras de HTML.

Ejemplo:

Ejemplo:

<a href="http://www.xatech.com/web_gear/chat/chat.swf?id=NUMERO-DE-LA-ID" target="_blank" onclick="window.open(this.href, this.target, 'width=500,height=500'); return false;">ABRIR CHAT</a>

Texto movil y fijo: Con este codigo pongremos un texto que se mueva y que se quede fijo.Puedes ver un ejemplo abajo de esta imformacion.Si lo quieres copea el siguiente codigo y edita todo lo que este en MAYUSCULA y pegalo en donde quieras que aparesca el texto en HTML.

Ejemplo:

Ejemplo:

bottom:60px;right:10px;" onmouseover="subir()" onmouseout="stopScroll()" href="" title="Ir Arriba"><img src="http://2.bp.blogspot.com/_qgZA1ny_dAs/S0QFsV1WD7I/AAAAAAAADhs/ZBKrnpzqBrk/s200/arrow8a.png"/></a> </center>

Ejemplo:

Ejemplo:

Boton "Me gusta" de facebook flotante con opcion de cerrar: Con este codigo pongremos un cuadrito flotante y adentro de ese cuadro estara el boton "Me gusta" de facebook.Puedes ver un ejemplo abajo de esta imformacion. ¿Te gusto? bueno para colocarlo en tu web tenemos que colocar estos 2 codigos.

Ejemplo:

Bueno primero colocamos el siguiente codigo en Texto por encima de la pagina.

Ahora colocamos este codigo en donde quieras que aparesca el cuadro lo puedes colocar en Texto por encima de la pagina o en Texto por abajo o En Fuente HTML. Donde mas te guste. Pero recuerda editar donde diga URL DE TU PAGINA DE FACEBOOK. Ahy colocas el link de tu pagina de facebook.

Ejemplo:

Bueno primero colocamos el siguiente codigo en Texto por encima de la pagina.

Ahora colocamos este codigo en donde quieras que aparesca el cuadro lo puedes colocar en Texto por encima de la pagina o en Texto por abajo o En Fuente HTML. Donde mas te guste. Pero recuerda editar donde diga ro0driig0. Ahy colocas tu nombre de tu twitter y listo.

Ejemplo:

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.

bottom:60px;right:10px;" onmouseover="subir()" onmouseout="stopScroll()" href="" title="Ir Arriba"><img src="http://2.bp.blogspot.com/_qgZA1ny_dAs/S0QFsV1WD7I/AAAAAAAADhs/ZBKrnpzqBrk/s200/arrow8a.png"/></a>

</center>