Cuantos Estan Online En Tu Pagina
Codigo:
Crear un Formulario o Libro de Visitas:
Con este código podemos crear un formulario para que complete el visitante. O también un libro de visitas, luego que el visitante apriete el botón "enviar", los datos serán enviados a tu casilla de correo.
Libro de visitas de www.CheNico.com
Crear un Título que cambia de colores:
Con este código podemos crear por ejemplo el título para nuestra Web o una de nuestras secciones. Como el código 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 explicación de ese link en un cuadro con la cantidad de palabras que queramos poner. Solo tenés que reemplazar mis direcciones por las tuyas, y el texto deseado por el tuyo.
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:
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 código HTML:
Descripción del enlace
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 automáticamente. Ejemplo: Si el navegador no logra abrir un archivo "zip" (compactado), inicia la descarga automáticamente.
Efecto nieve con cualquier imagen:
Con este truco podés hacer que caigan por la pantalla varias veces la misma imagen con un efecto estilo nieve. Si querés ver el código y el efecto HACÉ CLIC ACÁ .
Subrayar un Link al pasar el mouse:
Con este código 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.
Transformar el cursor en una mira:
Transformá la clásica flechita de Windows en una mira de disparo.
Tabla de colores HTML:
Esta tabla contiene todos los códigos para ponerle colores a las barras de desplazamiento, a las fuentes y muchas otras funciones más. 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 Computación y vean en la barra de estado. (para verlo bien en ésta página pasen el mouse varias veces, ya que hay otro código parecido que lo obstruye).
Pauluk Computación
Dificultar copia de página:
Con este recurso sencillo podemos hacer más difícil el acceso al código-fuente o la copia de imágenes de nuestro sitio. Cuando el visitante haga click con el botón 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 páginas.
Podemos colocarlo antes de la etiqueta o después de la etiqueta .
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.
Establecer una página como inicio:
Este código html te sirve para crear un link para que el visitante pueda hacer que tu página sea la de inicio de su computadora. Con solo hacer clic sobre el link creado, tu página se iniciará automáticamente cada vez que esa persona se conecte a Internet.
Establecer como página de inicio
Enviar un e-mail con Asunto y Mensaje:
Con este truco podés hacer que al hacer clic sobre una palabra, se abra el Outlook para enviar un mensaje con tu dirección, el asunto que quieras y el texto que quieras. Por ejemplo: Hacé clic acá para mandarme un mensaje
Hacé clic acá para mandarme un mensaje
Abrir un Link en una Ventana Nueva:
Cuando tenemos Links en nuestras páginas y alguien hace clic sobre ellos, automáticamente se abre esa dirección en nuestra ventana. Con este truco podemos hacer que al hacer clic sobre un determinado Link, esta dirección se abra en una ventana nueva, quedando la nuestra también abierta:
Pauluk Computación
Crear un PopUp:
Abrir una pequeña ventana con una imagen. Podemos darle las medidas que queramos cambiando "Width" y "Height".
Ejemplo
Otra barra con mas colores:
A continuación veremos otro código 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 código de letras y números. Mas abajo está la tabla de colores.
Observación: 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 código 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 raíz de nuestro servidor solo ponemos el nombre y listo.
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.
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.
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 "", agrega un espacio después del último parámetro e incluye:
onload="if (document.all||document.layers) {regenerate2();update()}"
Observa un ejemplo sencillo de cómo quedaría la etiqueta:
Paso 2: Pega en tu página HTML el siguiente código personalizando las partes indicadas:
Iniciando...
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.
www.CheNico.com
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:
Texto que sigue al mouse:
Hacé que un texto cualquiera siga al mouse del visitante en tu página. Es un efecto fabuloso y fácil de incluir en las páginas
Incluye el siguiente código en tu página HTML:
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 atención por alguna novedad en tu sitio como para darle más movimiento a la página.
Copiá y pegá el siguiente código en tu página HTML.
Recordá que la imagen debe estar en el mismo directorio de tu página html.
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
.
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.
Cambiar el color de la barra de desplazamiento al pasar el mouse:
Con este truco podés hacer que además de cambiar el color clásico gris de la barra de desplazamiento por otro, hacer que cuando el mouse se pose sobre ella cambie a otro color. Cambiando los números y letras en verde variaran los colores. Probalo pasando por la barra de la derecha!.
"#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;
}
//-->
Cambiar el color de la barra de desplazamiento:
Con éste código van a conseguir cambiar el clásico color gris de la barra de desplazamiento de la derecha y abajo por el color que quieran. Para cambiar de colores, cambien el número 000000 por otros, cada color tiene su número, pero la lista es muy larga, así que prueben con los número que ya van a encontrar el deseado.
Reloj - formato texto:
Este es otro tipo de reloj que también cuenta los segundos y que puede utilizar texto. Es muy fácil incluirlo en tu página. Siempre que un usuario acceda a tu sitio el efecto será iniciado.
Paso 1: Para que el recurso se inicie junto con la página, debes incluir dentro de la etiqueta el parámetro de inicio. Agregá un espacio después del último parámetro e incluye:
Onload="show5()"
Observa un ejemplo sencillo de cómo queda la etiqueta:
¡Atención! Sin eso tu reloj no funcionará.
Paso 2: Incluye el siguiente código en tu página después de la etiqueta .
Poniendo fecha en tu sitio:
Aprendé a incluir la fecha en tu sitio sin necesidad de actualizarla cada día. Sólo tenés que usar un JavaScript que automáticamente exhibirá la fecha del día en tu página cada vez que ésta se abra.
No tenés que preocuparte con ninguna configuración. Sólo tenés que copiar y pegar el código en tu página.
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:
Atrás y Adelante:
Atrás:
Atrás
Adelante:
Adelante
Imprimir pagina actual:
Imprimir
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:
>
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]="
"
Seguí hasta llegar al número total de mensajes que desees incluir.
Barra de estado fija:
Podés 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 más personalizado, además de contar con otras ventajas. Por ejemplo: el visitante no verá la dirección del enlace al que está apuntando, sólo el mensaje definido por vos.
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.
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.
