CODIGOS HTML 4
Efecto de apertura múltiple:
Este efecto ofrece otra alternativa de apertura para tu sitio, una forma diferente de presentarlo a los visitantes. 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>
.intro{position:absolute;
left:0;
top:0;
layer-background-color:green;
background-color:green;
border:0.1px solid green
}
</style>
<div id="i1" class="intro"></div>
<div id="i2" class="intro"></div>
<div id="i3" class="intro"></div>
<div id="i4" class="intro"></div>
<div id="i5" class="intro"></div>
<div id="i6" class="intro"></div>
<div id="i7" class="intro"></div>
<div id="i8" class="intro"></div>
<script language="JavaScript1.2">
var velocidade=20
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
tempo[i].height=window.innerHeight/8
tempo2[i].top=(i-1)*tempo[i].height
}
}
else if (document.all){
var clipright=document.body.clientWidth,clipleft=0
for (i=1;i<=8;i++){
tempo[i]=eval("document.all.i"+i+".style")
tempo[i].width=document.body.clientWidth
tempo[i].height=document.body.offsetHeight/8
tempo[i].top=(i-1)*parseInt(tempo[i].height)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
for (i=1;i<=8;i=i+2)
tempo[i].right-=velocidade
for (i=2;i<=8;i=i+2)
tempo[i].left+=velocidade
if (tempo[2].left>window.innerWidth)
clearInterval(stopit)
}
else if (document.all){
clipright-=velocidade
for (i=1;i<=8;i=i+2){
tempo[i].clip="rect(0 "+clipright+" auto 0)"
}
clipleft+=velocidade
for (i=2;i<=8;i=i+2){
tempo[i].clip="rect(0 auto auto "+clipleft+")"
}
if (clipright<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
</script>
¿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.
Cambiando la barra de estado:
¿Querés que la barra de estado cambie cuando el mouse pase sobre los enlaces? ¡Es fácil! Podés hacer que cualquier mensaje aparezca en la barra de estado del navegador cuando alguien pase el mouse sobre los enlaces de tu página. Observá cómo hacerlo acá:
- Ejemplo- El código HTML de un enlace común se parece al siguiente ejemplo:
<a href=fotos.html>Fotos del Viaje</a>
Sólo tenés que incluir el siguiente código:
ONMOUSEOVER="window.status='COLOCA EL TEXTO AQUI';return true;" ONMOUSEOUT="window.status='';return true;"
- Código<a href=fotos.html ONMOUSEOVER="window.status='COLOCA EL TEXTO AQUI';return true;" ONMOUSEOUT="window.status='';return true;">Fotos del Viaje</a>
Copia el código y pégalo en tus páginas debajo de la etiqueta <Body>.
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>
Añadir el Asunto y el cuerpo cuando nos envíen un e-mail:
Ya sabés que para enviar un mensaje, tenés que incluir mailto:webmaster@pauluk.8k.com
Bueno, si añadís al final de la dirección de correo ?subject=el subject, éste aparecerá de forma automática en ese campo, así de fácil.
<html>
<a href="mailto:webmaster@pauluk.8k.com?subject=Probando.&body=Probando truco">Hacé clic aquí</a>
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>
Ir a un lugar dentro de la misma página:
Nota: Hay que tener en cuenta que se diferencian las mayúsculas de las minúsculas.
<a href="#posicion1">Ir a la posicion1</a>
Ir a un lugar determinado de otra página:
Nota: Hay que tener en cuenta que se diferencian las mayúsculas de las minúsculas.
<a href="otra_pagina.htm#posicion1">Ir a la posicion1 de otra_pagina</a>
Cambiar el contenido de una página cada "x" segundos:
O mejor dicho, cargar otra página después de "x" segundos.
Este comando debe estar en el bloque <HEAD>...</HEAD>
<HEAD>
<!-- otras cosas -->
<META http-equiv="refresh" content="segundos; url=siguiente_pagina.htm">
<!--y algunas mas -->
</HEAD>
Versión para imprimir
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?