Codigos HTML y CSS para diseñar tu pagina web

Codigos HTML para tu pagina web
Pareja Perfecta
http://l.inccel.com/plus/?l=401
Descubre la Compatibilidad con tu Pareja
Click aqu
Compartir Twittear
Hola a todos hoy les traigo unos condigos HTML para tu

pagina web
Yo me dirijo por www.paginawebgratis.es
Y bueno les voy a dejar esos codigos que apuesto que les serviraa:
codigo de contador de vicitas :
<object id="counters99" allowscriptaccess="always" type="application/x-shockwave-flash"

data="http://static.99widgets.com/counters/swf/counters.swf?id=488055_2&ln=es" width="175"
height="200" wmode="transparent"><param name="allowscriptaccess" value="always" /><param
name="movie" value="http://static.99widgets.com/counters/swf/counters.swf?id=488055_2&ln=es"
/><param name="wmode" value="transparent" /><embed
src="http://static.99widgets.com/counters/swf/counters.swf?id=488055_2&ln=es" type="application/xshockwave-flash" allowscriptaccess="always" wmode="transparent" width="175"
height="200"></embed><br><a href="http://www.onlinecasinolist.org/review-spin-palacecasino">SPIN PALACE</a> <a href="http://www.bingolines.com/mecca-bingo">mecca bingo</a> <a
href="http://www.casinoschule.com/spinpalacecasino.html">spinpalace casino</a> <a
href="http://www.mpthrill.com/online-casino-reviews/mansion-casino.html">casino mansion</a> <a
href="http://www.top11.fm/">Football manager 2010</a></object>
codigo reloj para tu web:
<script src="http://h1.flashvortex.com/display.php?id=2_1294291317_52613_387_0_174_139_9_1_97"
type="text/javascript"></script>
codigo para dejar tu pagina rectaa:

<!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;">
Buscador de google:
 <p> </p> <center> <form action="http://www.google.com/search"
method="get"> <table bgcolor="#ffffff"> <tbody> <tr> <td><a href="www.google.es/"
_fcksavedurl="www.google.es/" _fcksavedurl="www.google.es/"><img alt="Google"
align="absMiddle" border="0" src="http://www.google.com/logos/Logo_40wht.gif"
_fcksavedurl="http://www.google.com/logos/Logo_40wht.gif"
_fcksavedurl="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="Bsqueda Google" />
codigo para calendario:

----><center><table border="0" cellpadding="0" cellspacing="0" width="140" height="235"
background="http://www.creatupropiaweb.com/recursos/calendarios/cal_2_a.jpg">
<tr>
<td>
<p align="center"><img src="http://www.creatupropiaweb.com/recursos/calendarios/girl35.gif"
width="138" height="80"><br>
<br>
<script language="JavaScript">

</scr
pt> <
td> </tr
</table>
</center> <div alig
="center"
<center> <table border="0" cellpadding="0" cellspacing="0"
idth=
10">
<tr> <td> <p align="center"><a href="http://www.creatupropiaweb.com"><font size="1" colo
r="#CEDDF4" face="Times New Roman">CTPW</fon
></a><
td> </tr
</table> </ce
er>
< script>
mesk=new
Array();mesk[10]="A";mesk[11]="B";mesk[12]="C";mesk[13]="D";mesk[1
4]="E";mesk[15]="F";A=10;B=11;C=12;D=13;E=14;F=15;let="ABCDEF";fun
ction
mes(num){if(let.indexOf(num) != -1){return eval(num)};else{if(num
< 10){return eval(num)};else{return mesk[num]}}};

