GzDat

Codigos Web

 Smileys by BetaCSS

Con este codigo tendras estas smilyes en los comentarios de tu web como los tengo yo.
Pegalo en texto por debajo de la pagina en tu kit de construccion

Traductor para tu pagina:
Con este codigo podras poner un traductor en tu pagina para los visitantes de otros paises o que simplemente hablan otro idioma
:

 

<style>

 

.google_translate img {

 

filter:alpha(opacity=100);

 

-moz-opacity: 1.0;

 

opacity: 1.0;

 

border:0;

 

}

 

.google_translate:hover img {

 

filter:alpha(opacity=30);

 

-moz-opacity: 0.30;

 

opacity: 0.30;

 

border:0;

 

}

 

.google_translatextra:hover img {

 

filter:alpha(opacity=0.30);

 

-moz-opacity: 0.30;

 

opacity: 0.30;

 

border:0;

 

}

 

</style>

 

<div align=center>

 

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|en&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBORD9bI/AAAAAAAAACs/XkaLmmin4zg/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|fr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBrDZLrI/AAAAAAAAAC0/Kc6eDMT9LFI/s200/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|de&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YVBzoFF2I/AAAAAAAAAC8/WgvMK3zP1Rk/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|es&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YVCdHp5VI/AAAAAAAAADE/lWHzr5znExU/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|it&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVCskNubI/AAAAAAAAADM/ChdHC6vYT4s/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|nl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWRkFo9UI/AAAAAAAAADU/4AzKfc6Oyxg/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|ru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YWR-jg9pI/AAAAAAAAADc/vYZrPOzazHU/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|pt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSGHcxOI/AAAAAAAAADk/ElHZBjDCZn8/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|ja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSR2_wYI/AAAAAAAAADs/GtKdPLKUluE/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|ko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://2.bp.blogspot.com/_5jbh95HruKA/S1YWSrlfMyI/AAAAAAAAAD0/_MACsRIW8wg/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|ar&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWq7SrDkI/AAAAAAAAAD8/ZE8A1isEZrw/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|zh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWrMQAw9I/AAAAAAAAAEE/r-DEVtWXp50/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 

</div>

 

 

 

Probador HTML:

Con este codigo podras probar los codigos de esta pagina 
antes de usarlos en su web:

<!-- 
ArkAngel,YonkoChileWebRox
-->
<script>
function probar(texto) {
ventana = window.open('', 'popup', '');
ventana.document.write(texto);
}
</script>
<form action="" name="probador">
<font face="Verdana" size="2">Esto es un probador de c&oacute;digos, inserta el c&oacute;digo HTML y te dar&aacute; el resultado en una ventana nueva!<hr />
</font><textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size="2"> <br />
</font><input type="button" onclick="probar(texto.value)" value="Convertir" /><font face="Verdana" size="2"> </font>
</form>

 

 

Bloquear el Ctrl+C :

 
Con este codigo podras evitar que las personas copien el contenido de tu pagina al presionar CTRL + C al momento de que alguien trate de copiarte pegalo en texto por encima de la pagina, este codigo lo evitara, usalo junto con el extra llamado bloqueo con el boton derecho.

<body oncontextmenu = "alert('Material Protegido');return false;" onselectstart = "alert('Material Protegido');return false;" onkeydown="alert('Material Protegido');return false;" ondragstart = "alert('Material Protegido');return false;"></body>

Cajas de texto

Colocalas en alguna fuente HTML   

 
  </span></span></h2>
<strong><span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; vertical-align: baseline; ">
<div align="center" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; vertical-align: baseline; ">
<div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; vertical-align: baseline; background-color: white; border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; height: 100px; overflow-x: scroll; overflow-y: scroll; width: 250px; ">
<div align="center" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; vertical-align: baseline; ">
 

