Вы находитесь на странице: 1из 28

A continuacin les muestro unos cdigos html, css y javascript para mejorar sus pginas web,

espero que les sirva si alguno no funciona correctamente les pedimos que porfavor nos lo
comuniquen Aqui
NOTA: las lineas verdes son modificables
No dejar seleccionar el texto de nuestra web, sirve mucho para los copiones:
<script language="Javascript"><!-- Beginfunction disableselect(e){return false}function
reEnable(){return true}document.onselectstart=new Function ("return false")if
(window.sidebar){document.onmousedown=disableselectdocument.onclick=reEnable}// End --
></script>
Con este cdigos el usuario podra establecer tu sitio web como su pgina de inicio (Solo
funciona en los navegadores IE, Maxthon y NS):
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.todopat
uweb.com');"><FONT face=Arial color=#000000 size=-2><U>Establecer como pgina de
inicio</U></FONT></A>
Este cdigo te muestra cuantos estan en linea ahora en tu web mediante un pequeo widget:
<script type="text/javascript" src="http://widgets.amung.us/small.js"></script><script
type="text/javascript">WAU_small('pgwnga9kklf2')</script>
Efecto divertido e interesante de sangre callendo en la parte superior de tu sitio web:
<img border='0' src='http://img260.imageshack.us/img260/119/bloodm.gif'
style='position:fixed; top:0; left:0; width:100%; height:150px;'/>
Este cdigo HTML le da un Saludo al visitante de buenos dias, noches, dependiendo en que
hora este el visitante:
<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
da!")}if((today.getHours() >=10) && (today.getHours() <=11)){document.write("Buen
da!")}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>
Con este cdigo podras hacer que se bloquee el botn izquierdo del ratn:
<body oncontextmenu="return false">
Caja de texto simple, sirve para poner codigos HTML como estos xD:
<textarea rows="5" cols="20">Aqui su texto</textarea>
Cdigo que muestra al visitante al entrar y salir de la pgina web un mensaje que tu mismo
puedes editar cambiando el cdigo:
<BODY onLoad="alert('Bienvenido a mi web');" onUnLoad="confirm('Gracias por tu visita,
espero ke no sea la ltima');">
Con este cdigo una imagen seguira al ratn, solo cambia la URL que esta en el cdigo por la
URL de la imagen que quieras:
<SCRIPT LANGUAGE="JavaScript1.2"> var trailLength = 8; var path = "my_image.gif"; var isIE
= false, isNav = false, range = "all.", style = ".style", i, d = 0; var topPix = ".pixelTop", leftPix
= ".pixelLeft", images, storage; if (document.layers) { isNav = true, range = "layers.", style =
"", topPix = ".top", leftPix = ".left"; } else if (document.all) { isIE = true; } function initTrail() {
images = new Array(); for (i = 0; i < parseInt(trailLength); i++) { images = new Image();
images.src = path; } storage = new Array(); for (i = 0; i < images.length*3; i++) { storage =
0; } for (i = 0; i < images.length; i++) { (isIE) ? document.write('<div id="obj' + i + '"
style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images.src +
'"></div>') : document.write('<layer name="obj' + i + '" width="0" height="0" z-
index="100"><img src="' + images.src + '"></layer>'); } trail(); } function trail() { for (i = 0;
i < images.length; i++) { eval("document." + range + "obj" + i + style + topPix + "=" +
storage[d]); eval("document." + range + "obj" + i + style + leftPix + "=" + storage[d+1]); d =
d+2; } for (i = storage.length; i >= 2; i--) {; storage = storage[i-2]; } d = 0;
clearTimeout(timer); var timer = setTimeout("trail()", 10); } function processEvent(e) { if (isIE)
{ storage[0] = window.event.y+document.body.scrollTop+10; storage[1] =
window.event.x+document.body.scrollLeft+10; } else { storage[0] = e.pageY+12; storage[1] =
e.pageX+12; } } if (isNav) { document.captureEvents(Event.MOUSEMOVE); } if (isIE || isNav) {
initTrail(); document.onmousemove = processEvent; } // End --> </script>
Cambia el favicn de tu pgina web facilmente solo inserta la URL del icono
deseado en donde dice icono.ico y despues pega el code entre <head>:
<LINK REL="SHORTCUT ICON" HREF="icono.ico">
Mostrar siempre la misma URL en la barra de direcciones de tu navegador:
<HEAD> <TITLE>Pgina Principal :: Inicio</TITLE> </HEAD> <FRAMESET rows="100%"
BORDER=0 FRAMEBORDER=0 FRAMESPACING=0> <FRAME NAME="top"
SRC="http://www.aquiescribetuweb.com/" NORESIZE></FRAMESET>
Jajaja, buenisimo este cdigo, cansa y hazle una bromita a tus visitantes:
<div style="overflow: auto; width: 510px;"><script>alert ('ups!!!')</script><script>alert
('acabas de hacer el peor error ')</script><script>alert ('acabas de entrar a esta pagina que no
te recomiendo')</script><script>alert ('pero en fin jajaja')</script><script>alert ('ya me
imagino como te debes sentir')</script><script>alert ('aunque aun estamos comenzando
')</script><script>alert ('cuando vayan pasando mas ventanas te
moriras')</script><script>alert ('mmmmm.....')</script><script>alert ('vamos por la
9!!')</script><script>alert ('ahora por la 10!')</script><script>alert ('que no te
gusta')</script><script>alert ('uy.... que pena')</script><script>alert ('ahora tendras que
sufrir')</script><script>alert ('que ya te fastidiaste??')</script><script>alert ('pero si apenas
vamos por la quince ')</script><script>alert ('pensastes que verias algo realmente genial
verdad?)</script><script>alert ('pues no es asi)</script><script>alert ('que mas le podemos
hacer)</script><script>alert ('si cierras la ventana')</script><script>alert ('eso seria una
buena idea')</script><script>alert ('upss!... xD')</script><script>alert ('creo que no se puede
')</script><script>alert ('jajajaj sufre bloqueado')</script><script>alert ('sabes porque hago
esto')</script><script>alert ('porque yo fui victima por pura curiosidad')</script><script>alert
('y me paso lo mismo que ati')</script><script>alert ('estaba desesperado pero
bueno')</script><script>alert ('lo supere')</script><script>alert
('jajaja')</script><script>alert ('estaras furioso conmigo y contigo')</script><script>alert ('no
debiste haber entrado')</script><script>alert ('ahora un pequeo
cuestionario')</script><script>alert ('no un cuetionario una afirmacion')</script><script>alert
('a se me olvidaba presentarme')</script><script>alert ('me llamo
diego')</script><script>alert ('y tu? todo bien con tu vida??')</script><script>alert ('ya
mucha la broma ')</script><script>alert ('no te desesperes te dre un
tip')</script><script>alert ('pero antes resuelveme esta preguna tengo una
duda...')</script><script>alert ('eres gay??')</script><script>alert ('waw
acepaste')</script><script>alert ('que dificil debe ser eso')</script><script>alert ('yo nocreo
quesea gay')</script><script>alert ('en vverdad s gay??')</script><script>alert ('por ultima
ves')</script><script>alert ('no creo que sea gay')</script><script>alert ('k si lo
es')</script><script>alert ('ya lo acepto muchas veces')</script><script>alert ('jajaj ya
estamos terminando')</script><script>alert ('ohh si es cierto y por lo de el tip
')</script><script>alert ('ahora se lo digo)</script><script>alert ('esto es
facil')</script><script>alert ('solo dejabas apreado enter para vanzar mas
rapido')</script><script>alert ('pero bueno fuiste mi victima del dia')</script><script>alert
('ya terminamos por fin!!')</script><script>alert ('grcias por visitar al diablillo!!)</script>
function flash() { if (control == 1) { window.status=yourwords; control=0; } else {
window.status=""; control=1; } setTimeout("flash();",speed); } // --> </script>

Este cdigo es para que tus visitanten agreguen tu web a sus favoritos
facilmente, solo para IE y NS:
<!-- PRIMER PASO: Colocar dentro del tag HEAD -->
<script LANGUAGE="JavaScript">
function agregar(){
if ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4))
{
var url="http://www.tu-sitio.comr/";
var titulo="Nombre del Sitio";
window.external.AddFavorite(url,titulo);
}
else {
if(navigator.appName == "Netscape")
alert ("Presione Crtl+D para agregar este sitio en sus Bookmarks");
}
}
</script>
<!-- SEGUNDO PASO: Colocar dentro del tag BODY -->
<input type="button" value="Agregar a favoritos" onClick="javascript:agregar();">

Este cdigo pondra en tu web un link para que tus visitantes puedan ver el
cdigo fuente o html de tu sitio:
<!-- Copiar dentro del tag BODY -->
<script type="text/javascript">
function verFuente(pagina){
window.location = "view-source:" + pagina ;
}
</script>
<p>Ver cdigo fuente: <a href="javascript:verFuente(window.location);">Pgina
actual</a>

Con este javascript los visitantes podran imprimir tu web facilmente:
<!-- Copiar dentro del tag BODY -->
<SCRIPT LANGUAGE="JavaScript">
<!--
function imprimir() {
if (window.print)
window.print()
else
alert("Disculpe, su navegador no soporta esta opcin.");
}
// -->
</SCRIPT>
<A HREF="javascript:imprimir()">Imprimir Pgina Web</A>

Este code es super util sirve para que al hacer clic en una imagen se cambie a
otra, solo cambia las URL que estan en el code por las de las imagenes que
quieras:
<!-- PRIMER PASO: Copiar dentro del tag HEAD -->
<script language="javascript">
imagen1=new Image
imagen1.src="imagen01.gif"
imagen2=new Image
imagen2.src="imagen02.gif"
var i=1;
function cambiar() {
if (i == 1)
{
document.images['ejemplo'].src=imagen2.src
i=2;
}
else
{
document.images['ejemplo'].src=imagen1.src;
i=1;
}
}
</script>
<!-- SEGUNDO PASO: Copiar dentro del tag BODY -->
<img src="imagen1.gif" name="ejemplo" onMousedown="cambiar()">
Este cdigo javascrip muestra la hora y fecha exata en tu pgina web facilmente:
<color=#000000><script language="JavaScript">
//http://www.granhermano2011-envivo.blogspot.com/
function fecha(){
fecha = new Date()
mes = fecha.getMonth()
diaMes = fecha.getDate()
diaSemana = fecha.getDay()
anio = fecha.getFullYear()

dias = new Array('Domingo','Lunes','Martes','Miercoles','Jueves','Viernes','Sabado')
meses = new Array('Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre')
document.write('<span id="fecha">')
document.write (dias[diaSemana] + ", " + diaMes + " de " + meses[mes] + " de " + anio)
document.write ('</span>')
}
</script>
<style type="text/css">
<!--
#fecha {
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
color: #000000;
background :
}
-->
</style>
<script language="JavaScript">
function hora(){
var fecha = new Date()
var hora = fecha.getHours()
var minuto = fecha.getMinutes()
var segundo = fecha.getSeconds()
if (hora < 10) {hora = "0" + hora}
if (minuto < 10) {minuto = "0" + minuto}
if (segundo < 10) {segundo = "0" + segundo}
var horita = hora + ":" + minuto + ":" + segundo
document.getElementById('hora').firstChild.nodeValue = horita
tiempo = setTimeout('hora()',1000)
}
function inicio(){
document.write('<span id="hora">')
document.write ('000000</span>')
hora()
}
</script>
<style type="text/css">
<!--
#hora {
width:100px;
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
color: #000000;
background :
}
-->
</style>
<div align="center">
<b><script>fecha()</script></b></div>
<div align="center">
<b><script>inicio()</script></b></div></color>
Este cdigo javascrip muestra la hora y fecha exata en tu pgina web facilmente:
<color=#000000><script language="JavaScript">
//http://www.granhermano2011-envivo.blogspot.com/
function fecha(){
fecha = new Date()
mes = fecha.getMonth()
diaMes = fecha.getDate()
diaSemana = fecha.getDay()
anio = fecha.getFullYear()

dias = new Array('Domingo','Lunes','Martes','Miercoles','Jueves','Viernes','Sabado')
meses = new Array('Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre')
document.write('<span id="fecha">')
document.write (dias[diaSemana] + ", " + diaMes + " de " + meses[mes] + " de " + anio)
document.write ('</span>')
}
</script>
<style type="text/css">
<!--
#fecha {
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
color: #000000;
background :
}
-->
</style>
<script language="JavaScript">
function hora(){
var fecha = new Date()
var hora = fecha.getHours()
var minuto = fecha.getMinutes()
var segundo = fecha.getSeconds()
if (hora < 10) {hora = "0" + hora}
if (minuto < 10) {minuto = "0" + minuto}
if (segundo < 10) {segundo = "0" + segundo}
var horita = hora + ":" + minuto + ":" + segundo
document.getElementById('hora').firstChild.nodeValue = horita
tiempo = setTimeout('hora()',1000)
}
function inicio(){
document.write('<span id="hora">')
document.write ('000000</span>')
hora()
}
</script>
<style type="text/css">
<!--
#hora {
width:100px;
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
color: #000000;
background :
}
-->
</style>
<div align="center">
<b><script>fecha()</script></b></div>
<div align="center">
<b><script>inicio()</script></b></div></color>