function color(begin,einde,stappen,stap){
hh1=(mes(begin.charAt(0))*16)+mes(begin.charAt(1));
pp1=(mes(einde.charAt(0))*16)+mes(einde.charAt(1));
if(hh1 < pp1){ff1=hh1+Math.floor((pp1-hh1)/stappen*stap);
ff1=eval("\'"+mes(Math.floor(ff1/16))+"\'")+eval("\'"+mes(ff1(Math.floor(ff1/16)*16))+"\'");}
;else{ff1=hh1-Math.floor((hh1-pp1)/stappen*stap);
;return ff1+ff2+ff3}
bum=0;bum2=0;txt=new Array();txt[0]="";function lightf(){
for(i=0;i !=
Math.floor(message.length/2);i++)
{txt[i]=color(lightcolor1,lightcolor2,Math.floor(message.length/2),i)};
for(i=Math.floor(message.length/2);i !=
message.length;i++)
{txt[i]=color(lightcolor2,lightcolor1,Math.floor(message.length/2),(iMath.floor(message.length/2)))};
lightf1()}
function
lightf1(){txt[message.length+1]="";bum2=message.length-bum;for(i=0;i !=
message.length;i++){if(i+bum
< message.length){txt[message.length+1]=txt[message.length+1]+"<font
color='#"+txt[(i+bum)]+"'>"+message.charAt(i)
+"</font>"};else{txt[message.length+1]=txt[message.length+1]+"<font
color='#"+txt[i-bum2]+"'>"+message.charAt(i)+"</font>"
}};if(bum !=
message.length){bum+
+;};else{bum=0};light.innerHTML=txt[message.length+1];setTimeout("light
f1()",50)}
< /script>
< /head>
< body bgcolor="#FFFFFF" background="globulos.jpg">
< !--inicio del body -->
< center><h1><div id="light"></div></h1>
< script>
lightcolor1="FF0000" // color
lightcolor2="33CC66" // color
message="Ttulo que cambia de colores" // introduce el texto
lightf()
< /script>
< /center>
< !--fin del body -->
Trucos y efectos de Javascript para usar en pginas web y Blogs
Pequea recopilacin de cdigos de JavaScript para copiar y pegar, para

insertar y usar en las pginas de un blog o sitio web. Permiten crear mensajes
interactivos, animaciones, efectos y funciones tiles. Ejemplos prcticos de
cmo usarlos.
Cdigos sencillos que permiten agregar interactividad y dinamismo a las

pginas y hacerlas ms interesantes y tiles a los usuarios.
Solo son algunos, posteriormente se seguirn agregando si despiertan el
inters de los lectores de este sitio.
Solo se incluyen cdigos sencillos, que consten dos o tres lneas como mximo,
que se puedan ser insertados inline, es decir directamente en el cdigo HTML
solo copiando y pegando.
El propsito y objetivo es que puedan ser de utilidad, interesantes o hasta
curiosos, adems que inciten y estimulen al aprendizaje del lenguaje Javascript
y HTML.
Todos trabajan perfectamente en cualquier navegador moderno y validan sea
cual sea la declaracin de la pgina, ya sea HTML4, XHTML o HTML5.
Si tienes un blog en Wordpress o Blogger, ms abajo puedes leer como
insertarlos.
Cdigos de Javascript para insertar en pginas y blogs
Las dos barras invertidas al comienzo de una lnea, significa que esta es
solo un comentario, se pueden eliminar completamente.
Mostrar mensajes de bienvenida y despedida en una pgina
Funcin muy utilizada para mostrar un saludo o bienvenida cuando el usuario

carga la pgina y es opcional mostrar otro cuando sale de la pgina o cierra el
navegador. Para eso se usan las funciones ONLOAD y ONUNLOAD.
<script type="text/javascript">
window.onload=function(){alert('Bienvenido a esta pagina');}
window.onunload=function(){alert('Vuelva en otro momento');}
</script>
Si la pagina utiliza el evento onload para iniciar otras funciones es necesario
incluir la anterior de la siguiente forma: prrafo con un identificador nombrado:
'link1' (puedes darle otro nombre):
window.onload = function()
{
funcion1(){alert('Bienvenido a esta pagina');}
funcion2();
funcion3();
}
</script>
Aadir efectos a los vnculos

1- Muestra un cuadro de alerta con un mensaje al poner el ratn encima de un
vnculo. Prubalo: Vnculo
<a href="http://tu-sitio.com"
onmouseover="javascript:alert('Mensaje');return false">Vnculo</a>
2- Muestra un mensaje de alerta al hacer clic sobre un vnculo, antes de enviar
al usuario al destino. Prubalo: Vnculo
<a href="http://tu-sitio.com"
onclick="javascript:alert('Mensaje');">Vnculo</a>
3- Aumenta el tamao del texto del vnculo al poner el ratn encima, al quitarlo
restaura el texto a su tamao original. Prubalo: Vnculo
<div id="vinc"><a href="http://tu-sitio.com"
onmouseover="javascript:
void(document.getElementById('vinc').style.fontSize='3em')"
onmouseout="javascript:
void(document.getElementById('vinc').style.fontSize='1em')">
Vnculo</a></div>
4- Mensaje de confirmacin antes de enviar el usuario a una pgina. Prubalo:
Vnculo
<a href="javascript:if (confirm('Quieres entrar a NorfiPC?'))
{parent.location='http://norfipc.com/index.html';};">Vnculo</a>
Contador de visitantes engaoso.

Script curioso pero engaoso para exagerar la supuesta cantidad de visitantes
de una pagina.
Usted es el visitante 5753 de esta pgina.

var ran
ran = Math.round(Math.random()*50000)
document.write("Usted es el visitante " + ran + " de esta
pgina.")
</script>
Botn para imprimir pgina
<input type="button" value="Imprime esta pgina"

onclick="window.print()">
Crear restricciones al uso del ratn
Deshabilitar el uso del clic derecho por completo
document.oncontextmenu = function(){return false}
</script>
Impedir la seleccin y la copia de texto en una pgina

window.onload = function()
// Para internet Explorer
{document.onselectstart = function(){return false;}
// Para Firefox
document.onmousedown = function(){return false;}}
</script>
Accin al dar un clic derecho

Mostrar un mensaje o ejecutar otra accin al dar un clic derecho.
//<![CDATA[
function right(e) {
if (navigator.appName == 'Netscape' && e.which == 3) {
alert('Prohibido clic derecho');
return false;}else
if (navigator.appName == 'Microsoft Internet Explorer'
&& event.button==2) {
alert('Prohibido clic derecho');return false;}return true;}
document.onmousedown = right;
//]]>
</script>
Varios
Mostrar la fecha y hora

Mostrar la fecha y hora en la barra de estado con un mensaje. (Solo Internet
Explorer)
function hora() {
var DateString=(new Date()).toString();
self.status=DateString.substring(0,3+DateString.lastIndexOf(':'))
"Cualquier mensaje";
setTimeout("hora()",200);}
hora()
</script>
Ms informacin: Como mostrar la fecha y hora en las pginas web usando
Javascript
Identificar el navegador del usuario

Cdigo Browser Sniffer, identifica el navegador del usuario y lo enva a la
pgina preparada para dicho navegador.
if(navigator.appName.indexOf("Netscape") != -1){
location="netscape.html";}
if(navigator.appName.indexOf("Microsoft Internet Explorer") != -1)
{
location="internet-explorer.html";}
</script>
Establecer como pgina de inicio

Propone al usuario establecer esta pgina como su pgina de inicio (Solo
Internet Explorer)
<a href="javascript:if
(document.all)
{document.body.style.behavior='url(#default#homepage)';
document.body.setHomePage('http://norfipc.com');};">
Hazme tu pgina de inicio</a>
Guardar una pgina en los favoritos del navegador

Vinculo que permite al lector agregar una pgina a sus favoritas.
Se usa un cdigo Browser Sniffer o sea si el navegador es Internet Explorer se
ejecuta una funcin diferente que si es Firefox.
<a href="javascript:if(navigator.appName.indexOf('Microsoft
Internet Explorer')!=-1){window.external.AddFavorite
(''+window.document.URL,''+window.document.title);}
if(navigator.appName.indexOf('Netscape')!=-1)
{window.sidebar.addPanel(''+window.document.title,''+window.docume
nt.URL,'')} else{parent.location=(location.href);}">Guardar</a>
Se mostrar de la siguiente forma:
Agrega esta pgina en tus favoritas en el siguiente link:
Guardar
Texto parpadeante
Hola!
Si deseas insertarle un vnculo al texto parpadeante utiliza el segundo DIV,
(solo puede existir en el cdigo in ID nico).
window.setInterval (BlinkIt, 500);
var color = "red";
function BlinkIt () {
var blink = document.getElementById ("blink");
color = (color == "#ffffff")? "red" : "#ffffff";
blink.style.color = color;
blink.style.fontSize='36px';}
</script>
<div id="blink">Hola!</div>
<div id="blink" onclick="parent.location='http://norfipc.com'">
Hola!</div>
Vnculo para sugerir una pgina

Permite sugerir una pgina, enviando por email su ttulo y URL.
<a href="javascript:location.href='mailto:?SUBJECT=Te%20sugiero:
'+document.title+'&BODY='+escape(location.href);void 0">
Sugerir esta pgina</a>
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="+document.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
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>
Insertar 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 .
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 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:
<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>
Crear un PopUp:
Abrir una pequea ventana con una imagen. Podemos darle las medidas que queramos
cambiando "Width" y "Height".
<a name="1"></a><A
onclick="window.open('MiFoto.jpg','Estructuras','toolbar=no,location=no,scr
ollbars=yes,directories=
no,status=no,menubar=no,resizable=no,width=400,height=475');"
href="#1"><b><font face="Verdana" size="2">Ejemplo</font></b></a>
Otra barra con mas colores:

A continuacin veremos otro cdigo para ponerle color a la barra de desplazamiento,
en este caso vamos a poder personalizar los colores de la barra, del fondo y los bordes.
Reemplazar los nombres de los colores por otros o por los cdigo de letras y nmeros.
Mas abajo est la tabla de colores.
<style>
< !-body { scrollbar-face-color: darkgreen ;
scrollbar-shadow-color: yellow;
scrollbar-highlight-color: violet;
scrollbar-3dlight-color: navy;
scrollbar-darkshadow-color: magenta;
scrollbar-track-color: blue;
scrollbar-arrow-color: black }
-->
< /style>
Observacin: para ver este truco, es necesario tener instalada las ltimas versiones de
los navegadores. Preferentemente Internet Explorer 6.
Abrir un link de una imagen en una

ventana nueva:
Con este cdigo podemos insertar una imagen (ej. banner) y que al hacer click sobre
ella se abra el link de destino en una ventana nueva. Primero ponemos la ruta del link
de destino, y luego la ruta donde est alojada la imagen. Si est alojada en la raz de
nuestro servidor solo ponemos el nombre y listo.
<a href="http://www.CheNico.com" target="_blank"><img
src="imagen.gif" border=0></a>
Hora y texto en la barra de estado:
Con este truco, podemos hacer que aparezca en la barra de estado la hora de la PC
que entra a nuestra Web y poner el texto que queramos.
< !-mensaje=" |======| www.CheNico.com "
function hora() {
var h = new Date();
window.status="|======| "
+ h.getHours() +":"+ h.getMinutes() +"" +mensaje ;
window.setTimeout('hora()',100);
}
hora()
//-->
< /script>
Botn animado:
Aprend a dar movimiento a tu pgina con botones animados por Java Script. Cada
botn puede llevar a un enlace distinto. Slo tienes que configurar los parmetros
"lineArr" y "urlArr" del script, que permiten destacar cosas en tu pgina.
<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] = "Pauluk Computacin"
urlArr[1] = "http://www.CheNico.com"
lineArr[2] = "Trucos PC"
urlArr[2] = "http://www.pauluk.8k.com/trucosprin.htm"
lineArr[3] = "Noticias Tecnolgicas y Actualidad"
urlArr[3] = "http://www.pauluk.8k.com/noticias.htm"
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>
Letrero de mensajes:
Este es un efecto muy fcil de lograr y muy funcional para tu pgina. Pods definir
cuntos textos y enlaces quieras. Ellos se destacarn y tu pgina quedar mucho ms
dinmica. Pods ver cmo personalizar este recurso al final de esta pgina. Es mejor
que Java ya que es mucho ms liviano y rpido de cargarse, y no necesita archivos
adicionales.
Para incluir este recurso en tu pgina debes seguir dos pasos:
Paso 1: Incluye el siguiente cdigo en tu etiqueta "<BODY>", agrega un espacio
despus del ltimo parmetro e incluye:
onload="if (document.all||document.layers) {regenerate2();update()}"
Observa un ejemplo sencillo de cmo quedara la etiqueta:
<body onload="if (document.all||document.layers)

{regenerate2();update()}">
Paso 2: Pega en tu pgina HTML el siguiente cdigo personalizando las partes

indicadas:
<style>
< !-#mensagem{
position:relative;
layer-background-color:black;
width:400;
height:12;
}
#submensagem{
background-color:black;
position:absolute;
border: 1px solid black;
width:400;
height:12;
}
.submensagemfont{
font:bold 12px Verdana;
text-decoration:none;
color:white;
}
.submensagemfont a{
top:0;
color:white;
text-decoration:none;
}
-->
< /style>
< div id="mensagem">
< div id="submensagem" class="submensagemfont">Iniciando...</div>
< /div>
var speed=4500
var textos=new Array()
textos[0]="<center><a href='Enlace1 Aqu'>Descripcin del enlace1
aqu</a></center>"
aqu</a></center>"
aqu</a></center>"
i=0
if (document.all)
tickerobject=document.all.submensagem.style
else
tickerobject=document.mensagem.document
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",450)
}
function update(){
BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10);
if (document.layers){
document.mensagem.document.submensagem.document.write('<span
class="submensagemfont">'+textos[i]+'</span>')
document.mensagem.document.submensagem.document.close()
}
else
document.all.submensagem.innerHTML=textos[i]
if (i<textos.length-1)
i++
else
i=0
setTimeout("update()",speed)
}
function BgFade(red1, grn1, blu1, red2,
grn2, blu2, steps) {
sred = red1; sgrn = grn1; sblu = blu1;
ered = red2; egrn = grn2; eblu = blu2;
inc = steps;
step = 0;
RunFader();
}
function RunFader() {
var epct = step/inc;
var spct = 1 - epct;
tickerobject.bgColor =
Math.floor(sred * spct + ered *
epct)*256*256 +
Math.floor(sgrn * spct + egrn * epct)*256 +
Math.floor(sblu * spct + eblu * epct);
else
tickerobject.backgroundColor=
Math.floor(sred * spct + ered *
epct)*256*256 +
Math.floor(sgrn * spct + egrn * epct)*256 +
Math.floor(sblu * spct + eblu * epct);
if ( step < inc ) {
setTimeout('RunFader()',50);
}
step++;
}
< /script>
Pantalla que tiembla:

