Plantilla para Tu Web Un Tono Cristalino

Plantilla Para Tu Web Un Tono Cristalino
Codigo:

<style type="text/css"> table.edit_main_table{width: 100% !important;} td.edit_main_tr{width: 100%
!important;} table.edit_second_table{width: 100% !important;} td.edit_header_full{width: 100%
!important;background-position:center;background-repeat:no-repeat; } td.edit_header_full
table{width: 100% !important;} table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;} table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;} td.edit_rechts_cbg{width:100%;} td.headline{visibility:
hidden;} td.shouty{color:#FFFFFF;background-image: url(URL);background-color:
transparent;border: 1px solid #FFFFFF;} td.shouty2{color:#FFFFFF;background-image:
url(URL);background-color: transparent;border: 1px solid #FFFFFF;}
td.shouty3{color:#FFFFFF;background-image: url(URL);background-color: transparent;border: 1px
solid #FFFFFF;} td.shouty4{color:#FFFFFF;background-image: url(URL);background-color:
transparent;border: 1px solid #FFFFFF;} td.shouty5{color:#FFFFFF;background-image:
url(URL);background-color: transparent;border: 1px solid #FFFFFF;} body{background-
attachment:fixed;} td.headline2{color: #FFFFFF;font-weight:bold;text-align: center;}
td.nav_heading{color: #FFFFFF;background-image: url(URL);background-color: transparent;}
td.sidebar_heading{color: #FFFFFF;background-color: transparent;background-image: url(URL);}
td.edit_content_top{height: 23px;background-image: url(URL);background-color: transparent;}
td.edit_content_bottom2{background-image: url(URL);background-color: transparent;color:
#FFFFFF} td.edit_content_bottom{background-image:url(URL);height: 38px;background-color:
transparent;} td.edit_content{background-image: url(URL);background-color: transparent;}
td.nav{background-image: url(http://img.webme.com/pic/t/thorsten-
designs/malu_button1.jpg);background-color: transparent;border: 0px solid #FFFFFF;background-
repeat:no-repeat;} td.nav:hover{background-image: url(http://img.webme.com/pic/t/thorsten-
designs/malu_button2.jpg);background-color: transparent;border: 0px solid #FFFFFF;background-
repeat:no-repeat;} body{background-image:url(http://img.webme.com/pic/t/thorsten-
designs/malu_hg.jpg);} td.edit_rechts_sbg{background-image: url(URL);visibility: hidden;position:
absolute;right: 0px;} td.edit_below_nav{visibility: hidden;} td.edit_rechts_bottom{background-image:
url(http://img.webme.com/pic/g/geldleicht-test/malu_nav-hg.jpg);background-color: transparent;}
td.edit_rechts_cbg{background-image: url(URL);background-color: transparent;}
td.edit_rb_footer{visibility: hidden;} td.nav a{font-size: 12px;color: #000000;}
td.edit_navi_headbg{background-image: url(http://img.webme.com/pic/g/geldleicht-test/malu_nav-
hg.jpg);background-color: transparent;border: 1px solid #FFFFFF;} a{text-decoration: none;}
a:hover{text-decoration: none;} </style> <div align="center"> <table border="0" width="80%"> <tr>
<td>

Para Cambiar Tu Mouse a Un Tono Electrico Rojo (Solo para IE)

Codigo:

<style>
body{
cursor:url(http://cuw.iespana.es/archivos/pun03.cur);}
</style><a href="http://www.mispoemasdeamor.es">

Con Este Codigo el Es Para que el Titulo Del Menu Se Mueva:
Imagen:
Con Este Codigo el Es Para que el Titulo Del Menu Se Mueva:
Imagen:

Codigo:

<SCRIPT LANGUAGE="JavaScript">
var txt=" Titulo Que Quieres Que Se Mueva ";
var espera=100;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
</SCRIPT>

.Texto Que Aparece en Ventana Al Entrar y Salir de la Pagina

Codigo:

<BODY onLoad="alert('Texto Al Entrar');" onUnLoad="confirm('Texto Al Salir');">

Reloj Para Tu Web

Codigo:

<script type="text/javascript" src="http://www.24webclock.com/clock24.js"></script>
<table border="0" bgcolor="#3D700B" cellspacing=1 cellpadding=3 class="clock24st" style="line-
height:14px; padding:0;">
<tr><td bgcolor="#88ED23" class="clock24std" style="font-family:arial; font-size:12px;"><a
href="http://www.24webclock.com/de/"><img src="http://www.24webclock.com/ico.gif" width="14"
height="14" border="0" alt="gratis uhren fr homepage" align="left" hspace="2"></a> <a
href="http://www.24webclock.com/es/" style="text-decoration:none;"><span class="clock24s"
id="clock24_48434" style="color:#3D700B;">relojes web</span></a></td></tr>
</table>
<script type="text/javascript">
var clock24_48434 = new clock24('48434',-180,'%M / %dd / %yyyy %W %HH:%nn:%ss %P','es');
clock24_48434.daylight('AR'); clock24_48434.refresh();
</script>

Cuantos Estan Online En Tu Pagina

Codigo:

<script type="text/javascript" src="http://widgets.amung.us/small.js"></script><script
type="text/javascript">WAU_small('pgwnga9kklf2')</script>

Codigo Para Que Tus Visitantes Te Pongan Tu Pagina De Inicio

Codigo:

<h6><a
onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://tuwebaquí');r
eturn false;" href="Tu Pagina"><span style="background-color: yellow">Texto Que Quieres Que
Aparezca Para Que Te Pongan Como Tu pagina De Inicio</span></a> <br />

Codigo Para Poner Un Video En Tu Web

Codigo:

<object width="445" height="364"><param name="movie"
value="http://www.youtube.com/v/ZOWjRU74HrU&hl=es_ES&fs=1&color1=0x5d1719&color2=0xcd
311b&border=1"></param><param name="allowFullScreen" value="true"></param><param
name="allowscriptaccess" value="always"></param><embed src="Pagina De El Video Que
Quieres De Youtube&hl=es_ES&fs=1&color1=0x5d1719&color2=0xcd311b&border=1"
type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"
width="445" height="364"></embed></object>

Chat Para Tu Web:

Codigo:

<br />
<embed height="405" align="middle" width="540" name="chat" type="application/x-shockwave-
flash" src="http://www.***/web_gear/chat/chat.swf" allowscriptaccess="sameDomain"
flashvars="id=82328622&rl=Argentina" quality="high"
pluginspage="http://***/update_flash.shtml"></embed><br />
<small><a target="_BLANK" href="http://***/web_gear/?cb">Get your own Chat Box!</a> <a
target="_BLANK" href="http://***/web_gear/chat/go_large.php?id=82328622">Go
Large!</a></small><br />

Miles De Juegos Para Tu Web

Codigo:

<h1>Si Quieren Mas Juegos Apretan la Ruedita Hacia Abajo y Van Hacia Abajo En Este Cuadro
Azul:<br />
<iframe height="991" marginheight="0"
border="0"
src="http://www.juegosdiarios.com/webmasters/bannerp.html?c=9999999999999999999&w=7
00&h=991&cf=663366&cb=3399CC" frameborder="0" width="700" marginwidth="0"
scrolling="no"></iframe></h1>

Cdigos HTML comunes

Los textos de verde deberan obligatoriamente cambiados por las Url de sus sitios, imgenes,
msicas o por su texto personal.

Los textos en naranja son las partidas que pueden cambiar para modificar la apariencia (tamao,
color, etc...).

Ir a un sitio sin imagen


<a href="http://URL del sitio" target="_bank">Click aqu</a>


Ir a un sitio mediante una imagen


<a href="http://Url del sitio" target="_bank">
<img src="http://url de la imagen" /></a>


Msica sin selector (hace atencin a los derechos de los autores)


<embed src="http://url de su musica" width="1" height="1" type="audio/midi" loop="true"
autostart="true"></embed>


Este codigo permite tener msica a la abierta de la pagina.
Los visitadores no pueden controlarla.

Msica con lector (hace atencin a los derechos de los autores)


<div align="center">
<table id="table1" style="BORDER-COLLAPSE: collapse" bordercolor="#000000" height="180"
cellpadding="5" width="310" border="0">
<tbody>
<tr><td bordercolor="#000000">
<table id="table2" cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr><td></td>
<td width="120">
<p align="center"> </p></td></tr></tbody></table>
<p align="center">
<embed name="MediaPlayer" pluginspage="http :// www.microsoft.com/Windows/MediaPlayer/"
src="http:// url de su musica" width="300" height="50" type="application/x-mplayer2" autostart="1"
showstatusbar="1" volume="10"></embed></embed /> </p></td></tr></tbody></table></div>


Video (hace atencin a los derechos de los autores)


<p><center><embed src="http://url de su vido?embed" width="320" height="240"
type="video/quicktime" autoplay="true" controller="false"></embed></embed></center></p>


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 language="JavaScript">

</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 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 principaln ----------------nn Cuando hagas Click en este enlace irs
directamente a la pgina de inicio de mi web');">Pgina
principal</a><br>
<a href="http://***/pauluk/trucosprin.htm"
onmouseover="escribe(' Trucos PCn -----------nn 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://***/pauluk/GLOSARIO.HTM"
onmouseover="escribe(' Glosarion -------------- nn 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 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 type="text/css">

</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://sitioevangelico.***" 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,scrollbars=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>

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


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

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

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+'</span>')
document.mensagem.document.submensagem.document.close()
}
else
document.all.submensagem.innerHTML=textos

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-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<p>

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>

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;font-family: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=-50
}

var ypos=new Array()
ypos=-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=xpos[i-1]+tempo
ypos=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
camada.posTop=ypos
}
}

else if (espera==1 && document.layers) {
for (i=texto.length-1; i>=1; i--) {
xpos=xpos[i-1]+tempo
ypos=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
camada.top=ypos
}
}
var timer=setTimeout("animar_cursor()",30)
}

</script>
<script Language=JavaScript>
document.write("<span id='span"+i+"' class='animado'>"
document.write(texto)
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;z-index: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()*)}
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.innerWidth-
40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5);
if (document.animacao.top >= window.innerHeight-
30+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.offsetWidth-
45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+157.5);
if (document.all.animacao.style.pixelTop >= document.body.offsetHeight-
35+document.body.scrollTop)movimento=Math.round(Math.random()*45-112.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 = initArray.arguments;
}
}
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=text-decoration: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=text-decoration: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=text-decoration: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=text-decoration: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">

</script>
Ingresa tu clave:
<input
type="password" name="pswd" size="20">
</center>
<center>
<p>
<input type="button" value="Entra"
onClick="loadpage()" name="button">
</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!.


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

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

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


</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 la direccin de la pgina 1
aqu'>Coloca el texto del enlace 1 aqu</a></font></center>"

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)
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)
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=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=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;background-
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 largura=150
var altura=120
var bgcolor='white'
var 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 largura=150
var altura=120
var bgcolor='white'
var 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">

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

</script>

<div id="texto" style="position: absolute; top: -50; color: #FF8000; font-family: 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>


</script>

Plantilla para Tu Web Un Tono Cristalino

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

Plantilla para Tu Web Un Tono Cristalino

Uploaded by

Copyright:

Available Formats

Plantilla Para Tu Web Un Tono Cristalino

You might also like