Leer ms: http://www.todopatuweb.net/codigos/

Redireccionar una pgina:
Si tens una direccin larga, y los servidores que te dan direcciones cortas no
tienen buena capacidad de almacenamiento o de taza de transferencia de datos,
con este cdigo pods hacer que al escribir una direccin se abra otra, solo tens
que insertar este cdigo en el index.html del dominio corto poniendo tu direccin
actual donde est en verde:
<HTML>
<HEAD>
<TITLE>Redireccionado por www.CheNico.com</TITLE>
<SCRIPT LANGUAGE="JavaScript">
location.href='http://www.CheNico.com';
</SCRIPT>
</HEAD>
<BODY>



Abrir una Web en Pop Up:
Con este cdigo vamos a hacer que al entrar en nuestra pgina automticamente
se abra otra, ej. otra Web nuestra, una seccin que queremos mostrar, una
publicidad, etc.
<script language='JavaScript'>window.open('http://www.chenico.com',
'geoflotante', '');</script>



No dejar seleccionar el texto de nuestra Web:
Con este cdigo vamos a impedir que los visitantes seleccionen el texto de nuestra
pgina 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>



Horas restantes para finalizar el da:
Con este cdigo insertamos un pequeo relojito que indica la cuenta regresiva de
las horas, minutos y segundos que faltan para finalizar el da.
<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 da">
<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>



Recomendar Pagina:
Con este cdigo podemos hacer que si a un visitante le gust nuestra Web, la
recomiende a un amigo escribiendo su direccin de correo electrnico en la casilla,
al hacer click en "Recomendar esta Web" se enva un mensaje de correo con el
asunto "Pienso que te puede interesar esta pgina..." y en el cuerpo del mensaje
aparece la direccin completa donde se encuentra el cdigo y el ttulo de la misma.
<form name="eMailer">
ENVA ESTA PGINA 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 pgina...";
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="+d
ocument.title+" "+u;
}
}
</script>



Crear un Formulario o Libro de Visitas:
Con este cdigo podemos crear un formulario para que complete el visitante. O
tambin un libro de visitas, luego que el visitante apriete el botn "enviar", los
datos sern enviados a tu casilla de correo.
<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>



Crear un Ttulo que cambia de colores:
Con este cdigo podemos crear por ejemplo el ttulo para nuestra Web o una de
nuestras secciones. Como el cdigo es muy largo Hac Click ac para verlo en
una nueva ventana



Cuadro explicativo de los enlaces:
Sorprend a tus visitantes con este asombroso truco. Al pasar el mouse sobre el
link, aparece la explicacin de ese link en un cuadro con la cantidad de palabras
que queramos poner. Solo tens que reemplazar mis direcciones por las tuyas, y el
texto deseado por el tuyo.
<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(' Pgina principal\n ----------------\n\n Cuando
hagas Click en este enlace irs directamente a la pgina de inicio de mi
web');">Pgina
principal</a><br>
<a href="http://usuarios.lycos.es/pauluk/trucosprin.htm"
onmouseover="escribe(' Trucos PC\n -----------\n\n Este enlace te llevar
a la pgina de Trucos PC en la que pods encontrar muchos ms trucos
interesantes para realizar e incluir en tus pginas web');">Trucos
PC</a><br>
<a href="http://usuarios.lycos.es/pauluk/GLOSARIO.HTM"
onmouseover="escribe(' Glosario\n -------------- \n\n Diccionario de
Trminos Informticos. Enterate el significado de esas palabras de
computacin que decs todos los das pero que no sabs 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>



I nsertar un sonido o msica de fondo:
Si quieren que los visitantes escuchen una cancin mientras visitan la Web, o
simplemente recibirlos con una meloda estilo presentacin, este es el cdigo que
estabas buscando. Solo tens que guardar el sonido en el directorio raz de tu
servidor e insertar el siguiente cdigo html:
<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.



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 cdigo HTML:
<a href="ejemplo.exe">Descripcin del enlace </a>
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 automticamente. Ejemplo: Si el navegador no logra abrir un archivo
"zip" (compactado), inicia la descarga automticamente.



Efecto nieve con cualquier imagen:
Con este truco pods hacer que caigan por la pantalla varias veces la misma
imagen con un efecto estilo nieve. Si quers ver el cdigo y el efecto HAC CLIC
AC .



Subrayar un Link al pasar el mouse:
Con este cdigo 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.
<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 clsica flechita de Windows en una mira de disparo.
<style type="text/css">
<!--
body { cursor: crosshair}
-->
</style>



Tabla de colores HTML:
Esta tabla contiene todos los cdigos para ponerle colores a las barras de
desplazamiento, a las fuentes y muchas otras funciones ms. Haga click ac para
ver la Tabla Completa.



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
Computacin y vean en la barra de estado. (para verlo bien en sta pgina pasen el
mouse varias veces, ya que hay otro cdigo parecido que lo obstruye).
<a href="http://www.CheNico.com"
onmouseout="window.status=''"
onmouseover="window.status='Ac aparece el mensaje que
quieras';return true">
Pauluk Computacin</a>



Dificultar copia de pgina:
Con este recurso sencillo podemos hacer ms difcil el acceso al cdigo-fuente o
la copia de imgenes de nuestro sitio. Cuando el visitante haga click con el botn
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 pginas.
Podemos colocarlo antes de la etiqueta <html> o despus de la etiqueta <body>.

<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, tambin hay un contratruco, si entrs a una pgina
que tiene este truco que no te deja copiar imgenes o texto, solo tens que hacer
click con el botn derecho del mouse sobre la barra de estado y sin soltarlo
arrastrarlo hasta la imgen. Listo, se abrir el men como si la pgina no estuviese
bloqueada a la copia. Hay que tener en cuenta que muy poca gente conoce este
truco, por lo tanto pods usar tranquilo el truco de bloqueo.



Establecer una pgina como inicio:
Este cdigo html te sirve para crear un link para que el visitante pueda hacer que
tu pgina sea la de inicio de su computadora. Con solo hacer clic sobre el link
creado, tu pgina se iniciar automticamente cada vez que esa persona se conecte
a Internet.
<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 pgina de inicio</U></FONT></A>



Enviar un e-mail con Asunto y Mensaje:
Con este truco pods hacer que al hacer clic sobre una palabra, se abra el Outlook
para enviar un mensaje con tu direccin, el asunto que quieras y el texto que
quieras. Por ejemplo: Hac clic ac para mandarme un mensaje
<a
href="mailto:webmaster@pauluk.8k.com?subject=Prueba.&body=Estoy
probando el truco...">Hac clic ac para mandarme un mensaje</a>



Abrir un Link en una Ventana Nueva:
Cuando tenemos Links en nuestras pginas y alguien hace clic sobre ellos,
automticamente se abre esa direccin en nuestra ventana. Con este truco
podemos hacer que al hacer clic sobre un determinado Link, esta direccin se abra
en una ventana nueva, quedando la nuestra tambin abierta:
<a href="http://www.CheNico.com" target="_blank">Pauluk
Computacin</a>



AMPLIAR IMAGEN AL PASAR EL MAUSE:


<img src="TU IMAGEN" onmouseover="this.width=500;this.height=400;"
onmouseout="this.width=100;this.height=80;" width="100" height="80" alt="" />


(En width=500;this.height=400 pones el tamao de tu imagen o el tamao en
que quieres que se mire y en width=100;this.height=80 el tamao en
miniatura)


COMO MOVER EL TITULO DE LA PAGINA.. facil solo copea este codigo en tu
head y edita el texto ya que este sera el que tenga el efecto , recuerda no
amontonar los codigos deja espacios entre cada uno de ellos


<script language="JavaScript" type="text/javascript">
//<![CDATA[
<!--
<!--
var txt="TEXTO QUE DEVES EDITAR ";
var espera=200;
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();
// -->

function MM_displayStatusMsg(msgStr) { //v1.0
status=msgStr;
document.MM_returnValue = true;
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
//]]>
</script>
TABLA CON BORDES QUE CAMBIAN DE COLOR

SOLO CAMBIA DONDE DICE"TEXTO" Y LOS COLORES QUE QUIERES QUE SE
CAMBIEN", COPEAS Y PEGAS


<center><table id="myexample" style="BORDER-RIGHT: green 5px solid;
BORDER-TOP: green 5px solid; BORDER-LEFT: green 5px solid; BORDER-
BOTTOM: green 5px solid" width="280" align="center" border="0">
<tbody>
<tr>
<td>
<center>
TU TEXTO
</center>
<br />
</td>
</tr>
</tbody>
</table>
<script language="JavaScript1.2" type="text/javascript">
//<![CDATA[

//configure interval btw flash (1000=1 second)
var speed=500

function flashit(){
var crosstable=document.getElementById?
document.getElementById("myexample") : document.all?

document.all.myexample : ""
if (crosstable){
if (crosstable.style.borderColor.indexOf("red")!=-1)
crosstable.style.borderColor="red"
else
crosstable.style.borderColor="green"

}
}
setInterval("flashit()", speed)
//-->
//]]>
</script> </center>

CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE

<div id="cc-matrix-899906057">
<div class="n">
<h1>
CAMBIA DE COLOR LA PAGINA POR EL QUE MAS TE GUSTE
</h1>
</div>

<div class="n">
<center>
<table border="0"
style="cursor:url('http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/ic9f
9e9dccbe9efa9/1279636888/thumb/image.gif'), auto;" align="center"
width="22%">
<tr>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#d9d13f';
document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/ib70
a484a0d796a4c/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#3f6dd9';
document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i864
d71f3ad9442f6/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#d9993f';
document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i6e6
a28be3b5b635a/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#cccccc';
document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/iffb
b7edc0af7fd84/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#ffffff';
document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i199
da8a905c6bfc5/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#9b5b1c';
document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i2c7
c9e382f2a42c3/1279635875/thumb/image.jpg" alt="" /></span>
</td>
</tr>

<tr>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#57d93f';
document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/id78
2c9ba10091374/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#d9483f';
document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i891
58ce65f80c1be/1279636453/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#FFCCCC';
document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i12a
2ebb01b035b05/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#993fd9';
document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i453
f8b776874b873/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#000000';
document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/iebc
9234a50f2d86b/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#74b8fb';
document.body.style.backgroundImage='none';"><img border="1" src=
"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i75f
43d7530285f50/1279635875/thumb/image.jpg" alt="" /></span>
</td>
</tr>
</table>
</center>
</div>
</div>
CAMBIA DE COLOR
LA PAGINA POR EL
QUE MAS TE GUSTE


PARA ENLAZAR NUESTRO FACE:
PARA TENER ESTE CODIGO , COPIA EL LINK DE ABAJO Y REEMPLAZA DONDE
DICE " url de tu pagina facebook" Y COPEA TU LINK DE FB, Y REEMPLAZAS
DONDE DICE " url de tu imagen" (son las siguientes tres k se muestran
abajo) Y COPEA EL ENLACE DE LA IMAGEN

<a href='URL de tu pgina de facebook' target='_blank' title='Sgueme en
Facebook'><img src='URL DE TU
IMAGEN'style='display:scroll;position:fixed;bottom:225px;right:0px' alt=""
/></a>


http://www.fileden.com/files/2010/8/4/2933396/3.png

http://www.fileden.com/files/2010/8/4/2933396/SEGUNDO%20BOTON.png

http://www.fileden.com/files/2010/8/4/2933396/2botons.png
TEXTO MOVIBLE HACIA LA DERECHA:

(PUEDES CAMBIAR EL COLOR REEMPLAZANDO DONDE DICE RED POR
CUALQUIER OTRO COLOR)
<center><marquee direction="right" id="ejemplo"><span class="Apple-style-
span" style="color: red;">TU TEXTO AQUI</span></marquee> <a
href="javascript:void(0);"></a> <a href="javascript:void(0);"></a></center>

DESHABILITAR CLICK DERECHO:

<script language="JavaScript" type="text/javascript">
//<![CDATA[

<!--

function inhabilitar(){
alert ("Lo siento, no puede usar el clic derecho")
return false
}

document.oncontextmenu=inhabilitar
//]]>
</script>
TRADUCTOR GOOGLE:


<div>
<div id="google_translate_element">
</div>
<script type="text/javascript">
//<![CDATA[
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'es'},
'google_translate_element');
}
//]]>
</script> <script
src="http://translate.google.com/translate_a/element.js?cb=googleTranslate
ElementInit" type="text/javascript">
</script>
</div>

Con la tecnologa de Traductor
TEXTO QUE CAMBIA AUTOMATICAMENTE:

SOLO TIENES QUE COPEAR ESTE CODIGO Y REEMPLAZAR "LOS TEXTOS 1,2,3
Y 4 "

<script language="JavaScript" type="text/javascript">
//<![CDATA[
hoje = new Date()
numero_de_textos = 4
segundos = hoje.getSeconds()
numero = segundos % numero_de_textos
if (numero == 0){
texto = "Texto nmero 1"
}
if (numero == 01){
texto = "Texto nmero 2"
}
if (numero == 02){
texto = "Texto nmero 3"
}
if (numero == 03){
texto = "Texto nmero 4"
}
document.write('' + texto +'')
//]]>
</script>

MENU DESPLEGABLE:

CON ESTE CODIGO PUEDES HACER UN MENU QUE SE DEPLIEGA
HACIA ABAJO , SOLO TIENES K EDITAR EL NOMBRE CADA UNA DE LAS
PAGINAS A LAS K SE ENLAZARAN Y REEMPLAZAR LOS URLS, POR ULTIMO
DONDE DICE "MIRA NUESTRAS SECCIONES ES EL NOMBRE PRINCIPAL DEL
MENUMENU Y LO REEMPLAZAS, SUERTE (:

<form>
<select name="links"
onchange="top.location.href=this.form.links.options[this.form.links.selectedIn
dex].value">
<option selected="selected">
Mira nuestras secciones
</option>
<option value="URL nmero 1">
Texto nmero 1
</option>
<option value="URL nmero 2>
Texto nmero 2
</option>
<option value="URL nmero 3">
Texto nmero 3
</option>
</select>
</form>
TRANSFORMA TU FLECHA EN UNA MIRA:


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

ARRIBA

<a href="#" style="right: 0px; position: fixed; top: 0px;"><img
src="http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i9aa2b4339ed61
d88/1291647396/std/image.png" alt=
"" /></a>

ABAJO

<a href='#footer'><img border='0' style='position:fixed; bottom:0; right:0;'
src="http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i2f4304a64ca412
7e/1291647465/std/image.png" title="Ir abajo"
alt="" /></a>
BOTON ANIMADO:

CAMBIA EL TEXTO Y LOS URLS QPARA CREAR TU BOTON, COPIA Y PEGA Y
LISTO!


<font face="Arial, Helvetica, sans-serif" size="2">
<script language="JavaScript">
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 3
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = "TEXTO"
urlArr[1] = "URL DE PRIMER TEXTO"
lineArr[2] = "TEXTO"
urlArr[2] = "URL DE SEG TEXTO"
lineArr[3] = "TEXTO"
urlArr[3] = "URL DE TERCER TEXTO"
var lineText = lineArr[1]
function StartShow() {
StopShow()
ShowLine()
timerRunning = true
}
function FillSpaces() {
for (var i = 1; i <= lineWidth; i++) {
spaces += " "
}
}
function StopShow() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning = false
}
}
function ShowLine() {
if (charNo == 0) {
if (lineNo < lineMax) {
lineNo++
}
else {
lineNo = 1
}
lineText = lineArr[lineNo]
charMax = lineText.length
}
if (charNo <= charMax) {
document.formDisplay.buttonFace.value = lineText.substring(0, charNo)
charNo++
timerID = setTimeout("ShowLine()", 100)
}
else {
charNo = 0
timerID = setTimeout("ShowLine()", 3000)
}
}
function GotoUrl(url)
{
top.location.href = url
}
document.write("<form name=\"formDisplay\">");
document.write("<input type=\"button\" name=\"buttonFace\"
value=\"&{lineText}\" size=\"18\" onClick=\"GotoUrl(urlArr[lineNo])\">");
document.write("</form>");
StartShow();
</script></font>