Beruflich Dokumente
Kultur Dokumente
Si tenés una dirección larga, y los servidores que te dan direcciones cortas no tienen
buena capacidad de almacenamiento o de taza de transferencia de datos, con este
código podés hacer que al escribir una dirección se abra otra, solo tenés que insertar
este código en el index.html del dominio corto poniendo tu dirección actual donde está
en verde
<HTML>
<HEAD>
<TITLE>Redireccionado por www.CheNico.com</TITLE>
<SCRIPT LANGUAGE="JavaScript">
location.href='http://Juegosfera.es.tl';
</SCRIPT>
</HEAD>
<BODY>
updateReloj();
function updateReloj() {
var tiempo = new Date();
var hora = 23-tiempo.getHours();
var minutos = 59-tiempo.getMinutes();
var segundos = 59-tiempo.getSeconds();
document.Reloj.tiempo.value = tiempoAtras;
setTimeout("updateReloj()",1000);
}
//-->
</script>
</form>
</body>
Recomendar Pagina:
Con este código podemos hacer que si a un visitante le gustó nuestra Web, la
recomiende a un amigo escribiendo su dirección de correo electrónico en la casilla, al
hacer click en "Recomendar esta Web" se envía un mensaje de correo con el asunto
"Pienso que te puede interesar esta página..." y en el cuerpo del mensaje aparece la
dirección completa donde se encuentra el código y el título de la misma.
<form name="eMailer">
ENVÍA ESTA PÁGINA A UN AMIGO
<br>
Indica su e-mail:
<br>
<input type="text" name="address" size="25">
<br>
<input type="button" value="Recomendá esta Web!" onClick="mailThisUrl();">
</form>
<script language="JavaScript1.2">
var good;
function checkEmailAddress(field) {
// the following expression must be all on one line...
var goodEmail = field.value.match(/b(^(S+@).+((.com)|(.net)|
(.edu)|(.mil)|(.gov)|(.org)|(..{2,2}))$)b/gi);
if (goodEmail){
good = true
} else {
alert('Por favor introduce un e-mail valido')
field.focus()
field.select()
good = false
}
}
u = window.location;
m = "Pienso que te puede interesar esta página...";
function mailThisUrl(){
good = false
checkEmailAddress(document.eMailer.address)
if (good){
// the following expression must be all on one line...
window.location =
"mailto:"+document.eMailer.address.value+"?subject="+m+"&body="+document.title+"
"+u;
}
}
</script>
<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>
</FORM>
<p><a href="http://www.CheNico.com"
onmouseover="escribe(' Página principaln ----------------nn Cuando hagas Click en este
enlace irás directamente a la página de inicio de mi web');">Página
principal</a><br>
<a href="http://usuarios.lycos.es/pauluk/trucosprin.htm"
onmouseover="escribe(' Trucos PCn -----------nn Este enlace te llevará a la página de
Trucos PC en la que podés encontrar muchos más trucos interesantes para realizar e
incluir en tus páginas web');">Trucos PC</a><br>
<a href="http://usuarios.lycos.es/pauluk/GLOSARIO.HTM"
onmouseover="escribe(' Glosarion -------------- nn Diccionario de Términos Informáticos.
Enterate el significado de esas palabras de computación que decís todos los días pero
que no sabés exactamente qué significa.');">Glosario</a><br>
</p>
</td>
<td><form name="desplaza">
<p><textarea name="cuadro" rows="8" cols="30"
wrap="physical"></textarea></p>
</form>
</td>
</tr>
</table>
Nota: Para evitar este truco, también hay un contratruco, si entrás a una página que tiene
este truco que no te deja copiar imágenes o texto, solo tenés que hacer click con el
botón derecho del mouse sobre la barra de estado y sin soltarlo arrastrarlo hasta la
imágen. Listo, se abrirá el menú como si la página no estuviese bloqueada a la copia.
Hay que tener en cuenta que muy poca gente conoce este truco, por lo tanto podés usar
tranquilo el truco de bloqueo.
Crear un PopUp:
Abrir una pequeña 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 size="2">Ejemplo</font></b></a>
Botón animado:
Aprendé a dar movimiento a tu página con botones animados por Java Script. Cada
botón puede llevar a un enlace distinto. Sólo tienes que configurar los parámetros
"lineArr" y "urlArr" del script, que permiten destacar cosas en tu página.
<font size="2">
<script language="JavaScript">
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 3
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = "Pauluk Computación"
urlArr[1] = "http://www.CheNico.com"
lineArr[2] = "Trucos PC"
urlArr[2] = "http://www.pauluk.8k.com/trucosprin.htm"
lineArr[3] = "Noticias Tecnológicas 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 fácil de lograr y muy funcional para tu página. Podés definir
cuántos textos y enlaces quieras. Ellos se destacarán y tu página quedará mucho más
dinámica. Podés ver cómo personalizar este recurso al final de esta página. Es mejor que
Java ya que es mucho más liviano y rápido de cargarse, y no necesita archivos
adicionales.
Para incluir este recurso en tu página debes seguir dos pasos:
Paso 1: Incluye el siguiente código en tu etiqueta "<BODY>", agrega un espacio después
del último parámetro e incluye:
onload="if (document.all||document.layers) {regenerate2();update()}"
function tremer(n) {
if (self.moveBy) {
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) {
alert("Juegosfera.es.tl");
return false;
alert("juegosfera.es.tl");
return false;
return true;
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</script>
</body>
</html>
Botón Colorido:
¿Cansado del botón siempre gris? Ahora con CSS podés definir cualquier color para tus
botones. Ellos combinarán más con tu página y son muy fáciles de crear.
Copia el código que sigue y pegalo dentro de la etiqueta de formulario de tu página:
<input type="submit" name="button" value="www.CheNico.com" style="color: #000000;
background-color: #FF9900">
Texto en expansión:
Colocá en tu página mensajes animados que se agrandan y llaman la atención de los
visitantes. Además, incluyen enlaces hacia donde vos quieras.
Copiá el siguiente código y pegalo en tus páginas debajo de la etiqueta <Body>.
<script language="JavaScript">
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 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 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 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 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>
Página protegida por clave:
Este es un excelente recurso. Podés proteger tus páginas con una clave. Así podés
definir exactamente quienes entrarán a tu página. No tenés que preocuparte por
configuraciones. Es muy sencillo: la clave siempre será el nombre de tu página sin la
extensión .htm, es decir, si la página tiene el nombre de "ejemplo.htm", la clave será
"ejemplo". ¿Ves que fácil?.
Para tener este recurso en tu sitio debes incluir un código en la página de "entrada" en
donde el visitante ingresará la clave, y enviar a tu sitio el archivo de la página 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">
</p>
</center>
</form>
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>
Paso 1:Para que el recurso se inicie junto con la página, debes incluir dentro de la
etiqueta <body> el parámetro de inicio. Agregá un espacio después del último parámetro
e incluye:
Onload="show5()"
Mensaje de bienvenida:
Con este recurso personalizás 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 código y pégalo 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 size=2 color=#000000>¡Hola, visitante!</font></b>")
}else{
document.write("<b><font size=2 color=#000000>¡Hola"+mensagem+"! Bienvenido a mi
sitio</font></b>");
}
}
</script>
Atrás y Adelante:
Atrás:
<a href="javascript:history.go(-1)">Atrás </a>
Adelante:
<a href="javascript:history.go(1)">Adelante</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 características especiales de tu sitio. Cada mensaje tendrá un
enlace
Paso 1: Copiá el siguiente código y pegalo en tu página:
<script language="JavaScript1.2">
var largura=150
var altura=120
var bgcolor='white'
var fundo=''
var mensagens=new Array()
mensagens[0]="<center><font size=2><a href='Coloca la dirección de la página 1
aquí'>Coloca el texto del enlace 1 aquí</a></font></center>"
mensagens[1]="<center><font size=2><a href='Coloca la dirección de la página 2
aquí'>Coloca el texto del enlace 2 aquí</a></font></center>"
mensagens[2]="<center><font size=2><a href='Coloca la dirección de la página 3
aquí'>Coloca el texto del enlace 3 aquí</a></font></center>"
mensagens[3]="<center><font size=2><a href='Coloca la dirección de la página 4
aquí'>Coloca el texto del enlace 4 aquí</a></font></center>"
mensagens[4]="<center><font size=2><a href='Coloca la dirección de la página 5
aquí'>Coloca el texto del enlace 5 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[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()
if (i==mensagens.length-1)
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]
if (i==mensagens.length-1)
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]
if (i==mensagens.length-1)
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>
Personalizando: Para cambiar el color de fondo o incluir una imagen de fondo, observa
esta parte del código:
var largura=150
var altura=120
var bgcolor='white'
var fundo=''
Donde dice "white" podés ingresar el valor hexadecimal del nuevo color; por ejemplo:
#FFCC00
En "fondo" podés 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 más mensajes en el letrero, observá que el último mensaje aparece de la
siguiente forma:
mensagens[4]="<center><font size=2><a href='Coloca la dirección de la página 5
aquí'>Coloca el texto del enlace 5 aquí</a></font></center>"
Sólo tenés que agregar una unidad al número indicado al final del mensaje. Por ejemplo:
mensagens[5]="<center><font size=2><a href='Coloca la dirección de la página 5
aquí'>Coloca el texto del enlace 5 aquí</a></font></center>"
mensagens[6]="<center><font size=2><a href='Coloca la dirección de la página 6
aquí'>Coloca el texto del enlace 6 aquí</a></font></center>"
Seguí hasta llegar al número total de mensajes que desees incluir.
Saludo al visitante:
Puedes poner en tu sitio un mensaje personalizado según la hora en que el visitante
entre. Este puede recibir el saludo "Buen día", "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 página.
<Font size=2><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 día!")
}
if((today.getHours() >=10) && (today.getHours() <=11)){
document.write("¡Buen día!")
}
if((today.getHours() >=12) && (today.getHours() <=19)){
document.write("¡Buenas tardes!")
}
if((today.getHours() >=20) && (today.getHours() <=23)){
document.write("¡Buenas noches!")
}
if((today.getHours() >=0) && (today.getHours() <=3)){
document.write("¡Buenas noches!")
}
if((today.getHours() >=4) && (today.getHours() <=5)){
document.write("¡Buenas noches!")
}
// -->
</script>
</b></font>
Texto animado:
Con este recurso puedes hacer que cualquier texto tenga movimiento en tu página. Es
ideal para destacar tu logo o lo que vos prefieras.
<script language="JavaScript">
<!--
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; font-weight:bold; font-
size:40px;">
<p><font size="3"><b><font size="6" color="#990000">INGRESA TU TEXTO
AQUI</font></b></font></p>
</div>
<script language="JavaScript">
<!--
setTimeout('start()',10);
//-->
</script>
Texto de apertura:
Este es un recurso muy interesante. Podés lograr que, al entrar a tu página, el usuario
vea un mensaje de bienvenida o cualquier otro que configures. Luego, el usuario es
llevado automáticamente a la página que tú definas.
Para tener este recurso en tu página, sólo debes copiar el siguiente código, pegarlo en tu
editor y guardar la página como principal. De esta forma, al entrar a tu página, los
visitantes verán los mensajes y luego serán llevados a la página que tú definas. Es muy
fácil configurar este recurso. Basta con alterar las áreas destacadas en negrito en el
código. Si tienes problemas con algún editor HTML que no reconozca el código, copia y
pega este código en el bloc de notas del Windows u otro editor de texto y no olvides
guardarlo con extensión html.
<HTML>
<HEAD>
<TITLE>Ingresa el título 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 página 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>
Efecto de apertura:
Este es un recurso fabuloso y muy fácil que permite crear un efecto de entrada a tu
página. Es sólo copiar y pegar el código en tu página. Siempre que alguien acceda a tu
sitio el efecto será activado.
<style>
<!--
.entrada{
position:absolute;
left:0;
top:0;
layer-background-color:green;
background-color:green;
border:0.1px solid green
}
-->
</style>
<div id="i1" class="entrada"></div>
<div id="i2" class="entrada"></div>
<div id="i3" class="entrada"></div>
<div id="i4" class="entrada"></div>
<div id="i5" class="entrada"></div>
<div id="i6" class="entrada"></div>
<div id="i7" class="entrada"></div>
<div id="i8" class="entrada"></div>
<script language="JavaScript1.2">
//
var velocidade=10
var tempo=new Array()
var tempo2=new Array()
if (document.layers){
for (i=1;i<=8;i++){
tempo[i]=eval("document.i"+i+".clip")
tempo2[i]=eval("document.i"+i)
tempo[i].width=window.innerWidth/8-0.3
tempo[i].height=window.innerHeight
tempo2[i].left=(i-1)*tempo[i].width
}
}
else if (document.all){
var clipbottom=document.body.offsetHeight,cliptop=0
for (i=1;i<=8;i++){
tempo[i]=eval("document.all.i"+i+".style")
tempo[i].width=document.body.clientWidth/8
tempo[i].height=document.body.offsetHeight
tempo[i].left=(i-1)*parseInt(tempo[i].width)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
for (i=1;i<=8;i=i+2)
tempo[i].bottom-=velocidade
for (i=2;i<=8;i=i+2)
tempo[i].top+=velocidade
if (tempo[2].top>window.innerHeight)
clearInterval(stopit)
}
else if (document.all){
clipbottom-=velocidade
for (i=1;i<=8;i=i+2){
tempo[i].clip="rect(0 auto+"+clipbottom+" 0)"
}
cliptop+=velocidade
for (i=2;i<=8;i=i+2){
tempo[i].clip="rect("+cliptop+" auto auto)"
}
if (clipbottom<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
</script>
¿Querés cambiar el color?Podés cambiarlo por cualquier otro color. ¡Es muy fácil:
Observá que existe una parte del código que contiene:
<style>
<!--
.entrada{
position:absolute;
left:0;
top:0;
layer-background-color:green;
background-color:green;
border:0.1px solid green
}
-->
</style>
Donde dice "green", debes poner el nombre en inglés o el código hexadecimal del color
que deseas.
Podés también seleccionar uno de los colores que siguen y sustituir la referida parte del
código original por esta nueva que vas a recibir.
<script language="JavaScript">
<!--
function YY_Mousetrace(evnt)
{
if (yyns4)
{
if (evnt.pageX) {yy_ml=evnt.pageX; yy_mt=evnt.pageY;} }
else{
yy_ml=(event.clientX + document.body.scrollLeft);
yy_mt=(event.clientY + document.body.scrollTop);
}
if (yy_tracescript)eval(yy_tracescript)
}
//-->
</script>
<script language="JavaScript">
<!--
function YY_Layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,yyto,yycnt,yystep) {
if ((document.layers)||(document.all)){
eval("myfunc=yyfnx.replace(/x/gi, yycnt)");
with (Math) {yynextx= eval(myfunc)}
eval("myfunc=yyfny.replace(/x/gi, yycnt)");
with (Math) {yynexty= eval(myfunc)}
yycnt=(yyloop && yycnt>=yystep*yybilder)?0:yycnt+yystep;
if (document.layers){
eval(yydiv+".top="+(yynexty+yytop))
eval(yydiv+".left="+(yynextx+yyleft))
}
if (document.all){
eval("yydiv=yydiv.replace(/.layers/gi, '.all')");
eval(yydiv+".style.pixelTop="+(yynexty+yytop));
eval(yydiv+".style.pixelLeft="+(yynextx+yyleft));
}
argStr='YY_Layerfx('+yyleft+','+yytop+',"'+yyfnx+'","'+yyfny+'","'+yydiv+'",
'+yybilder+','+yyloop+','+yyto+','+yycnt+','+yystep+')';
if (yycnt<=yystep*yybilder){eval(yydiv+".yyto=setTimeout(argStr,yyto)");}
}
}
//-->
</script>
<script language='JavaScript'>
<!--
var yyns4=window.Event?true:false; var yy_mt = 0; var yy_ml = 0;
if (yyns4) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = YY_Mousetrace;
yy_tracescript = '';
//-->
</script>
<div id="Orbita" style="position:absolute; left: 475px; top: 11px; width: 36px; height:
32px"><img src="Ingresa aquí el nombre del archivo de imagen" border=0></div>
En las últimas líneas donde dice que tenés que ingresar el nombre del archivo de imagen
que aparecerá con el cursor del mouse, podés incluir archivos del tipo gif o jpg.
Paso 2:Ahora es necesario que incluyas el código que sigue en tu tag <body>, que
quedará así:
<body onLoad="YY_Mousetrace('',',document.YY_Mousetrace1');
YY_Layerfx(8,18,'yy_ml','yy_mt','document.layers['Orbita']',50000,false,0,0,10)">
Si ya existen otros parámetros en tu etiqueta , agregá un espacio después del último y
luego incluí:
onLoad="YY_Mousetrace('',',document.YY_Mousetrace1');
YY_Layerfx(8,18,'yy_ml','yy_mt','document.layers['Orbita']',50000,false,0,0,10)"
<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,
ganás espacio y facilidad de navegación. Este menú no necesita un botón para activarse.
Basta con seleccionar el enlace y automáticamente el navegador se dirigirá a la página.
Este menú funciona en páginas sin marcos.
<form>
<select NAME="links"
onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value
">
<option SELECTED>Elija la sección que desee</option>
<option VALUE="http://www.pauluk.8k.com">Pauluk Computación</option>
<option VALUE="http://www.pauluk.8k.com/trucos.htm">Trucos PC</option>
<option VALUE="http:/www.pauluk.8k.com/noticias.htm">Noticias Tecnológicas</option>
</select>
</form>
Instrucciones para personalización: Observá que cada opción del menú se hace con la
etiqueta:
La etiqueta para incluir sonido en tu página debe ser <EMBED>. Observá el ejemplo:
<embed src="nombre del tema" autostart="true" loop="10" width="1"
height="1"></embed>
Actualizar:
La página "Actualizar" lleva al usuario a otra página sin que el mismo deba ejecutar
acción 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>
Códigos HTML
</BODY>
</HTML>
En "segundos", colocás el tiempo que deseas que la página demore hasta redireccionar
el usuario al nuevo URL.
Agregar página a Favoritos:
Aprendé a incluir en tu página un enlace para que los usuarios puedan agregarla
automáticamente a los favoritos del navegador. El visitante sólo tiene que hacer clic en
un enlace para que la página se incluya en su lista de favoritos.
<a href="javascript:window.external.AddFavorite('http://www.pauluk.8k.com',
'Pauluk Computacion')"><small><font size="1">
Agregar a favoritos</font></small></a>
¿Quieres cambiar el color? Puedes cambiarlo por cualquier otro color. ¡Es muy fácil:
Observá que existe una parte del código que contiene:
<style>
<!--
.entrada{
position:absolute;
left:0;
top:0;
layer-background-color:green;
background-color:green;
border:0.1px solid green
}
-->
</style>
Donde dice "green", tenés que poner el nombre en inglés o el código hexadecimal del
color que deseas.
Podés también seleccionar uno de los colores que siguen y sustituir la referida parte del
código original por esta nueva que vas a recibir.
Texto aleatorio:
Con el texto aleatorio es posible hacer que, a cada visita a tu página, el usuario vea un
mensaje diferente sin necesidad de actualizar tu sitio a todo momento.
<Script Language="JavaScript">
hoje = new Date()
numero_de_textos = 4
segundos = hoje.getSeconds()
numero = segundos % numero_de_textos
if (numero == 0){
texto = "Ingresa el primer texto aquí"
}
if (numero == 01){
texto = "Ingresa el segundo texto aquí"
}
if (numero == 02){
texto = "Ingresa el tercer texto aquí"
}
if (numero == 03){
texto = "Ingresa el cuarto texto aquí"
}
document.write('' + texto +'')
</script>
Instrucciones para personalización:Si deseas incluir más de tres textos, debes ingresar
en "numero de textos" el número total de textos que aparecerán.
if (numero == Ingresa el número del texto aquí){
texto = "Ingresa el texto que aparecerá aquí"
}
En "Ingresa el número del texto aquí", sigue la secuencia. En el código, por ejemplo, el
último número era "03", por lo tanto, para incluir un nuevo texto, el número será "04", y
así sucesivamente para cada nuevo texto.
¡ATENCION! Incluye el código del nuevo texto siempre antes de "document.write('' +
texto +'') </script>".
Imagen aleatoria:
Con este recurso es posible hacer que, a cada visita a tu página, el usuario vea una
imagen diferente sin necesidad de actualizar tu sitio a cada momento.
Imágenes aleatórias con enlaces:Pegá el siguiente código en tu página HTML. Podés
pegarlo donde quieras que aparezcan las imágenes.
<Script Language="JavaScript">
hoje = new Date()
numero_de_imagens = 2
segundos = hoje.getSeconds()
numero = segundos % numero_de_imagens
if (numero == 0){
banner = "Ingresa el nombre de la imagen 1 aqui"
link = "http://"
alvo = "_self"
}
if (numero == 1){
banner = "Ingresa el nombre de la imagen 2 aqui"
link = "http://"
alvo = "_self"
}
document.write('<a href="' + link + '" target="' + alvo + '" ><img src="' + banner + '"
border=0></a>')
</script>
Detectar el navegador:
Esto sirve para comprobar el navegador que se está usando, por si queremos crear una
página para Netscape y otra para Internet Explorer:
<script language="JavaScript">
<!--
function esIE30(){
var browserType=navigator.userAgent;
if (browserType.indexOf("MSIE")==-1)
return false;
else
return true;
}
<!-- Cargar la página según el explorador -->
function cargar(){
if (esIE30())
window.location.href="indice_ie.htm";
else
window.location.href="indice_netscape.htm";
}
//-->
</script>