webmasters

Home · Foro · Descargas · Links Favoritos Inicio Imprimir -Visitante:

WEBMASTERS!!

Sábado 15 de junio de 2002 :: 3:42 :: Cp.Airon[250D.W]

- Bueno esta sección está dedicada a los que tratan de hacer su web. Aquí pondre los códigos y su función. Lo pondré todo porque estoy harto de aquellos que no te ayudan o no te dicen sus secretos. Mejora tu web con estos códigos y webs.

Comentar noticia

JAVA SCRIPTS VARIOS

Sábado 15 de junio de 2002 :: 3:42 :: Cp.Airon[250D.W]

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

<SCRIPT language=JavaScript> function blockError(){return true;} window.onerror = blockError; </SCRIPT>

Para esconder la URL en el navegador (Utilizar un frame del 100%)

<HTML> <HEAD> <TITLE>Página Incial - wwww.elhacker.net</TITLE> </HEAD> <FRAMESET rows="100%" BORDER=0 FRAMEBORDER=0 FRAMESPACING=0> <FRAME NAME="top" SRC="http://www.elhacker.net/" NORESIZE></FRAMESET> </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

<SCRIPT language=JavaScript> function right(e) { if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)) { a=window.open("http://www.elhacker.net/","WindowName","width=640,height=600,top=40,left=50,resizable=yes,scrollbars=yes,menubar=no,toolbar=no,status=no,location=no"); return false; } else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) { a=window.open("http://www.elhacker.net/","WindowName","width=640,height=600,top=40,left=50,resizable=yes,scrollbars=yes,menubar=no,toolbar=no,status=no,location=no"); return false; } return true; } document.onmousedown=right; window.onmousedown=right; </SCRIPT>

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 href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.elhacker.net');return false">Página de inicio</a>

Añadir a Favoritos

Para que al añadir a "Favoritos" te coja un icono (se tiene que colocar en el head)

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

Otro ejemplo:

<STYLE type=text/css>BODY { SCROLLBAR-FACE-COLOR: #333333; SCROLLBAR-HIGHLIGHT-COLOR: #444444; SCROLLBAR-SHADOW-COLOR: #111111; SCROLLBAR-3DLIGHT-COLOR: #333333; SCROLLBAR-ARROW-COLOR: #ffffce; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: black } </STYLE>

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

Escribir en el status

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)

<a href="mailto:alex@elhacker.net?subject=Comentarios/Sugerencias" onMouseOver="window.status='[ contacta con el webmaster ]';return true"> el-brujo</a>

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

<SCRIPT LANGUAGE="JavaScript"> var txt=" e l h a c k e r . n e t - wwww.elhacker.net -"; var espera=200; var refresco=null; function rotulo_title() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);} rotulo_title(); </SCRIPT>

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)

<SCRIPT language=Javascript> open('legal.htm','AVISOLEGAL',"toolbar=0,location=0,status=0,menubar=0,scrollbars=yes,resizable=yes,width=490,height=232");</SCRIPT>

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

Para llamar a la página (caso anteriror)

javascript:winopen('http://www.elhacker.net','ELHACKERNET')"

Imprimir la página

<a href="javascript:window.print()">Imprimir</a>

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:

BODY { cursor:url(elhacker.cur); }

Cambiar el puntero:

<a href="#" style="cursor:help">enlace</a>

Meta Tags

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

<meta http-equiv="refresh" content="0">  <meta http-equiv="refresh" content="8;URL=http://www.hacker.es.org">

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

<? header("Cache-Control: no-cache, must-revalidate"); ?>

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)

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

Banner aleatorio

Para llamar al banner

Mandar una cookie

<SCRIPT language=JavaScript>

Leer contenidos de la cookie

<SCRIPT language=JavaScript>  </SCRIPT>

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