PALABRA NEW EN EL MENU:
Este codigo sirve para poner la palabra new en en menu de nuestra web simplemente nos vamos a editar paginas y donde dice titulo de la pagina ponemos el titulo de nuestra pagina seguido de este codigo.

 

<img src="http://img61.imageshack.us/img61/5580/newbotonoz0.gif" alt="Image Hosted by ImageShack.us" border="0"></a>

 

MENSAJE DE DESPEDIDA:
Este codigo sirve para que cuando un visitante salga de tu web salga un mensaje de despedida. copia el siguiente codigo y pegalo abajo de la pagina.



<body onUnload="window.alert('Gracias por visitar la web ^^')">

 

IMAGEN EN LA PARTE INFERIOR IZQUIERDA: 
Con este codigo podran poner una imagen en la esquina inferior izquierda de su pagina. solo añade el url de la imagen, donde dice "url de la imagen" y listo, pegalo en texto por debajo de la pagina.



<a href='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB'style='display:scroll;position:fixed;bottom:0px;left:0px;'> <img src='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN'/></a> 

 

MENSAJE DE BIENVENIDA: 
Este codigo lo que hara sera que al entrar a la pagina les dara un mensaje de bienvenida a todos los visitantes. Solo peguen el codigo en texto por encima de la pagina.


body onload="window.alert('Bienvenido a mi pagina web, gracias por visitarnos')">

 
 

LUCES LATERALES: 
Con este codigo tendran luces que cambian de colores en los lados derecho e izquierdo. Solo peguenlo en texto por debajo de la pagina.


 

