Bienvenidos a XcroM ZonE
   
  xcrom
  Codigos HTML
 

1) Codigo para parpadear un texto

(Lo pegas ya sea en el titulo de una pagina o en cualquier texto que desees)

<blink>TU TEXTO</blink>


2) Codigo para mover los titulos de tu Box

(Lo pegas en el titulo de tu Box)

<marquee>COLOCA EL TITULO DE TU BOX AQUI </marquee>


3) Codigo para quitar el titulo de tu web

(Lo pegas en  Texto por encima de la Pagina)

<style type="text/css"> <!-- td.headline,.headline2,.headline3 {visibility:hidden;} --> </style>



3) Este código se pone donde quieras que tus visitantes sepan cuando actualizaste la web. 
 
Web a todo lo ancho: 
Código:

<style type="text/css"> 
<!-- 
table.edit_main_table{width: 100% !important;} 
td.edit_main_tr{width: 100% !important;} 
table.edit_second_table{width: 100% !important;} 
td.edit_header_full{width: 100% !important; 
background-position:center;background-repeat:no-repeat; } 
td.edit_header_full table{width: 100% !important;} 
table.edit_third_table{width: 100% !important;} 
td.edit_navi_headbg{width: 15% !important;} 
table.edit_rechts_tabelle{width: 100% !important;} 
td.edit_rechts_bottom{width: 15% !important;} 
td.edit_rechts_cbg{width:100%;} 
--> 



4) Esto se puede colocar en texto por encima o por debajo de la página. 
 
Centrar la web: 
Código:



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





5) Esto es mejor ponerlo en un espacio de tu web donde haya códigos,debajo del todo. 
 
Hacer página de inicio: 
Código:


<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('AQUI TU URL');return false;">Pon esta web como tu página de Inicio...



6) Esto se pone por ejemplo,en un box. 
 
Traductor de google: 
Código: 


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



7) Esto ponlo mejor en un box para que los visitantes elijan a que idioma quieren cambiar tu web. 
 
Paleta de colores: 
Código:


<script type="text/javascript" src="http://widgetserver.com/syndication/subscriber/InsertPanel.js?panelId=3cc95145-3080-4fcf-bb61-511a89599af5"></script><noscript>Get great free widgets at <a href="http://www.widgetbox.com">Widgetbox</a>!</noscript><img style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="http://runtime.widgetbox.com/syndication/track/3cc95145-3080-4fcf-bb61-511a89599af5.gif" _fcksavedurl="http://runtime.widgetbox.com/syndication/track/3cc95145-3080-4fcf-bb61-511a89599af5.gif" />



 
8)  Msn en tu web: 
Código:


<table cellspacing="1" cellpadding="1" width="200" border="1"> <tbody> <tr> <td><font color="#ff0000"><iframe border="0" name="I1" src="http://www.meebo.com" frameborder="0" width="495" scrolling="no" height="478"></iframe></font></td> </tr> <tr> <td bgcolor="#99ccff"> <p align="center"><a target="_blank" href="http://www.ocio-full.blogspot.com" _fcksavedurl="http://www.ocio-full.blogspot.com"><b><font color="#ffffff">Ocio Full</font></b></a></p> </td> </tr> </tbody> </table>




Como Quedaria:

Meebo web based instant messenger



9)  Quitar encabezado de iceblue: 
Código:



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



10)  Esto se pone en texto por encima de la página,solo si tienes puesta la plantilla iceblue. 
 
Efecto de electricidad en todos los links de tu página: 
Código:


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



11)  Esto se pone en texto por debajo de la página. 
 
Desplazamiento de banners: 
Código:



<center><marquee height="180" direction="up" scrollamount="2" style="width: 160px; height: 280px;"><center><a 
AQUI LOS CODIGOS DE LOS BANNER 
/></a></center></marquee></center>



12)  Codigo para centrar tu web
 
(lo pegas en texto por encima de la pagina)


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



13)  Codigo para aumentar el tamaño de tu web
 
(lo pegas en texto por encima de la pagina)