<table height="74"> <tr> <td class="c1" vAlign="top" width="19%" height="70"> <form> <table align="center" cellPadding="0" class="t1" width="116" height="86"> <tbody> <tr> <td align="left" bgColor="#000000" height="15" width="129"> <p align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><font color="#FFFFFF"> <img border="0" src="flecha.gif" width="6" height="7"> </font><b><font color="#fdcf66">I n d e x </font></b><font face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF" size="2"><img border="0" src="flecha.gif" width="6" height="7"></font> </font></p> </td> </tr> <tr> <td height="61" width="129"> <div align="center"> <p align="left" style="word-spacing: 0; line-height: 100%; text-indent: 0; margin: 0"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF"> <select name="llista" size="1" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8 pt"> <option selected value="error.htm"><Selecciona></option> <option value="antivirus.htm">Antivirus</option> <option value="Buscadores1.htm">Buscadores</option> <option value="buscamp3.htm">Busca MP3</option> <option value="covers1.htm">Covers</option> <option value="criptografia.htm">Criptografía</option> <option value="cracks.htm">Cracks</option> <option value="chat2.html">Chat</option> <option value="dibujosms.htm">Dibujos SMS</option> <option value="divx.htm">DivX</option> <option value="dni.htm">DNI</option> <option value="emuladores.htm">Emuladores</option> <option value="encuesta.htm">Encuesta</option> <option value="formulario2.htm">Formulario</option> <option value="http://www.elhacker.net/foro.htm">Foro</option> <option value="fotos.htm">Fotos</option> <option value="grabadoras.htm">Grabadoras</option> <option value="Inet1.htm">Guía Internet</option> <option value="http://www.terra.es/personal3/fistror/hacking.htm">Hacking</option> <option value="Info.html">Info Browser</option> <option value="scripts1.htm">IRC Scripts</option> <option value="irc2.htm">IRC Utils</option> <option value="javascript.htm">JavaScript</option> <option value="juegos.htm">Juegos</option> <option value="guest.htm">Libro de Visitas</option> <option value="links.htm">Links</option> <option value="Linux.htm">Linux</option> <option value="email.htm">Lista Correo</option> <option value="lomejor.htm">Lo Mejor</option> <option value="melodias.htm">Melodías</option> <option value="gsm.htm">Mensajes SMS</option> <option value="noticias.htm">Noticias</option> <option value="orgasmo.htm">Orgasmo</option> <option value="/cgi-bin/birdcast.cgi">Recomendar</option> <option value="solicitudweb.htm">Redireccionador</option> <option value="reloj.htm">Reloj</option> <option value="remailer.htm">Re-Mailer</option> <option value="seguridad.htm">Seguridad</option> <option value="tarifas.htm">Tarifas</option> <option value="moviles2.htm">Telefonía</option> <option value="Textos1.htm">Textos</option> <option value="trivial.htm">Trivial</option> <option value="trucosvisual.htm">Trucos VBasic</option> <option value="trucoswin.htm">Trucos Win</option> <option value="harddisk.htm">Tu HD</option> <option value="votame.htm">Votame!</option> <option value="webcam.htm">WebCams</option> <option value="webmasters.htm">Webmasters</option> <option value="windows.htm">Windows</option> <option value="bsod.htm">Win vs Linux</option> <option value="juego.html">3 en Raya</option> </select> </font> </div> <font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF"> <div align="center"> <p align="left" style="word-spacing: 0; line-height: 100%; text-indent: 0; margin: 0"> </div> </font> <div align="center"> <p align="left" style="word-spacing: 0; line-height: 100%; text-indent: 0; margin: 0"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF"> <input name="Submit" onclick="top.location.href=this.form.llista.options[this.form.llista.selectedIndex].value" type="button" value=" - Vamos! - " style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8 pt"> </font> </div> </td> </tr> </tbody> </table> </form> </td> </tr> </table>

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

mailto:alex@elhacker.net?subject=Comentarios/Sugerencias&body=aqui el cuerpo del mensaje

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

<a href="pagina.htm" OnClick="funcion_javascript(),otra_funcion()">Ejemplo</a>

Validar Formularios

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

<form method="post" action="http://www.tudominio.com/cgi-bin/formail.cgi" onSubmit="return validar(this.email.value)">  <SCRIPT LANGUAGE="JavaScript"> function validar(direccion) { if (direccion.indexOf("@") != -1) return true; else { alert('Debes escribir una dirección de e-mail válida'); return false; } } </SCRIPT>

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

<form method="post" action="http://www.tudominio.com/cgi-bin/formail.cgi" onSubmit="return validar(this)">  <script Language="JavaScript"></script>

* 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)

<STYLE>  </style> <script language="JavaScript1.2"> var menuskin=0 var display_url=0 function showmenuie5(){ var rightedge=document.body.clientWidth-event.clientX var bottomedge=document.body.clientHeight-event.clientY if (rightedge<ie5menu.offsetWidth) ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth else ie5menu.style.left=document.body.scrollLeft+event.clientX if (bottomedge<ie5menu.offsetHeight) ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight else ie5menu.style.top=document.body.scrollTop+event.clientY ie5menu.style.visibility="visible" return false } function hidemenuie5(){ ie5menu.style.visibility="hidden" } function highlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="highlight" event.srcElement.style.color="white" if (display_url==1) window.status=event.srcElement.url } } function lowlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="" event.srcElement.style.color="black" window.status='' } } function jumptoie5(){ if (event.srcElement.className=="menuitems"){ if (event.srcElement.getAttribute("target")!=null) window.open(event.srcElement.url,event.srcElement.getAttribute("target")) else window.location=event.srcElement.url } } </script>  <script language="JavaScript1.2"> if (document.all&&window.print){ if (menuskin==0) ie5menu.className="skin0" else ie5menu.className="skin1" document.oncontextmenu=showmenuie5 document.body.onclick=hidemenuie5 } </script>

Mejoras Webmaster

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

A:link {text-decoration: none;} A:visited {text-decoration:none;} A:hover {text-decoration: underline; color="#FFFF00";} A:active {TEXT-DECORATION: none} BODY { scrollbar-base-color : #000000; scrollbar-arrow-color : #FFFFFF; } .nav { color : #FFCC00; font-size : 8pt;}

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)

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

<html> <head> <style> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:9pt; font-family:Tahoma; font-weight:bold; color:blue; } </style> <script> var x,y var step=20 var flag=0 // Tienes que dejar un espacio al final de tu mensaje!!!!! var message="Tu mensaje va aqui... " message=message.split("") var xpos=new Array() for (i=0;i<=message.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=message.length-1;i++) { ypos[i]=-50 } function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY flag=1 } function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } var timer=setTimeout("makesnake()",30) } </script> </head> <body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll"> </body> <script>  </script> </html>

Terremoto (que la pantalla tiemble y se mueva)

<INPUT onclick=shake(40) type=button value=""Terremoto""> <SCRIPT language=JavaScript1.2>  </SCRIPT>

Cualquier imagen va moviendose por la pantalla

Efecto Nieve (van cayendo copos de nieve)

HTML Dinámico

Efectos DHTML

<META http-equiv="Page-Enter" content="RevealTrans (Duration=3, Transition=23)"> Explicación: Page-Enter indica que el efecto sucederá cuando alguien entre en la pagina. También puede indicarse en su lugar Page-Exit y entonces la animación sucederá cuando se abandone la pagina. (Esto es mas odioso todavía si cabe... pues si nos vamos a otro sitio, puede parecer que la transición la tiene de entrada el nuevo sitio y no el que abandonamos) Duration=X indica la duración del efecto. X en segundos. Ponga 31536000 y la transición durara un año. Transition=Y indica el efecto a realizar. Hay 23 diferentes mas un valor para aleatorio.

Comentar noticia

JAVA SCRIPTS VARIOS

Sábado 15 de junio de 2002 :: 3:42 :: Cp.Airon[250D.W]

1-El primer script te muestra la fecha de forma reducida o sea con el formato: 5/19/2001

2-Este código es uno de los mas usados y sirve para que tus visitantes puedan agregar tu página a sus favoritos mediante un Link.

3-Con este script podrás poner un enlace para que tus visitantes puedan imprimir tus articulos directamente desde tu página.

4- Para que tus visitantes te hagan su página de inicio

5-Con este código conseguiras agregar un mensaje en la barra de estado de tu navegador.

6-Este script te muestra la fecha con el formato original

7-Para redireccionar tu página automaticamente hacia otro sitio web o página.

8-Con este podrás anular el boton derecho de tus visitantes para que no te copien imágenes o cualquier cosa.

9-Este código se utiliza para cambiar imagenes o banners sin necesidad de cambiar la página las imagenes se refrescan automaticamente,tienes que indicar el lugar de las imagenes e incluso se puede configurar el tiempo.

10-Con este código conseguiras que unos simpatiquillos ojos persigan al cursor por toda la ventana