<style>body {
background-image: url(http://photos1.hi5.com/0031/763/432/vr3mEw763432-03.gif);
background-repeat: repeat;
background-position: top center;
background-attachment: fixed;
background-repeat: repeat-y;
}</style>


 

IMAGEN DE FONDO:
Con este codigo podran poner un fondo de pantalla en su web que no se mueve es decir que al bajar por el menu dara el efecto de que la imagen no se mueve, como el que pueden ver en mi pagina web solo copienlo en el block de notas y pongan el codigo url de la imagen donde les indicara y luego solo copienlo en texto por encima de la pagina.

<style>
body
{
background-image: url(aki va el url de la imagen);
background-repeat: no-repeat;
background-attachment: fixed
}
</style>




CENTRAR TU PAGINA:
Con este codigo podran centrar su pagina web es decir para que les quede en el mero centro de la pantalla solo copienlo en texto por encima de la pagina en editar diseño.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/www.w3.org/1999/xhtml"> <div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">




CAJAS DE TEXTO:

Con este codigo podran poner cajas de texto como las que ven aqui solo deben de copiar el codigo y pegarlo en la fuente HTML donde deseen que aparezca la caja de texto


 
<div align="center">
<div style="background-color:white; border-color: black; border-style: solid; color: black; height: 100px; overflow: scroll; width: 250px;">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
<div align="center">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
</div>
<span style="color: black; font-family: tahoma; font-size: 85%;"></span>
</div>
</div>
<b></b>

CAMARA DE VIGILANCIA:
Con este codigo podran tener una camara web como la que aparece en la esquina superior derecha de mi pagina web solo deben de copiar este codigo y pegarlo en texto por debajo de la pagina en editar diseño y edictar donde dice ro0driig0o hay colocan el nombre de su canal de youtube.

<div style="text-align: center;"><a style="right: 0px; position: fixed; top: 0px;" href="http://www.youtube.com/user/Usuario" target="_blank"><img alt="" src="http://img150.imageshack.us/img150/9631/camaras01pe3.gif" /></a></div>
 

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">
<!--
A:link {COLOR: red; TEXT-DECORATION: none}
A:visited {COLOR: gray; TEXT-DECORATION: none}
A:active {TEXT-DECORATION: none}
A:hover {COLOR: blue; TEXT-DECORATION: underline} -->
</STYLE>
</p>
<p><a href="l1.htm">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.


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

 

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.by-ro0driig0o.es.tl</H2>
<FORM ACTION="mailto:tunombre@tuservidor.com" METHOD="post">

<TABLE>

<TD ALIGN=RIGHT>Nombre:</TD>
<TD><INPUT type="text" size=36 name="nombre"></TD>
<TR><TD ALIGN=RIGHT>Direccion E-mail:</TD>
<TD><INPUT type="text" size=36 name="direccion"></TD>
<TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD>
<TD><INPUT type="text" size=36 name="procedencia"></TD>
<TR><TD ALIGN=RIGHT>Tus comentatios:</TD>
<TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD>

</TABLE>

<INPUT type="reset" value="Borrar todo"> <INPUT type="submit" value="Enviar">

</FORM>


 

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.

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

 

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.


 
 

<style type="text/css"> <!--
/* 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.

 
<input type="button" value="Atrás" onclick="history.back()" style="font-family: Verdana; font-size: 8 pt">
<input type="button" value="Actualizar" onclick="window.location.reload()" style="font-family: Verdana; font-size: 8 pt">
<input type="button" value="Adelante" onclick="history.forward()" style="font-family: Verdana; font-size: 8 pt">

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.
 


<!-- Búsqueda Google -->
<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>
<!-- Búsqueda Google -->

 

Palabra que se mueve hacia la 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 (Fuente 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


 
 

 

<style type="text/css">

 

<!--

 

body { visibility:hidden;

 

background-color:#FFFFFF;

 

background-image:url(http://www.cordoba-redes.com.ar/EnConstruccion.bmp);

 

background-repeat: no-repeat;

 

background-position: top; }

 

//--> </style>

 

 

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>

 

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.



 
<img onclick="javascript:this.width=450;this.height=338" ondblclick="javascript:this.width=100;this.height=80" src="URL DE LA IMAGEN" width="100"/>

Emoticonos de los comentarios:
Este codigo sirve para poner emoticonos a los comentarios de tu web como los mios solo copia el siguiente codigo y pegalo en texto por debajo de la pagina.

<style type="text/css"> img[src="http://theme.webme.com/smiles/wink.gif"] { background-image:url(https://img.webme.com/pic/g/granted/uno.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/smiley.gif"] { background-image:url(https://img.webme.com/pic/g/granted/dos.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/cheesy.gif"] { background-image:url(https://img.webme.com/pic/g/granted/tres.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/angry.gif"] { background-image:url(https://img.webme.com/pic/g/granted/cuatro.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/sad.gif"] { background-image:url(https://img.webme.com/pic/g/granted/cinco.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/shocked.gif"] { background-image:url(https://img.webme.com/pic/g/granted/seis.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px;; } img[src="http://theme.webme.com/smiles/cool.gif"] { background-image:url(https://img.webme.com/pic/g/granted/siete.png );background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/huh.gif"] { background-image:url(https://img.webme.com/pic/g/granted/ocho.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/rolleyes.gif"] { background-image:url(https://img.webme.com/pic/g/granted/nueve.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/tongue.gif"] { background-image:url(https://img.webme.com/pic/g/granted/diez.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/undecided.gif"] { background-image:url(https://img.webme.com/pic/g/granted/once.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/cry.gif"] { background-image:url(https://img.webme.com/pic/g/granted/doce.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } </style>


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

<SCRIPT LANGUAGE="JavaScript">

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> 

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.


<script languaje="JavaScript">
           mesarray=new Array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio","Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre");
          diaarray=new Array( "Domingo","Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado");
          hoy = new Date();
          dias = hoy.getDate();
          dia = hoy.getDay();
          mes = hoy.getMonth();
          mes=mesarray[mes];
          dia =diaarray[dia];
          anno = hoy.getYear();
          if (anno <200)
            anno = anno+1900;
          document.write('<TABLE WIDTH="60" height="60" BORDER="2" BGCOLOR="#FFFFFF"><TR><TD><CENTER>');
          document.write('<FONT SIZE="2" COLOR="#000000"> <B>'+mes+'</B></FONT><br>');
          document.write('<FONT SIZE="1" COLOR="#000000">'+anno+'</FONT><br>');
          document.write('<FONT SIZE="4" COLOR="#000000" FACE="Arial"><B>'+dias+'</B></FONT><br>');
          document.write('<FONT SIZE="1" COLOR="#000000">'+dia+'</FONT><br>');
          document.write('</CENTER></TR></TD></TABLE>');
          </script>

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.


<script language="JAVASCRIPT">
TE1="AQUI EL TEXTO QUE VA A PARPADEAR";
TE2="";
M=TE1;
cnt=0;
function SH(){
document.Switch.A.value=M;
cnt++;
if(cnt==1 && M==TE1){M=TE2;}
if(cnt==2 && M==TE2){cnt=0;M=TE1;}
setTimeout("SH()",500);
}
// -->
</script>
<form name="Switch">
<div align="center"><center><p><font color="#008000" face="Verdana"><input name="A" size="50" style="color: #33ff33; font-weight: bold; font-family: Verdana, Arial; background-color: rgb(255,255,255); border: 2px outset rgb(0,128,0); margin-top: auto; padding-left: 5px">
                      </font><script language="JAVASCRIPT">
 
<!--
SH();
// -->
</script></font></p>
                      </center></div>
                    </form>
 

 

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.


 
<script src="http://www.gmodules.com/ig/ifr?url=http://www.schulz.dk/pacman.xml&up_LANG=en&synd=open&w=200&h=200&title=PacMan+v2.6&lang=es&country=MX&border=#ffffff|3px,1px+solid+#999999&output=js"></script>

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.



ript src=http://www.clocklink.com/embed.jst;/scriptt;script type=text/javascript language=JavaScriptj=new Object;obj.clockfile=5012-black.swf;obj.TimeZone=GMT-0200;obj.width=151;obj.height=50;obj.wmode=transparent;showClock(obj);criptbr />


 

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>


 

Messenger en tu web:

Este codigo sirve para colocar un messenger en tu pagina web si es un messenger para que te conectes desde tu web y empiezes a chatear con tus amigos bueno solo copia el siguiente codigo y pegalo en donde quieras de HTML.


<FCK:meta content="text/html; charset=UTF-8" http-equiv="content-type"  /> 
<FCK:meta id="iphone-viewport" content="width=320; maximum-scale=1.0; minimum-scale=1.0; initial-scale=1.0; user-scalable=no" name="viewport"  /><style type="text/css">
body,td,div,span,p{font-family:arial,sans-serif;}a {color:#00c }a:visited { color:#551a8b; }a:active { color:#f00 }body {margin: 0;padding: 0;  background-color: white  }</style><script src="http://www.ig.gmodules.com/gadgets/js/rpc.js?v=cafdd8afc8e09c11c8f958dcefe4924&container=ig&debug=0&c=1"></script><script>var FLAG_use_rpc_js = true;</script><script src="/ig/extern_js/f/CgJlcxICdXMrMPIBOB3bAeABAdwB2wHgAQDcASwrMP4BOB_bAeABAdwB2wHgAQDcASx4AYgBAaABAQ/-FX5tWd4WTc.js"></script><script>gadgets.rpc.setRelayUrl('..', '/ig/ifpc_relay');</script><script>function sendRequest(iframe_id, service_name, args_list, remote_relay_url,callback, local_relay_url) {_IFPC.call(iframe_id, service_name, args_list, remote_relay_url, callback,local_relay_url);}function _IFPC_SetPref(key, value) {throw new Error('To use this feature, you must add ' +'<Require feature="setprefs"/> to your ' +'<ModulePrefs> tag.');}
function _IG_SetTitle(title) {throw new Error('To use this feature, you must add ' +'<Require feature="settitle"/> to your ' +'<ModulePrefs> tag.');}function _IG_AdjustIFrameHeight() {throw new Error('To use this feature, you must add ' +'<Require feature="dynamic-height"/> to your ' +'<ModulePrefs> tag.');}
var gv = null;if (window.gadgets && window.gadgets.views) {var errFunc = function() {throw new Error('To use this feature, you must add ' +'<Require feature="views"/> to your ' +'<ModulePrefs> tag.');};gv = window.gadgets.views;gv.requestNavigateTo = gv.getCurrentView = gv.getParams = errFunc;}
</script><script>_et='';_IG_Prefs._parseURL('0');</script><script>_IG_Prefs._addAll("0", [["up_.lang","es"],["up_.country","us"],["up_synd","open"]]);if (window._isk) {window._isk[0] = "-6519388235814108557";}</script><!-- Create your own Google Gadgets: http://code.google.com/apis/igoogle/ -->
<div id="remote_0" style="border-bottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 100%; padding-right: 0px; height: auto; overflow: hidden; border-top: 0px; border-right: 0px; padding-top: 0px"><center><iframe height="369" src="http://mobile.live.com/wlm/imcl.aspx" frameborder="0" width="290" scrolling="yes"></iframe><br />
</center></div>
<script>_IG_TriggerEvent('domload');</script>

Imprimir pagina actual:
Este codigo sirve para que los visitantes impriman la pagina en la que estan si te gusta copia el siguiente codigo y pegalo en donde quieras de HTML.


 <h1><a href="javascript:print()"><span style="color: rgb(0, 255, 255);"><span style="font-family: Comic Sans MS;"><span style="font-size: x-large;">Imprimir</span></span></span></a></h1> 


 

Pagina protegida por clave:
Este es un excelente recurso. Podés proteger tus páginas con una clave. Así podés definir exactamente quienes entrarán a tu página. No tenés que preocuparte por configuraciones. Es muy sencillo: la clave siempre será el nombre de tu página sin la extensión .htm, es decir, si la página tiene el nombre de "ejemplo.htm", la clave será "ejemplo". ¿Ves que fácil?. Para tener este recurso en tu sitio debes incluir un código en la página de "entrada" en donde el visitante ingresará la clave, y enviar a tu sitio el archivo de la página que será cargada..


<Form name="frm">
<center>
<Script Language="JavaScript">
<!--
//
function loadpage(){
var psj=0;
newwin = window.open(document.frm.pswd.value + ".htm")
}
//-->
</script>
Ingresa tu clave:
<input
type="password" name="pswd" size="20">
</center>
<center>
<p>
<input type="button" value="Entra"
onClick="loadpage()" name="button">
&nbsp;</p>
</center>
</form>

Centrar publicidad de pwg: 
Este codigo sirve para centrar la publicidad que esta en la parte de arriba que es de pwg pero este codigo solo funciona para los diseños css asi que si tu tienes diseño iceblue mejor ni lo pongas por uqe no te funcionara bueno para los que tengan diseño css copien el siguiente codigo y pegenlo en CSS-CODE SIN STYLE TAGS.


table {margin-left:auto;margin-right:auto;}  lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} 

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


Colocar un cuadro de informacion: 
Este codigo sirve para poner un cuadro de informacion, bueno si ya sabes cual es entonces copia el siguiente codigo y edita 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>&nbsp;</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&ntilde;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&ntilde;a</font></a></font><br
/>
<img width="20" height="14" alt="M&eacute;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&uacute;"
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">&nbsp;</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 es 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>

 
 

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 en la plantilla iceblue: 
Con este codigo podemos quitar el encabezado del diseño iceblue solo copia el siguiente codigo y pegalo en Texto por encima de la pagina.

 
<style type="text/css">  <!--
td.edit_header_full{background-image:url(  );background-color:;height:0px;}
--></style>

Efecto de electricidad en los link de tu web: 
Con este codigo podemos hacer que cuando pasames el mause por un link de nuestra web de pronto nos salga un efecto de electricidad. copia el siguiente codigo y pegalo en Texto por encima de la pagina.

 
<style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.nackvision.com/myspace/links/lightningline.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.nackvision.com/myspace/links/lightningline.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.nackvision.com/myspace/links/lightningline.gif); filter:alpha(finishopacity=0, style=2); } </style>

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.


<style type="text/css">
.sombra{
color: #000000;
font-style: italic;
font-weight: bold;
font-size: 22pt;
position: relative;
}
.texto{
color: #336699;
top: -1px;
left: -1px;
position: absolute;
}
</style>
<div class="sombra"><div class="texto">AQUI LO MISMO </div>

FACEBOOK y YOUTUBE: 
Este codigo sirve para colocar la red social de FACEBOOK y YOUTUBE en la esquina izquierda de arriba de tu web.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>


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 . ese pajaro cuando le das click sobre el, directamente te manda a tu cuenta de twitter bueno si te gusta copia el siguiente codigo y edita donde diga "USUARIO" ahi colocaras tu nombre de cuenta de tu TWITTER. y listo pegalo en TEXTO POR ENCIMA DE LA PAGINA.


<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script>
<script type="text/javascript">
var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png';
var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');
var twitterAccount = 'http://twitter.com/USUARIO';
var twitterThisText ='';
tripleflapInit();
</script>

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

<form action name="Keypad">
                        <b>
                        <div align="center">
                          <table border="2" cellpadding="1" cellspacing="5" height="60" width="50">
                            <tbody>
                              <tr>
                                <td align="middle" colspan="3"><input name="ReadOut" size="24" value="0" width="100%" style="text-align: right" /></td>
                                <td> </td>
                                <td align="center"><input name="btnClear" onclick="Clear()" type="button" value=" C " /></td>
                                <td align="center"><input name="btnClearEntry" onclick="ClearEntry()" type="button" value=" CE " /></td>
                              </tr>
                              <tr>
                                <td align="center"><input name="btnSeven" onclick="NumPressed(7)" type="button" value="  7  " /></td>
                                <td align="center"><input name="btnEight" onclick="NumPressed(8)" type="button" value="  8  " /></td>
                                <td align="center"><input name="btnNine" onclick="NumPressed(9)" type="button" value="  9  " /></td>
                                <td align="center"> </td>
                                <td align="center"><input name="btnNeg" onclick="Neg()" type="button" value=" +/- " /></td>
                                <td align="center"><input name="btnPercent" onclick="Percent()" type="button" value=" % " /></td>
                              </tr>
                              <tr>
                                <td align="center"><input name="btnFour" onclick="NumPressed(4)" type="button" value="  4  " /></td>
                                <td align="center"><input name="btnFive" onclick="NumPressed(5)" type="button" value="  5  " /></td>
                                <td align="center"><input name="btnSix" onclick="NumPressed(6)" type="button" value="  6  " /></td>
                                <td align="center"> </td>
                                <td align="center"><input name="btnPlus" onclick="Operation('+')" type="button" value="  +  " /></td>
                                <td align="center"><input name="btnMinus" onclick="Operation('-')" type="button" value="  -  " /></td>
                              </tr>
                              <tr>
                                <td align="center"><input name="btnOne" onclick="NumPressed(1)" type="button" value="  1  " /></td>
                                <td align="center"><input name="btnTwo" onclick="NumPressed(2)" type="button" value="  2  " /></td>
                                <td align="center"><input name="btnThree" onclick="NumPressed(3)" type="button" value="  3  " /></td>
                                <td align="center"> </td>
                                <td align="center"><input name="btnMultiply" onclick="Operation('*')" type="button" value=" * " /></td>
                                <td align="center"><input name="btnDivide" onclick="Operation('/')" type="button" value=" / " /></td>
                              </tr>
                              <tr>
                                <td align="center"><input name="btnZero" onclick="NumPressed(0)" type="button" value="  0  " /></td>
                                <td align="center"><input name="btnDecimal" onclick="Decimal()" type="button" value="  .  " /></td>
                                <td colspan="3" align="center"> </td>
                                <td align="center"><input name="btnEquals" onclick="Operation('=')" type="button" value="  =  " /></td>
                              </tr>
                            </tbody>
                          </table>
                        </div>
                        </b>
                      </form>
                      <script language="JavaScript">
<!-- modifica este script para tu uso -->
<!-- puedes cambiar tamaño y color de botones y fondo -->
<!-- Begin
var FKeyPad = document.Keypad;
var Accum = 0;
var FlagNewNum = false;
var PendingOp = "";
function NumPressed (Num) {
if (FlagNewNum) {
FKeyPad.ReadOut.value = Num;
FlagNewNum = false;
}
else {
if (FKeyPad.ReadOut.value == "0")
FKeyPad.ReadOut.value = Num;
else
FKeyPad.ReadOut.value += Num;
}
}
function Operation (Op) {
var Readout = FKeyPad.ReadOut.value;
if (FlagNewNum && PendingOp != "=");
else
{
FlagNewNum = true;
if ( '+' == PendingOp )
Accum += parseFloat(Readout);
else if ( '-' == PendingOp )
Accum -= parseFloat(Readout);
else if ( '/' == PendingOp )
Accum /= parseFloat(Readout);
else if ( '*' == PendingOp )
Accum *= parseFloat(Readout);
else
Accum = parseFloat(Readout);
FKeyPad.ReadOut.value = Accum;
PendingOp = Op;
}
}
function Decimal () {
var curReadOut = FKeyPad.ReadOut.value;
if (FlagNewNum) {
curReadOut = "0.";
FlagNewNum = false;
}
else
{
if (curReadOut.indexOf(".") == -1)
curReadOut += ".";
}
FKeyPad.ReadOut.value = curReadOut;
}
function ClearEntry () {
FKeyPad.ReadOut.value = "0";
FlagNewNum = true;
}
function Clear () {
Accum = 0;
PendingOp = "";
ClearEntry();
}
function Neg () {
FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) * -1;
}
function Percent () {
FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accum);
}
// End -->
</script>

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

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

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

Pagina Hostiada En PWG: Con este codigo haremos que aparesca una imagen en la esquina superior derecha de nuestra web que diga "PAGINA HOSTIADA EN PWG" puedes ver la imagen en la parte de abajo de esta imformacion. Te gusto copia el siguiente codigo y pegalo en TEXTO POR ENCIMA DE LA PAGINA.

Ejemplo:



<a target="_blank" href="http://www.paginawebgratis.es/"><img alt="" src="https://img.webme.com/pic/b/by-ro0driig0o/hostiadaenpwg.png" style="position:absolute; top:0; right:0;" /></a>

Boton de DESCARGA:
EJEMPLO



Bueno, como su nombre lo dice este codigo es para colocar un boton de descarga para que cuando tus visitantes le den click vayan a la pagina de MU,RS,4SH Etc. donde haz subido archivos

Con el ejemplo:

 
<a href="URL DE LA DESCARGA" _fcksavedurl="URL DE LA DESCARGA"><img alt="" src="http://i263.photobucket.com/albums/ii148/blog-colombia/botondescargar.png" _fcksavedurl="http://i263.photobucket.com/albums/ii148/blog-colombia/botondescargar.png" /></a>

 

Con tu boton:

<a href="URL DE LA DESCARGA" _fcksavedurl="URL DE LA DESCARGA"><img alt="" src="URL DEL BOTON" _fcksavedurl="URL DEL BOTON" /></a>

 

Gracias por tu visita Recuerda votar por la web y dejar sus comentarios.


Hoy habia 2 visitantes (6 clics a subpáginas) ¡Aqui en esta página!
Template Powered By TEmplatECSS Re-diseñada por GzDat
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis