¡¡ No te desesperes !!

Aquí encontrarás ejemplos para tu página web.....

 

 

 

HTML, DHTML, JavaScript, Meta Tag's, Cookies, Hojas de Estilo (CSS), PHP, Funciones, Validar Formularios...

 

| Trucos Windows | Trucos Win XP | Trucos Linux | Trucos Grabadoras | Trucos Visual Basic |

 

 

  • No permite utilizar el botón derecho y no aparece nada (ni alert, etc)

  • No permite seleccionar el contenido de una página

  • Por si hay algún error en la página

  • Para esconder la URL en el navegador (Utilizar un frame del 100%). De esta manera siempre se mostrará elhacker.net y no elhacker.net/algo.html

  • Código JavaScript para que aparezca un alert al utilizar el botón derecho

  • No permite el botón derecho y además te penaliza con 10 clicks

 
  • Se abre una ventana al utilizar el botón derecho

  • Para páginas con frames, no permite ver sólo un frame sino los dos frames o más juntos. (Colocar el código en cada frame)

 

  • Para webs sin frames, mantiene tu página en primer plano, y no puede estar en frames de otro "listillo"

  • Variación del anterior

Personalización de la Web

  • Para hacer la Página de Inicio

  • Añadir a Favoritos

  • Para que al añadir a "Favoritos" te coja un icono (se tiene que colocar en el head) y aedmás tienes que subir un .ico a tu hosting.

  • Cambiar las barras de scroll (colocar siempre en el style) (puedes hacer infinitas variaciones cambiando color, tamaño, etc)

  • Otro ejemplo:

Escribir en el "Status" del Navegador y hacer mover el "Title"

 

  • Que se vaya moviendo las palabras del status

  • Te enseña la hora y el texto que quieras en la barra del status

  • Varias frases o texto desplanzadose por el status

  • Escribir en la barra de estado (status) al pasar el mouse por encima (onmouseover)

  • Escribir en "Title" y hacer que se maya moviendo cada X segundos.

 

Abrir Nuevas Ventanas (Facilidades Navegación)

  • Que se abra una ventana al entrar en la web (se puede definir tamaño, barras, etc, etc, etc)

  • Abrir una ventana al apretar un enlace (también se puede definir tamaño, etc)

  • Para llamar a la página (caso anteriror)

  • Imprimir la página

  • Copiar al portapapeles

  • Función Confirmar (ok, cancel) si ok entras sino vuelve para atrás

Mejoras Diseño

  • Punto de mira que ocupa toda la pantalla (color verde)

  • Para que el cursor sea un punto de mira (en pequeñito)

  • Te dice el dia, mes y año del PC

  • Cerrar la ventana al cabo de X rato

  • Botón Cerrar Ventana (también windows.self.close())

  • Botón Atrás, Actualizar y Adelante

  • Cambiar el puntero por uno personalizado:

  • Cambiar el puntero:

Meta Tags

  • Actualizar contenido cada X segundos o va hacia otra pagina en x segunddos (en el head)

  • El navegador o el proxy no guarde la página web en caché

  • El navegador o el proxy no guarde la página web en caché en lenguaje PHP

  • Otras Meta-Tags básicas

 

Rotación Banners

  • Rotación banners (permite poner tantos banners como quieras, permite definir texto, imagen origen, link de destino, alto y anchura de imagen)

  • Banner aleatorio

  • Para llamar al banner

