 Codigos HTML
-- Redireccionar una página:
Si tenés una dirección larga, y los servidores que te dan direcciones cortas no tienen buena capacidad de almacenamiento.
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
<HTML>
<HEAD>
<TITLE>Redireccionado por www.lapagina.com </TITLE>
<SCRIPT LANGUAGE="JavaScript">
location.href='http://wwwpagina de uno.com';
</SCRIPT>
</HEAD>
<BODY>
-- Insertar un sonido o música de fondo:
Si quieren que los visitantes escuchen una canción mientras visitan la Web,
o simplemente recibirlos con una melodía estilo presentación, este es el código que estabas buscando.
Solo tenés que guardar el sonido en el directorio raíz de tu servidor e insertar el siguiente código 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.
-- Transformar el cursor en una mira:
Transformá la clásica flechita de Windows en una mira de disparo.
<style type="text/css">
<!--
body { cursor: crosshair}
-->
</style>
-- Pantalla que tiembla:
Al insertar este código, cada vez que entremos en la Web se producirá una especie de terremoto en el explorador.
Un efecto interesante para atraer la atención 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>
<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>
-- 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>
--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 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>
-- Efecto de aperturaaaa
<style>
<!--
.entrada{
position:absolute;
left:0;
top:0;
layer-background-color:BLACK;
background-color:BLACK;
border:0.1px solid BLACK
}
-->
</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>
-- fonfo fijo
se nesesita imagen de 1024x650 luego de tenerla necesitamos designarle una URL para ello entramos a esta pagina http://imageshack.us/ ¿como subimos nuestra imagen? buscandola a trabes de "EXAMINAR" y haciendo click en "host it" nos aparecera una ventana con muchos enlaces deberemos elegir el que dice DIRECT LINK TO IMAGE y !!PEGAR!! ese link en donde dice URL AQUI
<style type="text/css">
<!-- body{background-image:url(URL AKI);background-attachment: fixed}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image: none;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL AKI);;}
td.edit_rechts_bottom{background-image: url(URL AKI);}
td.edit_content_bottom:hover{background-image: none;} --></style></font>
- EFECTO TEXTOS
* texto deslizante de izquierda a derecha
<marquee>TEXTO AKI</marquee>
* insertar texto deslizante hacia arriba
<marquee behavior=scroll direction=up scrollamount=1 height=60>texto</marquee>
*Cambiar color del texto
<font color="#FF0000">texto con color VERDE</font>
*insertar una imagen
<img src="http://miarroba.com/pics/warning_big.gif" border=0>
*Texto modo maquina
<tt>modo maquina</tt>
 Nombre: Box debajo del menu Iceblue [Click para ver]
Descripción: Este codigo te permite colocar un box en la plantilla iceblue.
Nombre: Favicon [Click para ver]
Descripción: Es una pequeña imagen, que aparece en algunos navegadores junto a la dirección de una página web.
Nombre: Mensaje al entrar a la pagina web [Click para ver]
Descripción: Al entrar a la pagina web se despliega una ventana en el navagador con un mensaje de texto.
Nombre: Texto en movimiento [En cosntruccion]
Descripción: Te permite crear marquesinas de texto.
Nombre: Fondo al instante [Click para ver]
Descripción: Te permite cambiar de fondo con solo pusar la imagen de fondo que escojas.
Nombre: Insertar musica de fondo [Click para ver]
Descripción: Te permite colocar musica de fondo en tu pagina.
Nombre: Recomendar pagina [Click para ver]
Descripción: Te permite enviar la url de tu pagina web a tus amigos del e-mail.
Nombre: Cursores webs [Click para ver]
Descripción: Te permite cambiar el cursor en tu pagina web.
Nombre: Codigos de menu [Click para ver]
Descripción: Varios codigos de menu desplegable y estatico.
Nombre: Chat gratis en tu web [Click para ver]
Descripción: Inserta un chat gratis en tu web.
Nombre: Tabla de colores [Click para ver]
Descripción: Codigos html de los colores.
Nombre: Tipos de texto [Click para ver]
Descripción: Cambia el tipo de fuente de tu texto.
Nombre: Movimiento en la barra superior [Click para ver]
Descripción: Texto que se mueve en la barra superior del navegador.
Nombre: Link inteligente [Click para ver]
Descripción: al pasar el raton por encima de un enlace o imagen se abre una ventana con la url de la pagina que escribiste.
Nombre: Cursor cambia sobre un texto [Click para ver]
Descripción: Cursor cambia al pasar por encima de un texto.
Nombre: Ultima feche de actualizacion [Click para ver]
Descripción: Muestra la ultima fecha de actualizacion de la web.
Nombre: Guardar en favoritos [Click para ver]
Descripción: Permite al usuario guardar tu web en sus favoritos.
Nombre: Cursor cambia en link [Click para ver]
Descripción: Cursor cambia al pasar por encima de un enlace.
Nombre: Cursor cambia encima de una imagen [Click para ver]
Descripción: Cursor cambia al pasar por encima de una imagen.
Nombre: Tu web como pagina de inicio [Click para ver]
Descripción: Permite colocar tu web como pagina de inicio de tu navegador web.
Nombre: Hora y texto en la barra de estado [Click para ver]
Descripción: Te permite colocar hora y texto en la barra de estado de el navegador web
|