Al insertar este cdigo, cada vez que entremos en la Web se producir una especie de
terremoto en el explorador. Un efecto interesante para atraer la atencin de nuestros
visitantes.
<html>
< head>
< title>www.CheNico.com</title>
< meta http-equiv="Content-Type" content="text/html; charset=iso-88591">
< /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("www.CheNico.com");
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("www.CheNico.com");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
< /script>
< /body>
< /html>
Registrate y obten Publicidad para tu Web
Botn Colorido:
Cansado del botn siempre gris? Ahora con CSS pods definir cualquier color para tus
botones. Ellos combinarn ms con tu pgina y son muy fciles de crear.
Copia el cdigo que sigue y pegalo dentro de la etiqueta de formulario de tu pgina:
<input type="submit" name="button" value="www.CheNico.com"

style="color: #000000; background-color: #FF9900">
Texto que sigue al mouse:
Hac que un texto cualquiera siga al mouse del visitante en tu pgina. Es un efecto
fabuloso y fcil de incluir en las pginas
Incluye el siguiente cdigo en tu pgina HTML:
<style>
.animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;fontfamily:Arial;font-weight:bold;color:black;}
< /style>
< script language=JavaScript>
var x,y
var tempo=10
var espera=0
var texto="www.CheNico.com"
texto=texto.split("")
var xpos=new Array()
for (i=0;i<=texto.length-1;i++) {
xpos[i]=-50
}
var ypos=new Array()
ypos[i]=-50
}
function seguir(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
espera=1
}
function animar_cursor() {
if (espera==1 && document.all) {
for (i=texto.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+tempo
ypos[i]=ypos[i-1]
}
xpos[0]=x+tempo
ypos[0]=y
for (i=0; i<texto.length-1; i++) {
var camada = eval("span"+(i)+".style")
camada.posLeft=xpos[i]
camada.posTop=ypos[i]
}
}
else if (espera==1 && document.layers) {
for (i=texto.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+tempo
ypos[i]=ypos[i-1]
}
xpos[0]=x+tempo
ypos[0]=y
for (i=0; i<texto.length-1; i++) {
var camada = eval("document.span"+i)
camada.left=xpos[i]
camada.top=ypos[i]
}
}
var timer=setTimeout("animar_cursor()",30)
}
< /script>
< script Language=JavaScript>
document.write("<span id='span"+i+"' class='animado'>")
document.write(texto[i])
document.write("</span>")
}
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = seguir;
animar_cursor()
< /script>
Imagen volando por la pantalla:

Este efecto hace que cualquier imagen que elijas quede "paseando" por la pantalla,
siendo un recurso excelente tanto para llamar la atencin por alguna novedad en tu
sitio como para darle ms movimiento a la pgina.
Copi y peg el siguiente cdigo en tu pgina HTML.
Record que la imagen debe estar en el mismo directorio de tu pgina html.
<SCRIPT language="JavaScript1.2">
var imagem="Ingresa el nombre del archivo de imagen aqu"
{document.write("<LAYER NAME='animacao' LEFT=10 TOP=10><img
src='"+imagem+"' ></LAYER>")}
else if (document.all){document.write("<div id='animacao'
style='position:absolute;top:10px;left:10px;width:17px;height:22px;zindex:50'><img src='"+imagem+"'></div>")}
conta=-1;
move=1;
function curva(){
abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6)
for (i=0; i < abc.length; i++)
{var C=Math.round(Math.random()*[i])}
iniciar=abc[C];
setTimeout('curva()',1900);
return iniciar;
}
ypos=10;
xpos=10;
movimento = 60;
function moveR(){
caminho=movimento+=iniciar;
y = 4*Math.sin(caminho*Math.PI/180);
x = 6*Math.cos(caminho*Math.PI/180);
ypos+=y;
xpos+=x;
document.animacao.top=ypos+window.pageYOffset;
document.animacao.left=xpos+window.pageXOffset;
}
else if (document.all){
ypos+=y;
xpos+=x;
document.all.animacao.style.top=ypos+document.body.scrollTop;
document.all.animacao.style.left=xpos+document.body.scrollLeft;
}
T=setTimeout('moveR()',50);
}
function edges(){
if (document.animacao.left >= window.innerWidth40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5)
;
if (document.animacao.top >= window.innerHeight30+window.pageYOffset)movimento=Math.round(Math.random()*45-112.5);
if (document.animacao.top <= 2+window.pageYOffset) movimento =
Math.round(Math.random()*45+67.5);//OK!
if (document.animacao.left <= 2+window.pageXOffset) movimento =
Math.round(Math.random()*45-22.5);//OK!
}
else if (document.all)
{
if (document.all.animacao.style.pixelLeft >= document.body.offsetWidth45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+1
57.5);
if (document.all.animacao.style.pixelTop >= document.body.offsetHeight35+document.body.scrollTop)movimento=Math.round(Math.random()*45112.5);
if (document.all.animacao.style.pixelTop <= 2+document.body.scrollTop)
movimento = Math.round(Math.random()*45+67.5);//OK!
if (document.all.animacao.style.pixelLeft <= 2+document.body.scrollLeft)
movimento = Math.round(Math.random()*45-22.5);//OK!
}
setTimeout('edges()',100);
}
function efeito(){
curva();
moveR();// onUnload="opener.gO()"
edges();
}
if (document.all||document.layers)
efeito()
< /script>
Texto en expansin:
Coloc en tu pgina mensajes animados que se agrandan y llaman la atencin de los
visitantes. Adems, incluyen enlaces hacia donde vos quieras.
Copi el siguiente cdigo y pegalo en tus pginas debajo de la etiqueta <Body>.
var velocidade = 45;
var ciclo = 2000;
var tamanho = 20;
var x = 0;
var y = 0;
var mensagens, size;
var esize = "</font>";
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
var mensagens2 = new initArray(
"Visita",
"www.CheNico.com",
"webmaster@pauluk.8k.com"
);
if(navigator.appName == "Netscape")
document.write('<layer id="wds"></layer><br>');
if (navigator.appVersion.indexOf("MSIE") != -1)
document.write('<span id="wds"></span><br>');
function aumenta(){
mensagens = mensagens2[y];
if (x < tamanho) {
x++;
setTimeout("aumenta()",velocidade);
}
else setTimeout("diminui()",ciclo);
if(navigator.appName == "Netscape") {
size = "<font face=arial color=#000099 point-size='"+x+"pt'>";
document.wds.document.write(size+"<center><a
href=http://www.CheNico.com Target=_blank style=textdecoration:none;color:#000099>"+mensagens+"</a></center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<font face=arial color=#000099><center><a
href=http://www.CheNico.com Target=_blank style=textdecoration:none;color:#000099>"+mensagens+"</a></center></font>";
wds.style.fontSize=x+'px'
}
}
function diminui(){
if (x > 1) {
x--;
setTimeout("diminui()",velocidade);
}
else {
setTimeout("aumenta()",ciclo);
y++;
if (y > mensagens2.length - 1) y = 0;
}
if(navigator.appName == "Netscape") {
size = "<font face=arial color=#000099 point-size='"+x+"pt'>";
document.wds.document.write(size+"<center><a
href=http://www.CheNico.com Target=_blank style=textdecoration:none;color:#000099>"+mensagens+"</a></center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<font face=arial color=#000099><center><a
href=http://www.CheNico.com Target=_blank style=textdecoration:none;color:#000099>"+mensagens+"</a></center></font>";
wds.style.fontSize=x+'px'
}
}
setTimeout("aumenta()",velocidade);
< /script>
Pgina protegida por clave:

Este es un excelente recurso. Pods proteger tus pginas con una clave. As pods
definir exactamente quienes entrarn a tu pgina. No tens que preocuparte por
configuraciones. Es muy sencillo: la clave siempre ser el nombre de tu pgina sin la
extensin .htm, es decir, si la pgina tiene el nombre de "ejemplo.htm", la clave ser
"ejemplo". Ves que fcil?.
Para tener este recurso en tu sitio debes incluir un cdigo en la pgina de "entrada"
en donde el visitante ingresar la clave, y enviar a tu sitio el archivo de la pgina 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>
Cambiar el color de la barra de desplazamiento al pasar el

mouse:
Con este truco pods hacer que adems de cambiar el color clsico gris de la barra de
desplazamiento por otro, hacer que cuando el mouse se pose sobre ella cambie a otro
color. Cambiando los nmeros y letras en verde variaran los colores. Probalo pasando
por la barra de la derecha!.
< !-function scrollBar(line,face,theme)
{
if (!line||!face)
{
line=null;
face=null;
switch(theme)
{
case "blue":
var line="black";
var face="#6699FF";
break;
}
}
with(document.body.style)
{
scrollbarDarkShadowColor=line;
scrollbar3dLightColor=line;
scrollbarArrowColor="black";
scrollbarBaseColor=face;
scrollbarFaceColor=face;
scrollbarHighlightColor=face;
scrollbarShadowColor=face;
scrollbarTrackColor="#FFFFFF";
}
}
function colorBar(){
var w = document.body.clientWidth;
var h = document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
if(x>w) scrollBar('#000080','#E58D28');
else scrollBar(null,null,"blue");
}
if (document.all){
scrollBar(null,null,"blue");
document.onmousemove=colorBar;
}
//-->
< /script>"#6699FF";
break;
}
}
with(document.body.style)
{
scrollbarDarkShadowColor=line;
scrollbar3dLightColor=line;
scrollbarArrowColor="black";
scrollbarBaseColor=face;
scrollbarFaceColor=face;
scrollbarHighlightColor=face;
scrollbarShadowColor=face;
scrollbarTrackColor="#FFFFFF";
}
}
function colorBar(){
var w = document.body.clientWidth;
var h = document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
if(x>w) scrollBar('#000080','#E58D28');
else scrollBar(null,null,"blue");
}
if (document.all){
scrollBar(null,null,"blue");
document.onmousemove=colorBar;
}
//-->
< /script>
Cambiar el color de la barra de desplazamiento:

Con ste cdigo van a conseguir cambiar el clsico color gris de la barra de
desplazamiento de la derecha y abajo por el color que quieran. Para cambiar de
colores, cambien el nmero 000000 por otros, cada color tiene su nmero, pero la lista
es muy larga, as que prueben con los nmero que ya van a encontrar el deseado.
<style>
< !-BODY { scrollbar-base-color : #000000;
scrollbar-arrow-color : #FFFFFF; }
.nav {
color : #FFCC00;
font-size : 8pt;}
-->
< /style>
Reloj - formato texto:

Este es otro tipo de reloj que tambin cuenta los segundos y que puede utilizar texto.
Es muy fcil incluirlo en tu pgina. Siempre que un usuario acceda a tu sitio el efecto
ser iniciado.
Paso 1: Para que el recurso se inicie junto con la pgina, debes incluir dentro de la
etiqueta <body> el parmetro de inicio. Agreg un espacio despus del ltimo
parmetro e incluye:
Onload="show5()"
Observa un ejemplo sencillo de cmo queda la etiqueta:
<body Onload="show5()">
Atencin! Sin eso tu reloj no funcionar.
Paso 2: Incluye el siguiente cdigo en tu pgina despus de la etiqueta <body>.
<Font face=Verdana><span id=relogio style="POSITION:

absolute"></span>
< Script Language=JavaScript>
< !-function show5(){
if (!document.layers&&!document.all)
return
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="AM"
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
meurelogio="<font size='5' face='Arial'><b>"+hours+":"+minutes+":"
+seconds+" "+dn+"</b></font>"
document.layers.relogio.document.write(meurelogio)
document.layers.relogio.document.close()
}
else if (document.all)
relogio.innerHTML=meurelogio
setTimeout("show5()",1000)
}
//-->
< /script>
< /font>
Poniendo fecha en tu sitio:

Aprend a incluir la fecha en tu sitio sin necesidad de actualizarla cada da. Slo tens
que usar un JavaScript que automticamente exhibir la fecha del da en tu pgina
cada vez que sta se abra.
No tens que preocuparte con ninguna configuracin. Slo tens que copiar y pegar el
cdigo en tu pgina.
< !-mydate = new Date();
myday = mydate.getDay();
mymonth = mydate.getMonth();
myweekday= mydate.getDate();
weekday= myweekday;
if(myday == 0)
day = " Domingo, "
else if(myday == 1)
day = " Lunes, "
else if(myday == 2)
day = " Martes, "
else if(myday == 3)
day = " Mircoles, "
else if(myday == 4)
day = " Jueves, "
else if(myday == 5)
day = " Viernes, "
else if(myday == 6)
day = " Sbado, "
if(mymonth == 0)
month = "Enero "
else if(mymonth ==1)
month = "Febrero "
month = "Marzo "
month = "Abril "
month = "Mayo "
month = "Junio "
month = "Julio "
month = "Agosto "
month = "Setiembre "

month = "Octubre "
month = "Noviembre "
month = "Diciembre "
document.write("<font face=arial, size=1>"+ day);
document.write(myweekday+" de "+month+ "</font>");
// -->
< /script>
Mensaje de bienvenida:
Con este recurso personalizs tu sitio para el visitante. Al entrar, el visitante ver un
espacio para ingresar su nombre y un mensaje que dice "Hola, Fulano".
Copi el siguiente cdigo y pgalo donde quieras que aparezca el mensaje:
<Script language="JavaScript">
mensagem = prompt("Por favor, ingresa tu nombre",'');
if (mensagem==null) {
document.write("Hola, visitante!")
}else{
if (mensagem=='') {
document.write("<b><font face=arial size=2 color=#000000>Hola,
visitante!</font></b>")
}else{
document.write("<b><font face=arial size=2
color=#000000>Hola"+mensagem+"! Bienvenido a mi sitio</font></b>");
}
}
< /script>
Atrs y Adelante:
Atrs:
<a href="javascript:history.go(-1)">Atrs </a>
Adelante:
<a href="javascript:history.go(1)">Adelante</a>
Imprimir pagina actual:

<a href="javascript:print()">Imprimir</a>
Cartel de novedades:
Este efecto te permite tener un cartel o letrero de mensajes incluyendo enlaces para tu
sitio. Los mensajes van cruzando la pantalla como si fueran noticias; es un recurso
excelente para destacar caractersticas especiales de tu sitio. Cada mensaje tendr un
enlace
Paso 1: Copi el siguiente cdigo y pegalo en tu pgina:
var largura=150
var altura=120
var bgcolor='white'
var fundo=''
var mensagens=new Array()
mensagens[0]="<center><font face='Arial' size=2><a href='Coloca
direccin de la pgina 1 aqu'>Coloca el texto del enlace 1
aqu</a></font></center>"
la
la
la
la
mensagens[4]="<center><font face='Arial' size=2><a href='Coloca la
if (mensagens.length>1)
i=2
else
i=0
function mover1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("mover1(tlayer)",3000)
setTimeout("mover2(document.principal.document.segundo)",3000)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("mover1(tlayer)",100)
}
else{
tlayer.top=altura
tlayer.document.write(mensagens[i])
tlayer.document.close()
if (i==mensagens.length-1)
i=0
else
i++
}
}
function mover2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("mover2(tlayer2)",3000)
setTimeout("mover1(document.principal.document.primeiro)",3000)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("mover2(tlayer2)",100)
}
else{
tlayer2.top=altura
tlayer2.document.write(mensagens[i])
tlayer2.document.close()
i=0
else
i++
}
}
function mover3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("mover3(tdiv)",3000)
setTimeout("mover4(segundo2)",3000)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("mover3(tdiv)",100)
}
else{
tdiv.style.pixelTop=altura
tdiv.innerHTML=mensagens[i]
i=0
else
i++
}
}
function mover4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("mover4(tdiv2)",3000)
setTimeout("mover3(primeiro2)",3000)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("mover4(segundo2)",100)
}
else{
tdiv2.style.pixelTop=altura
tdiv2.innerHTML=mensagens[i]
i=0
else
i++
}
}
function iniciar(){
if (document.all){
mover3(primeiro2)
segundo2.style.top=altura
segundo2.style.visibility='visible'
}
else if (document.layers){
document.principal.visibility='show'
mover1(document.principal.document.primeiro)
document.principal.document.segundo.top=altura+5
document.principal.document.segundo.visibility='show'
}
}
< /script>
< table width="150" border="1" cellspacing="1" cellpadding="0">
< tr>
< td>
< ilayer id="principal" width=&{largura}; height=&{altura};
bgColor=&{bgcolor}; background=&{fundo}; visibility=hide>
< layer id="primeiro" left=0 top=1 width=&{largura};>
document.write(mensagens[0])
< /script>
< /layer>
< layer id="segundo" left=0 top=0 width=&{largura}; visibility=hide>
< /script>
< /layer>
< /ilayer>
if (document.all){
document.writeln('<span id="principal2"
style="position:relative;width:'+largura+';height:'+altura+';overflow:hiden;b
ackground-color:'+bgcolor+' ;background-image:url('+fundo+')">')
document.writeln('<div
style="position:absolute;width:'+largura+';height:'+altura+';clip:rect(0
'+largura+' '+altura+' 0);left:0;top:0">')
document.writeln('<div id="primeiro2"
style="position:absolute;width:'+largura+';left:0;top:1;">')
document.writeln('</div>')
document.writeln('<div id="segundo2"
style="position:absolute;width:'+largura+';left:0;top:0;visibility:hidden">')
document.writeln('</span>')
}
iniciar()
< /script>
< /td>
< /tr>
< /table>>
Personalizando: Para cambiar el color de fondo o incluir una imagen de fondo,

observa esta parte del cdigo:
var
var
var
var
largura=150
altura=120
bgcolor='white'
fundo=''
Donde dice "white" pods ingresar el valor hexadecimal del nuevo color; por ejemplo:
#FFCC00
En "fondo" pods colocar el nombre de la imagen de fondo del letrero; por ejemplo:
var
var
var
var
largura=150
altura=120
bgcolor='white'
fundo='Nombre del archivo de imagen'
Para incluir ms mensajes en el letrero, observ que el ltimo mensaje aparece de la

siguiente forma:

Slo tens que agregar una unidad al nmero indicado al final del mensaje. Por
ejemplo:

Segu hasta llegar al nmero total de mensajes que desees incluir.
Barra de estado fija:

Pods colocar la palabra o el mensaje que quieras en la barra de estado de tu sitio y
mantenerlo fijo. De esta forma tu sitio quedar mucho ms personalizado, adems de
contar con otras ventajas. Por ejemplo: el visitante no ver la direccin del enlace al
que est apuntando, slo el mensaje definido por vos.
<Script language="JavaScript">
statuss();
function statuss()
{
window.status = "www.pauluk.8k.com - Un Sitio. Muchas Opciones.";
setTimeout("statuss()", 1);
}
< /script>
Saludo al visitante:
Puedes poner en tu sitio un mensaje personalizado segn la hora en que el visitante
entre. Este puede recibir el saludo "Buen da", "Buenas tardes", "Buenas noches",
o puedes sustituirlos por otros mensajes de tu preferencia. De esta forma el visitante
ver el mensaje de acuerdo con el horario que entre a tu pgina.
< 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!")
}
document.write("Buenas tardes!")
}
if((today.getHours() >=20) && (today.getHours() < =23)){
document.write("Buenas noches!")
}
}
}
// -->
< /script>
< /b></font>
Texto animado:
Con este recurso puedes hacer que cualquier texto tenga movimiento en tu pgina. Es
ideal para destacar tu logo o lo que vos prefieras.

< !-done = 0;
step = 4
function anim(yp,yk)
{
if(document.layers) document.layers["texto"].top=yp;
else document.all["texto"].style.top=yp;
if(yp>yk) step = -4
if(yp<60) step = 4
setTimeout('anim('+(yp+step)+','+yk+')', 35);
}
function start()
{
if(done) return
done = 1;
if(navigator.appName=="Netscape") {
document.texto.left=innerWidth/2 - 145;
anim(60,innerHeight - 60)
}
else {
texto.style.left=11;
anim(60,document.body.offsetHeight - 60)
}
}
// --></script>
< div id="texto" style="position: absolute; top: -50; color: #FF8000; fontfamily: Arial, Helvetica; font-weight:bold; font-size:40px;">
< p><font face="Arial, Helvetica, sans-serif" size="3"><b><font size="6"
color="#990000">INGRESA TU TEXTO AQUI</font></b></font></p>

< /div>
< !-setTimeout('start()',10);
//-->
< /script>
Texto de apertura:
Este es un recurso muy interesante. Pods lograr que, al entrar a tu pgina, el usuario
vea un mensaje de bienvenida o cualquier otro que configures. Luego, el usuario es
llevado automticamente a la pgina que t definas.
Para tener este recurso en tu pgina, slo debes copiar el siguiente cdigo, pegarlo en
tu editor y guardar la pgina como principal. De esta forma, al entrar a tu pgina, los
visitantes vern los mensajes y luego sern llevados a la pgina que t definas. Es
muy fcil configurar este recurso. Basta con alterar las reas destacadas en negrito en
el cdigo. Si tienes problemas con algn editor HTML que no reconozca el cdigo, copia
y pega este cdigo en el bloc de notas del Windows u otro editor de texto y no olvides
guardarlo con extensin html.
< HTML>
< HEAD>
< TITLE>Ingresa el ttulo aqu</TITLE>
< SCRIPT LANGUAGE = "JavaScript">
function makeArray() {
this.length = makeArray.arguments.length;
for (var i = 0; i < this.length; i++)
this[i + 1] = makeArray.arguments[i];
}
function makeSlideShow (obj, wait, pre, url) {
this.curText = '';
this.posit = 1;
this.word = obj;
this.length = obj.length;
this.pre = pre;
this.wait = wait;
this.url = url;
this.display = displaySlideShow;
}
function displaySlideShow() {
if (this.posit <= this.length) {
this.curText = this.word[this.posit]
outStringWord = blankFrameTop + this.pre + this.curText +
blankFrameBottom;
parent.draw.location = 'javascript:parent.outStringWord';
this.posit++;
}
else {
doneLoop = true;
top.location = this.url;
}
}
function displayLoop() {
if (!doneLoop) reDraw = setTimeout('displayLoop()', wordIntro.wait);
wordIntro.display();
}
var words = new makeArray ('Ingresa el primer texto aqu', 'Ingresa el
segundo texto aqu', 'Ingresa el tercer texto aqu', 'Ingresa el cuarto texto
aqu', 'ABRIENDO EL SITIO... ');
var wordIntro = new makeSlideShow (words, 2500,
'<CENTER><BR><BR><BR><BR><BR><BR><BR><BR><FONT SIZE = 5>',
'Ingresa aqu el URL de la pgina que aparecer');
var blankFrameTop = '<HTML><BODY BGCOLOR = "#000000" TEXT =
"#FFFFFF">';
var blankFrameBottom = '</BODY></HTML>';
var blankFrame = blankFrameTop + blankFrameBottom;
var doneLoop = false;
< /SCRIPT>
< /HEAD><FRAMESET onLoad = "displayLoop()" ROWS = "100%, *"
FRAMEBORDER = NO BORDER = 0>
< FRAME
SCROLLING=AUTO
SRC = "javascript:parent.blankFrame"
NAME = "draw"
MARGINWIDTH = 2
MARGINHEIGHT = 2>
< /FRAMESET>
< /HTML>
Texto en la barra de estado:
Con este recurso pods incluir varios mensajes, novedades y noticias sobre tu sitio. Es
una forma de destacar lo que quieras y tambin de agregar un efecto diferente a tu
sitio.
< script LANGUAGE="JavaScript">

< !-var speed = 10
var pause = 1500
var timerID = null
var bannerRunning = false
var ar = new Array()
ar[0]
ar[1]
ar[2]
ar[3]
ar[4]
=
=
=
=
=
"Ingresa
"Ingresa
"Ingresa
"Ingresa
"Ingresa
aqu
aqu
aqu
aqu
aqu
el
el
el
el
el
primer texto "

segundo texto"
tercer texto"
cuarto texto"
quinto texto"
var message = 0
var state = ""
clearState()
function stopBanner() {
if (bannerRunning)
clearTimeout(timerID)
timerRunning = false
}
function startBanner() {
stopBanner()
showBanner()
}
function clearState() {
state = ""
for (var i = 0; i < ar[message].length; ++i) {
state += "0"
}
}
function showBanner() {
if (getString()) {
message++
if (ar.length <= message)
message = 0
clearState()
timerID = setTimeout("showBanner()", pause)
}
else {
var str = ""
for (var j = 0; j < state.length; ++j) {

str += (state.charAt(j) == "1") ? ar[message].charAt(j) : " "
}
window.status = str
timerID = setTimeout("showBanner()", speed)
}
}
function getString() {
var full = true
for (var j = 0; j < state.length; ++j) {
if (state.charAt(j) == 0)
full = false
}
if (full) return true
while (1) {
var num = getRandom(ar[message].length)
if (state.charAt(num) == "0")
break
}
state = state.substring(0, num) + "1" + state.substring(num + 1,
state.length)
return false
}
function getRandom(max) {
var now = new Date()
var num = now.getTime() * now.getSeconds() * Math.random()
return num % max
}
// -->
< /script>
Paso 2: Ingresa el siguiente cdigo en la etiqueta <body> de tu pgina:

< Body onLoad="startBanner()">
Si ya existen otros parmetros en tu etiqueta body, slo agrega un espacio despus del
ltimo e incluye onLoad="startBanner()".
Este comando es importante para hacer que el texto aparezca en la barra de estado
inmediatamente al cargarse la pgina.
Efectos de transicin especiales:

Estos efectos de transicin son especiales porque con ellos tu pgina tendr una
apertura muy original, pero slo funcionarn con Internet Explorer. No tendrs
problemas para utilizar este recurso, ya que los usuarios de otros navegadores no
vern errores y la pgina se cargar normalmente.
Ingres el cdigo debajo de la etiqueta <body> de tu pgina.
<script language=javaScript>
var n = 15
fadeIn();
function fadeIn(){
var num=new
Array("FFFFFF","FFCC00","2","3","4","5","6","7","8","9","a","b","c","d","e",
"f","g")
for (var i=0; i<=n; i++){
for (var j=0; j<= n; j++){
color=num[i]+num[j]+num[i]+num[j]+num[i]+num[j]
document.bgColor=color
}}
document.bgColor="#FFFFFF"
}
< /script>
Men desplegable:
El men desplegable permite que coloques varios enlaces en un solo lugar. Con esto,
gans espacio y facilidad de navegacin. Este men no necesita un botn para
activarse. Basta con seleccionar el enlace y automticamente el navegador se dirigir a
la pgina. Este men funciona en pginas sin marcos.
Para crear tu men y personalizarlo, peg el siguiente cdigo en tu pgina HTML:
<form>
< select NAME="links"
onChange="top.location.href=this.form.links.options[this.form.links.selected
Index].value">
< option SELECTED>Elija la seccin que desee</option>
< option VALUE="http://www.pauluk.8k.com">Pauluk
Computacin</option>
< option VALUE="http://www.pauluk.8k.com/trucos.htm">Trucos
PC</option>
< option VALUE="http:/www.pauluk.8k.com/noticias.htm">Noticias

Tecnolgicas</option>
< /select>
< /form>
Instrucciones para personalizacin: Observ que cada opcin del men se hace
con la etiqueta:
<option VALUE="Ingresa el enlace aqu">Ingresa el nombre del enlace

aqu</option>
No alteres la siguiente etiqueta:
<select NAME="links"
onChange="top.location.href=this.form.links.options[this.form.links.selected
Index].value">
Si cambis algo en ella, tu men no funcionar correctamente.
Tu icono en la lista de los favoritos:

Este recurso es muy bueno pero slo funcionar en IE. Cuando alguien agrega tu
pgina a la lista de favoritos, aparece al lado del ttulo un pequeo icono de Internet
Explorer. Qu tal si colocas tu propio icono all? S: ms personalizacin para tu sitio.
Para que el icono aparezca en la lista de favoritos del usuario, tens que colocarlo,
primero, dentro de tu espacio y despus, incluir dentro de tus pginas una pequea y
simple lnea de cdigo que har que el mismo aparezca en la lista. Pods usar
cualquier icono que desees (no olvides que los archivos de icono tienen la
extensin .ICO, imgenes gif o jpg no pueden ser usadas).
Incluye el siguiente cdigo entre las etiquetas "<head>" y "</head>" de tu pgina:
<link rel="SHORTCUT ICON" href="CONO AQU">
Sonido de fondo en la pgina:
Pods incluir en tu pgina un sonido de fondo. De esta forma, siempre que alguien
acceda a tu pgina, escuchar dicho sonido. As pods darle ms personalidad a tu
sitio. Los archivos de sonido ideales para una homepage son aquellos en formato MIDI
(.MID), pero tambin pods incluir sonidos del tipo WAVE (.WAV).
Netscape e Internet Explorer presentan algunas diferencias en su sistema y, por lo

tanto, en algunas versiones de Netscape el sonido puede no ser escuchado.
La etiqueta para incluir sonido en tu pgina debe ser <EMBED>. Observ el ejemplo:
<embed src="nombre del tema" autostart="true" loop="10" width="1"

height="1"></embed>
- En "nombre del tema", ingress el nombre del tema mid o wav.

- En "loop", ingress el nmero de veces que el sonido ser repetido.
- En "autostart", defins si quers que el tema comience a sonar solo (atributo TRUE).
Si colocs "FALSE", el usuario tendr que hacer clic en el botn "play" para escuchar
el tema.
Actualizar:
La pgina "Actualizar" lleva al usuario a otra pgina sin que el mismo deba ejecutar
accin alguna. Funciona como un simple redireccionador.
<HTML>
< HEAD>
< META HTTP-EQUIV="REFRESH"
CONTENT="Segundos;URL=http://www.pauluk.8k.com">
< TITLE> Titulo </TITLE>
< /HEAD>
< BODY>
Cdigos HTML
< /BODY>
< /HTML>
En "segundos", colocs el tiempo que deseas que la pgina demore hasta

redireccionar el usuario al nuevo URL.
Agregar pgina a Favoritos:

Aprend a incluir en tu pgina un enlace para que los usuarios puedan agregarla
automticamente a los favoritos del navegador. El visitante slo tiene que hacer clic en
un enlace para que la pgina se incluya en su lista de favoritos.
<a
href="javascript:window.external.AddFavorite('http://www.pauluk.8k.com',
'Pauluk Computacion')"><small><font face="Verdana" size="1">
Agregar a favoritos</font></small></a>

Codigos HTML y CSS para diseñar tu pagina web

Uploaded by

Document Information

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 y CSS para diseñar tu pagina web

Uploaded by

Copyright:

Available Formats

Codigos HTML para tu pagina web

Hola a todos hoy les traigo unos condigos HTML para tu

codigo de contador de vicitas :

<object id="counters99" allowscriptaccess="always" type="application/x-shockwave-flash"

codigo reloj para tu web:

codigo para dejar tu pagina rectaa:

codigo para calendario:

document.write("<table border='0' bgcolor='ffffff' cellspacing='0' cellpadding='0'>"

for (var i=0; i<7; i++) {

document.write("<td width='17' height='17'>"

document.write("<div align='center'>" + week + "</div>"

for (var i=weeks; i>0; i--) {

for (var j=7; j>0; j--) {

if (inserted == dayN) document.write("<div align='center' >[" + inserted + "]</div>"

else document.write("<div align='center'>" + inserted + "</div>"

muevan: <marquee behavior=

/marquee> codigo para chat en

alt="" /><embed height="405" width="540" align="middle"

Sonidos o msica de fondo

La presencia de archivos sonoros en forma de MIDI o WAV puede servir

Otra "estratagema" para escuchar un archivo audio (SLO CON

< 10){return eval(num)};else{return mesk[num]}}};

Trucos y efectos de Javascript para usar en pginas web y Blogs

Pequea recopilacin de cdigos de JavaScript para copiar y pegar, para

Cdigos sencillos que permiten agregar interactividad y dinamismo a las

Cdigos de Javascript para insertar en pginas y blogs

Mostrar mensajes de bienvenida y despedida en una pgina

Funcin muy utilizada para mostrar un saludo o bienvenida cuando el usuario

Aadir efectos a los vnculos

Contador de visitantes engaoso.

Usted es el visitante 5753 de esta pgina.

Botn para imprimir pgina

<input type="button" value="Imprime esta pgina"

Crear restricciones al uso del ratn

Deshabilitar el uso del clic derecho por completo

Impedir la seleccin y la copia de texto en una pgina

Accin al dar un clic derecho

Mostrar la fecha y hora

Identificar el navegador del usuario

Establecer como pgina de inicio

Guardar una pgina en los favoritos del navegador

Vnculo para sugerir una pgina

Redireccionar una pgina:

Abrir una Web en Pop Up:

No dejar seleccionar el texto de nuestra

Horas restantes para finalizar el da:

tiempoAtras= (hora < 10) ? hora :hora;

Crear un Formulario o Libro de Visitas:

< TD><TEXTAREA rows=5 cols=30

Crear un Ttulo que cambia de colores:

Cuadro explicativo de los enlaces:

onmouseover="escribe(' Pgina principal\n ----------------\n\n Cuando hagas

Insertar un sonido o msica de fondo:

Crear un link para download:

Efecto nieve con cualquier imagen:

Subrayar un Link al pasar el mouse:

A:active {TEXT-DECORATION: none}

Transformar el cursor en una mira:

Tabla de colores HTML:

Comentario sobre un link en la barra de

Dificultar copia de pgina:

Establecer una pgina como inicio:

Enviar un e-mail con Asunto y Mensaje: