Codigos HTML

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

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

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

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

<SCRIPT LANGUAGE="JavaScript">

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

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

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

</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>
<div align="center">
<b><script>fecha()</script></b></div>
<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>
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>
<b><script>fecha()</script></b></div>
<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">

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

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

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[


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';
"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';
"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';
"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';
da8a905c6bfc5/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#9b5b1c';
"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';
"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';
58ce65f80c1be/1279636453/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#FFCCCC';
"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';
f8b776874b873/1279635875/thumb/image.jpg" alt="" /></span>
</td>
<td>
<span
onmouseover="javascript:document.body.style.backgroundColor='#000000';
"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';
"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:

//<![CDATA[


</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">
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"
urlArr[2] = "URL DE SEG 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>

Codigos HTML

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Codigos HTML

Uploaded by

Copyright:

Available Formats

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

You might also like