11- Quita las rayas a veces molestas que aparecen debajo de los hipervínculos.

12-Para llevar una cuenta progresiva de tu web

13-Con este otro consigues llevar una cuenta regresiva

15-Cambia de color un link de texto cuando pasas el puntero por encima.

16-Para mostrar un Texto en movimiento en el Titulo de la ventana del navegador.

18-Este script te muestra un menu despegable tipo formulario

19-Añade un efecto alrededor del puntero de tu mouse que consiste en mostrar un texto en forma de orbita

20-Un Menu que muestra un texto descriptivo debajo del mismo al pasar el puntero por un determinado link.

21- Pon en tu home un mensaje de bienvenida tipo Flash

Comentar noticia

WEBS DE INTERES PARA EL PROGRAMADOR

Sábado 15 de junio de 2002 :: 3:42 :: Cp.Airon[250D.W]

- Si quieres tener un contador de usuarios on-line debes ir a esta web darte de alta y pinchar deseo servicio de contador usuarios on-line. Hay mucho para escoger.

Comentar noticia

GENERADOR DE POP-UPS

Sábado 15 de junio de 2002 :: 3:42 :: Cp.Airon[250D.W]

Crea muy facilmente ventanas totalmente personalizadas que se abren cuando cargue una página, cuando presiones un botón o un link.
Recomendable para destacar noticias muy importantes en nuestro site.
Utilizar esta herramienta.

Comentar noticia

GENERADOR DE SCROLL-BARS

Sábado 15 de junio de 2002 :: 3:42 :: Cp.Airon[250D.W]

Alguna vez haz visto webs en las que las barras de desplazamiento estan cambiadas de color, nunca supiste como hacer eso y te volviste loco buscando por toda internet? esta espectacular herramienta resuelve ese problema.
Utilizar esta herramienta.

Comentar noticia

GENERADOR DE META-TAGS

Sábado 15 de junio de 2002 :: 3:42 :: Cp.Airon[250D.W]

Los motores de busqueda utilizan estos tags o etiquetas para consultar la informacion de tu sitio. Toda esa informacion que es escencial al mostrrse en los buscadores, nombre del sitio, descripcion, palabras claves, etc.
Utilizar esta herramienta.

Comentar noticia

GENERADOR DE ALERTAS PARA TU WEB

Sábado 15 de junio de 2002 :: 3:42 :: Cp.Airon[250D.W]

Informá a tus visitantes sobre cosas importantes que sucedan en tu sitio, actuaLizaciones, noticias, etc. AdemÁs puedes confirmar informacion con este mismo sistema.
Utilizar esta herramienta.

Comentar noticia

GALERIA DE BANNERS

Sábado 15 de junio de 2002 :: 3:42 :: Cp.Airon[250D.W]

- Guarda estas imágenes en tu ordenata pulsando el boton derecho + guardar imagen como y modificalas con algun programa de imagen. Un consejo: Puedes usar las letras interesantes para poner el nombre de tu web. Además trata de que no ocupe más de 12 kb ya que la mayoria de los sistemas de intercambio de banners no aceptan banners por encima de esa memoria. SELECCIÓN DE LOS MEJORES:

- Encuentralos todos en la web de recursos graficos dedicada a las necesidades graficas de lo webmasters. PINCHA AQUÍ PARA IR.

Comentar noticia

LETRAS INTERESANTES

Sábado 15 de junio de 2002 :: 3:42 :: Cp.Airon[250D.W]

- Descargatelas abre el archivo .zip con el WINZIP PINCHA AQUI si no lo tienes y pon el archivo de letras en C:/windows/fonts y podrás usarlas en microsoft word y todos los demas programas de escritura porque se comparten. CONSEJO: Quedan muy bien en logos o banners!!!

Comentar noticia

Que web tan currada!!!

Martes 4 de junio de 2002 :: 22:12 :: Cp.Airon[250D.W]

Constante actualización y remodelación. GRACIAS por visitarnos ; ) y no dejes de hacerlo. Si te hemos gustado pincha en este imagen para votarnos en el ranking de topsapin y asi que ganemos visitas. GRACIAS ;)

Comentar noticia

2001 - 2002 - 250 División de la Wehrmacht- Prohibida la reproducción total o parcial de esta web.