<style type="text/css"> <!-- table.edit_main_table{width: 100% !important;} td.edit_main_tr{width: 100% !important;} table.edit_second_table{width: 100% !important;} td.edit_header_full{width: 100% !important; background-position:center;background-repeat:no-repeat; } td.edit_header_full table{width: 100% !important;} table.edit_third_table{width: 100% !important;} td.edit_navi_headbg{width: 15% !important;} table.edit_rechts_tabelle{width: 100% !important;} td.edit_rechts_bottom{width: 15% !important;} td.edit_rechts_cbg{width:100%;} --> </style> 


14)  Codigo para poner fondo a las subpaginas del menu
 
(lo pegas en texto por encima de la pagina)


<style type="text/css"> td.edit_content{background-image:url(URL DE TU IMÁGEN);} </style>




15)  Codigo para un buscador google en tu web
 
(lo pegas en alguno de tus BOXS)



<!-- Búsqueda Google -->
<p>&nbsp;</p>
<center>
<form action="http://www.google.com/search" method="get">
<table bgcolor="#ffffff">
<tbody>
<tr>
<td><a href="www.google.es/"><img alt="Google" align="absMiddle" border="0" src="http://www.google.com/logos/Logo_40wht.gif" /></a> <input maxlength="255" size="31" name="q" /> <input type="hidden" name="hl" value="es" /> <input type="submit" name="btnG" value="Búsqueda Google" />




16)  Codigo para poner un enlace en tu web
(lo pegas en la pagina que lo quieras)


<a href="URL DE DESTINO"></p>LA OPCION A LA QUE NOS LLEVA</a>




17)  Codigo para poner una imagen a tu intro
 
(lo pegas en el extra intro)


<style type="text/css">
<!--
body{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DE COLOR;}
--></style>




18)  Probador de Codigos HTML 


<script><br /> function probar(texto) {<br />  ventana = window.open('', 'popup', '');<br />  ventana.document.write(texto);<br /> }<br /> </script><br />
<form action="" name="probador">
    <br />
    &nbsp;&nbsp;&nbsp; <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 />
    <br />
    &nbsp;&nbsp;&nbsp; </font><textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size="2"> <br />
    <br />
    &nbsp;&nbsp;&nbsp; </font><input type="button" onclick="probar(texto.value)" value="Convertir" /><font face="Verdana" size="2"> </font>
</form>





19)  Codigo para poner una imagen a tu cursor
 
(lo pegas en texto por debajo de la pagina)



<style> HTML,BODY{cursor: url("AQUI URL DEL .CUR"), url(" URL DEL .CURSOR"), auto;} </style>




20)  Codigo que  le da un  tono de transparencia a tu web
(lo pegas en texto por encima de la pagina)




<div align="center"> <table border="0" width="100%"> <tr> <td> <style type="text/css"> <!-- td.edit_header_full{:hidden;} body{background-image: url( IMAGEN DE FONDO );background-position: center center;background-attachment: fixed;} td.edit_content{background-image: none;background-color:transparent;} td.shouty,td.shouty2,td.shouty3,td.shouty4,td.shouty5{background-image: none;background-color:transparent;} td.edit_rechts_cbg{background-image: none;background-color:transparent;} td.edit_rechts_bottom{background-image: none;background-color:transparent;} td.edit_rechts_sbg{visibility:hidden;} td.edit_below_nav img{visibility:hidden;} td.edit_below_nav{background-image: none;background-color:transparent;} td.edit_navi_headbg{background-image: none;background-color:transparent;} td.edit_content_top{background-image: none;background-color:transparent;} td.edit_content_bottom{background-image: none;background-color:transparent;} td.edit_content_bottom2{background-image: none;background-color:transparent;} td.edit_rb_footer{background-image: none;background-color:transparent;} td.sidebar_heading{background-image: none;background-color:transparent;} td.headline2{font-size:25px;} -->





21)  Codigo para poner tu BOX transparente
(lo pegas en texto por encima de la pagina)



<style type="text/css"> 
<!-- 
td.shouty{color:#FFFFFF;background-image: url(URL);background-color: transparent;} 
td.shouty2{color:#FFFFFF;background-image: url(URL);background-color: transparent;} 
td.shouty3{color:#FFFFFF;background-image: url(URL);background-color: transparent;} 
td.shouty4{color:#FFFFFF;background-image: url(URL);background-color: transparent;} 
td.shouty5{color:#FFFFFF;background-image: url(URL);background-color: transparent;} 
--></style>




22)  Codigo para poner tu encabezado mas grande
(lo pegas en texto por encima de la pagina)




<style type="text/css">
<!--
 
td.edit_header_full{background-image:url(http://i42.tinypic.com/10dijhj.jpg);background-color:;height:248px;}




23)  Redireccionar una página:



Si tenés una dirección larga, y los servidores que te dan direcciones cortas no tienen buena capacidad de almacenamiento o de taza de transferencia de datos, con este código podés hacer que al escribir una dirección se abra otra, solo tenés que insertar este código en el index.html del dominio corto poniendo tu dirección actual donde está en verde:




Codigo:



<HTML>
<HEAD>
<TITLE>Redireccionado por www.CheNico.com</TITLE>
<SCRIPT LANGUAGE="JavaScript">
location.href='http://www.CheNico.com';
</SCRIPT>
</HEAD>
<BODY>





24)  Abrir una Web en Pop Up:



Con este código vamos a hacer que al entrar en nuestra página automáticamente se abra otra, ej. otra 
 
Web nuestra, una sección que queremos mostrar, una publicidad, etc.



<script language='JavaScript'>window.open('http://www.chenico.com', 'geoflotante', '');</script>



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


Codigo: 



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




26)  Horas restantes para finalizar el día:


Con este código insertamos un pequeño relojito que indica la cuenta regresiva de las horas, minutos y segundos que faltan para finalizar el día.



Codigo:



<body>
<p>El reloj...</p>
<form name="Reloj">
<input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día">
<script language="JavaScript">
<!--
var tiempoAtras;
 
updateReloj();
function updateReloj() {
var tiempo = new Date();
var hora = 23-tiempo.getHours();
var minutos = 59-tiempo.getMinutes();
var segundos = 59-tiempo.getSeconds();
 
tiempoAtras= (hora < 10) ? hora :hora;
tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos;
tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos;
 
document.Reloj.tiempo.value = tiempoAtras;
 
setTimeout("updateReloj()",1000);
}
//-->
</script>
</form>
</body>




27)  Recomendar Pagina:


Con este código podemos hacer que si a un visitante le gustó nuestra Web, la recomiende a un amigo escribiendo su dirección de correo electrónico en la casilla, al hacer click en "Recomendar esta Web" se envía un mensaje de correo con el asunto "Pienso que te puede interesar esta página..." y en el cuerpo del mensaje aparece la dirección completa donde se encuentra el código y el título de la misma. 


Codigo:



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



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



Codigo:



<H2>Libro de visitas de www.CheNico.com</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>




29)  Cuadro explicativo de los enlaces:
 
Sorprendé a tus visitantes con este asombroso truco. Al pasar el mouse sobre el link, aparece la explicación de ese link en un cuadro con la cantidad de palabras que queramos poner. Solo tenés que reemplazar mis direcciones por las tuyas, y el texto deseado por el tuyo.



Codigo:



<p>
<script language="JavaScript"><!--
function escribe(frase){document.desplaza.cuadro.value=frase; }
// --></script>
</p>
<table border="0">
<tr>
<td width="200"><p align="center"><strong>Opciones.</strong></p>
 
<p><a href="http://www.CheNico.com"
onmouseover="escribe(' Página principaln ----------------nn Cuando hagas Click en este enlace irás directamente a la página de inicio de mi web');">Página 
principal</a><br>
<a href="http://usuarios.lycos.es/pauluk/trucosprin.htm"
onmouseover="escribe(' Trucos PCn -----------nn Este enlace te llevará a la página de Trucos PC en la que podés encontrar muchos más trucos interesantes para realizar e incluir en tus páginas web');">Trucos PC</a><br>
<a href="http://usuarios.lycos.es/pauluk/GLOSARIO.HTM"
onmouseover="escribe(' Glosarion -------------- nn Diccionario de Términos Informáticos. Enterate el significado de esas palabras de computación que decís todos los días pero que no sabés exactamente qué significa.');">Glosario</a><br>
</p>
</td>
<td><form name="desplaza">
<p><textarea name="cuadro" rows="8" cols="30"
wrap="physical"></textarea></p>
</form>
</td>
</tr>
</table>




30)  Insertar un sonido o música de fondo:



Si quieren que los visitantes escuchen una canción mientras visitan la Web, o simplemente recibirlos 
con una melodía estilo presentación, este es el código que estabas buscando. Solo tenés que guardar el sonido en el directorio raíz de tu servidor e insertar el siguiente código html:



Codigo:


<BGSOUND SRC="sonido.mid" LOOP=none> 
<WIDTH=200 HEIGHT=55 AUTOSTART="true" LOOP="false" HIDDEN="true">
 
Se recomienda usar sonidos en formato "midi" que son los de menor peso.





31)  Crear un link para download:


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


Codigo:



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



Recomendación:


No existe un comando que inicie la descarga. Lo que sucede es que, siempre que aparece un tipo de archivo no reconocido por el navegador, este comienza a descargarlo automáticamente. Ejemplo: Si el navegador no logra abrir un archivo "zip" (compactado), inicia la descarga automáticamente.



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


Codigo:


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


32)  Transformar el cursor en una mira:
 
Transformá la clásica flechita de Windows en una mira de disparo.
 
<style type="text/css">
<!--
body { cursor: crosshair}
-->
</style>





33)  Comentario sobre un link en la barra de estado:
 
Al pasar el mouse sobre el link deseado, veremos en la barra de estado un comentario sobre éste. Por ejemplo posicionen el mouse sobre Pauluk Computación y vean en la barra de estado. (para verlo bien en ésta página pasen el mouse varias veces, ya que hay otro código parecido que lo obstruye). 
 
Codigo:
 
<a href="http://www.CheNico.com"
onmouseout="window.status=''"
onmouseover="window.status='Acá aparece el mensaje que quieras';return true">
Pauluk Computación</a>



34)  Dificultar copia de página: 
 
Con este recurso sencillo podemos hacer más difícil el acceso al código-fuente o la copia de imágenes de nuestro sitio. Cuando el visitante haga click con el botón derecho del mouse, surgirá un mensaje creado previamente por nosotros. Recordemos que a algunas personas no les gusta este tipo de bloqueo. Nosotros tenemos que decidir si queremos incluirlo o no en nuestras páginas. 
 
Podemos colocarlo antes de la etiqueta <html> o después de la etiqueta <body>.



Codigo:



<Script language=JavaScript>
function right(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
alert("Coloca el mensaje aquí.");
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("Coloca el mensaje aquí.");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</script> 
 
 
 
Nota: Para evitar este truco, también hay un contratruco, si entrás a una página que tiene este truco que no te deja copiar imágenes o texto, solo tenés que hacer click con el botón derecho del mouse sobre la barra de estado y sin soltarlo arrastrarlo hasta la imágen. Listo, se abrirá el menú como si la página no estuviese bloqueada a la copia. Hay que tener en cuenta que muy poca gente conoce este truco, por lo tanto podés usar tranquilo el truco de bloqueo.



 
35)  Establecer una página como inicio:
 
Este código html te sirve para crear un link para que el visitante pueda hacer que tu página sea la de inicio de su computadora. Con solo hacer clic sobre el link creado, tu página se iniciará automáticamente cada vez que esa persona se conecte a Internet.


Codigo:


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



36)  Enviar un e-mail con Asunto y Mensaje:


Con este truco podés hacer que al hacer clic sobre una palabra, se abra el Outlook para enviar un mensaje con tu dirección, el asunto que quieras y el texto que quieras. Por ejemplo: Hacé clic acá para mandarme un mensaje 

Codigo:

<a href="mailto:webmaster@pauluk.8k.com?subject=Prueba.&body=Estoy probando el truco...">Hacé clic acá para mandarme un mensaje</a>




37)  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:


Codigo:


<a href="http://www.CheNico.com" target="_blank">Pauluk Computación</a>




38)  Luces Neon Para Tu Web

Este  codigo va en Texto Por Encima De La Pagina


Codigo:

<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>
 
  Hoy habia 2 visitantes (6 clics a subpáginas) ¡Aqui en esta página!