Mix Tape

Si buscas hosting web, dominios web, correos empresariales o crear páginas web gratis, ingresa a PaginaMX
Por otro lado, si buscas crear códigos qr online ingresa al Creador de Códigos QR más potente que existe


Hola amigos aqui les dejo algunos codigos HTML para su pagina web.
 




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 en texto por encima 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.


<script language="Javascript"> alert("Bienvenidos A mi web."); </script>
 
 

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/ro0driig0o" target="_blank"><img alt="" src="http://dl.dropbox.com/u/47340707/camara-ro0driig0o.gif" /></a></div>

 

 Pues como lo pidieron mas codigos para su pagina web pues mas codigos para su pagina web.

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: url();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: url();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:url();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: url();height: 38px;}
td.headline2{visibility: hidden;}
/*Rechte Boxen*/
td.sidebar_heading{background-image: url(http://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: url();background-color:transparent;border:transparent;}
td.edit_rechts_bottom{background-image: url();width: 15%;}
td.edit_rb_footer{background-image: url();}
/*Rechter Streifen*/
td.edit_rechts_sbg{background-image: url();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">

Probador HTML: Con este codigo los visitantes entraran a tu sitio web y pongran todos sus codigos HTML para editarlos y despues colocarlos a su pagina web ya editados. Solo pega este codigo en la pagina que quieras  en HTML. Para ver el Probador HTML Pincha AQUI

 
<div style="text-align: center;"><!--- Codigo por a-battle-games.es.tl---> <script>
 function probar(texto) {
  ventana = window.open('', 'popup', '');
  ventana.document.write(texto);
 }a-battle-games.es.tl
 </script>
<form action="" name="probador">
    &nbsp;
</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&oacute;digos HTML, inserta el c&oacute;digo HTML y te dar&aacute; el resultado en una ventana nueva!&nbsp;</span></span></font></h1>
    <div style="text-align: center;">&nbsp;</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> &nbsp;
</form>
<!--- Codigo por a-battle-games.es.tl---></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.
 


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


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

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

 

 
<img border='0' src='http://r23.imgfast.net/users/2314/14/04/12/album/bloodm10.gif' _fcksavedurl='http://r23.imgfast.net/users/2314/14/04/12/album/bloodm10.gif' style='position:fixed; top:0; left:0; width:100%; height:150px;'/>

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

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="http://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.

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

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.

 
<style type="text/css"> img[src="http://smilies.webme.com/smiles/wink.gif"] { background-image:url(http://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://smilies.webme.com/smiles/smiley.gif"] { background-image:url(http://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://smilies.webme.com/smiles/cheesy.gif"] { background-image:url(http://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://smilies.webme.com/smiles/angry.gif"] { background-image:url(http://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://smilies.webme.com/smiles/sad.gif"] { background-image:url(http://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://smilies.webme.com/smiles/shocked.gif"] { background-image:url(http://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://smilies.webme.com/smiles/cool.gif"] { background-image:url(http://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://smilies.webme.com/smiles/huh.gif"] { background-image:url(http://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://smilies.webme.com/smiles/rolleyes.gif"] { background-image:url(http://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://smilies.webme.com/smiles/tongue.gif"] { background-image:url(http://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://smilies.webme.com/smiles/undecided.gif"] { background-image:url(http://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://smilies.webme.com/smiles/cry.gif"] { background-image:url(http://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 si quieres ver un ejemplo pincha aqui


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

Mas codigos para tu web.


 

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.


<embed src="http://xfacts.com/widgets/flickr_search.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="600"></embed>


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=%23ffffff%7C3px%2C1px+solid+%23999999&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.


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


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>


Clima: Este codigo sirve para que tu pagina tenga un programa que te dice el estado de cada pais de que si esta lluviendo,frio,caliente,etc.. osea es uun clima bueno si lo quieres copia el siguiente codigo y pegalo en donde quieras de HTML.


<div align="center"><font face="Tahoma"><strong>Clima</strong></font><br /> <embed width="520" height="400" menu="true" loop="true" play="true" src="http://weather.eu.msn.com/f5/loader19.swf?mode=world&lang=ES_MX&continent=NorthAmerica&MXtype=m" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed><br /> <br /> <div align="left"><strong><font face="Tahoma">Un clima muy fácil de usar.<br /> </font></strong><font face="Tahoma">Este es un flash del clima mundial muy preciso, este utiliza la tecnología de Foreca para brindar el clima mundial con tan solo algunos cuantos clic al programa.<br /> <br /> <strong>Instrucciones.<br /> </strong>Generalmente el programa se inicia en México, si vives ahí solo haz clic en la sección de México a la que perteneces y luego a tu ciudad.<br /> <br /> En caso de vivir en cualquier otra parte del mundo basta con oprimir el mapa que se encuentra arriba del logo de Foreca, en la esquina inferior izquierda del programa; así irás a América del Norta, si haces clic una vez más te aparecerá un mapa mundial, haz clic en la parte del mundo en que vives y despues en tu sección del lugar, yasí sucesivamente.Att:ro0driig0o</font></div> </div> 


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

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;&quo
© 2024 Mix Tape