Cookies

  • Mandar una cookie

  • Leer contenidos de la cookie

  • Lista de opciones (ahora le llaman "Navegación Rápida)

  • Enviar un e-mail con un "Subject" (Asunto), con Body (Cuerpo del Mensaje), así como CC (Copia Oculta)

  • Al apretar un link, que haga varias cosas a elegir.

Validar Formularios

  • Validar formularios (comprueba que el campo e-mail incluya la arroba (@)

  • Validar Formularios Completo (mira longitud del campo, si incluye carácteres prohibidos, la arroba, etc)

* Notas: El nombre del Formulario debe ser Formulario, y debes cambiar los campos NOMBRE, APELLIDO y EMAIL por los campos de tu formulario. Además incluye la función "on focus" que te lleva al campo que este mal

  • Al apretar el botón derecho aparece un menu (poner en el head)

Mejoras Webmaster

  • Hojas de Estilo (CSS) Guardar como un archivo *.css

  • Hojas de Estilo (Para llamarlo y siempre dentro del Head)

  • Funciones JavaScript (Guardarlo en un archivo *.js)

  • Para llamar al JavaScript

  • Última modificación automática (escribe automaticamente la fecha cuando lo guardas)

 

 

  • Crear una ventana de Dialogo Web

  • Redirección simple

  • Ejemplo de subir archivo a un servidor

  • Contraseña sin campo de texto.

  • Abrir una ventana con  un tamaño determinado

 
  • Efecto de redirecciòn

  • Abrir pagina en la barra de búsqueda

 

  • Abrir ventana en la barra de multimedia

  • Abrir ventana pop up que se minimice al iniciarse

Comprobaciones

  • Algunas versiones de Netscape Navigator pueden provocar fallos si se recarga la página o se cambia de tamaño

  • Mirar si el navegador del visitante tiene flash (si tiene haces una cosa, sino otra)

Chorradas

  • Texto que va cambiando de color

  • Un texto va siguiendo el puntero del ratón

  • Terremoto (que la pantalla tiemble y se mueva)

  • Cualquier imagen va moviendose por la pantalla

 

Efecto Nieve (van cayendo copos de nieve)

HTML Dinámico

 

  • Efectos DHTML

  • Diferentes Tipos

 Los diferentes efectos (Y) son los siguientes:

 =0  cuadrado hacia dentro

=1  cuadrado hacia fuera

=2  circulo hacia dentro

=3  circulo hacia fuera

=4  barrido desde abajo

=5  barrido desde arriba

=6  barrido desde la derecha

=7  barrido desde la izquierda

=8  Tiras verticales

=9  Tiras horizontales

=10  Cuadros hacia la derecha

=11  Cuadros hacia abajo

=12  Disolución aleatoria (este se ve mucho)

=13  Barridos verticales hacia dentro

=14  Barridos verticales hacia fuera

=15  Barridos horizontales dentro

=16  Barridos horizontales hacia fuera

=17  Barrido diagonal desde arriba derecha

=18  Barrido diagonal desde abajo derecha

=19  Barrido diagonal desde arriba izquierda

=20  Barrido diagonal desde abajo izquierda

=21  Líneas horizontales aleatorias

=22  Líneas verticales aleatorias

=23  Ejecuta un efecto al azar entre los 23 anteriores

 

 

[ Consejos ]

Consejos del webmaster de elhacker.net

 

  • 1-Testear --> Prueba primero siempre tu web en casa para que todo funcione, prueba cosas, visualiza la web con diferentes navegadores, mira que no haya errores tontos (enlaces a imagenes con la ruta incorrecta, nombre imagen mal puesto, directorio mal estcrito, etc) , que no haya fallos de JavaScript, estoy harto de ver páginas web llenas con fallos de JavaScript, etc, etc

  • 2-Seriedad --> Trabaja con seriedad, sin ventanas, ni pop-up's abriendose por todas partes, utiliza un lenguaje ameno pero serio, sé simpático con el usuario pero habla con propiedad. Si el navegante no ha pedido abrir una ventana, no desea que se le abran 5 ventanas para que le voten a no sé dónde.

  • 3-Trabaja siempre en local --> enlaza imagenes y todo siempre en local, es decir, trabajando desde tu disco duro, asi si cambias la web de servidor no tendrás que tocar nada, además puedes visualizar la web desde tu disco duro. Ejemplo: src=../images/nombre.gif

  • 4-Estructura, Organiza y Ordena --> crea una carpeta para las imagenes, un directorio cgi-bin o equivalente, uno para los banners, etc.

  • 5-Agrupa --> A medida que la web va creciendo ves agrupando secciones para que la web siga siendo fácil de navegar.

  • 6-Innovar y Actualizar --> busca o piensa nuevas secciones que puedan interesar a la gente, además procura actualizar la web frecuentemente. Muchas webs han sido abandonadas y la mitad de las cosas ya no funcionan o son las mismas que hace dos años. Actuliza programas, enlaces, a veces hay páginas que desaparecen, cambian de dirección, etc.

  • 7-Trabaja siempre con tablas o con capas. Si trabajas con tablas utiliza el tamaño de las tablas (widht) en porcentajes y nunca en pixels, así la página se visualizará correctamente en todas las resoluciones. Recuerda también usar varias fuentes por si una no está presente el ordenador del visitante cogerá la siguiente: ejemplo: face="Verdana, Tahoma, Arial"

 

 

 

  Ejemplos

 

 

 | noticias |  encuesta |