T r u c o s W e b -

- T r u c o s W e b m a s t e r -

No permite el boton derecho y ademas te penaliza con 10 clicks

Para webs sin frames, mantiene tu pagina en primer plano, y no puede estar en frames de otro "listillo"

Variacisn del anterior

Personalizacisn de la Web

Para hacer la Pagina de Inicio

<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('tkgan');return false">Pagina de inicio</a>

Aqadir a Favoritos

Para que al aqadir 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, tamaqo, 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 enseqa 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:webmaster@tuservidor.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=" [ tkgan ] - http://tkgan.web-hit.com -"; 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 Navegacisn)

Que se abra una ventana al entrar en la web (se puede definir tamaqo, 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 (tambien se puede definir tamaqo, etc)

Para llamar a la pagina (caso anteriror)

javascript:winopen('http://tkgan.web-hit.com','tkgan')"

Imprimir la pagina

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

Copiar al portapapeles

Funcisn Confirmar (ok, cancel) si ok entras sino vuelve para atras

Mejoras Diseqo

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

Para que el cursor sea un punto de mira (en pequeqito)

Te dice el dia, mes y aqo del PC

Cerrar la ventana al cabo de X rato

Boton Cerrar Ventana (tambiin windows.self.close())

Boton Atras, Actualizar y Adelante

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.tkgan.web-hit.com">

El navegador o el proxy no guarde la pagina web en cachi

El navegador o el proxy no guarde la pagina web en cachi en lenguaje PHP

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

Otras Meta-Tags basicas

Rotacisn Banners

Rotacion 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

Cookies

Mandar una cookie

<SCRIPT language=JavaScript>

Leer contenidos de la cookie

<SCRIPT language=JavaScript>  </SCRIPT>

Lista de opciones (ahora le llaman "Navegacisn Rapida)

<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">Criptografma</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">Guma 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">Melodmas</option> <option value="gsm.htm">Mensajes SMS</option> <option value="noticias.htm">Noticias</option> <option value="orgasmo.htm">Orgasmo</option> <option value="http://www.elhacker.net/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">Telefonma</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)

mailto:webmaster@tkgan.net?subject=Comentarios/Sugerencias

Al apretar un link, que haga dos cosas a elegir (en el ejemplo te lleva a otra pagina y te envia un e-mail)

<a href="pagina.htm" OnClick="mailto:pepito@tkgan.net">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 direccisn de e-mail valida'); return false; } } </SCRIPT>

Validar Formularios Completo (mira longitud del campo, si incluye caracteres 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. Ademas incluye la funcisn "on focus" que te lleva al campo que este mal

Al apretar el botsn 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

Ultima modificacion automatica (escribe automaticamente la fecha cuando lo guardas)

Scrollbar en colores

Comprobaciones

Algunas versiones de Netscape Navigator pueden provocar fallos si se recarga la pagina o se cambia de tamaqo

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 ratsn

<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 Dinamico

Efectos DHTML

<META http-equiv="Page-Enter" content="RevealTrans (Duration=3, Transition=23)"> Explicacisn: Page-Enter indica que el efecto sucedera cuando alguien entre en la pagina. Tambien puede indicarse en su lugar Page-Exit y entonces la animacisn sucedera cuando se abandone la pagina. (Esto es mas odioso todavma si cabe... pues si nos vamos a otro sitio, puede parecer que la transicisn la tiene de entrada el nuevo sitio y no el que abandonamos) Duration=X indica la duracisn del efecto. X en segundos. Ponga 31536000 y la transicisn durara un aqo. Transition=Y indica el efecto a realizar. Hay 23 diferentes mas un valor para aleatorio.

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 Disolucisn 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 Lmneas horizontales aleatorias

=22 Lmneas verticales aleatorias

=23 Ejecuta un efecto al azar entre los 23 anteriores

[ Consejos ]

Consejos del webmaster de lamadera

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 paginas 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, si simpatico 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 si dsnde.
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 tendras que tocar nada, ademas puedes visualizar la web desde tu disco duro. Ejemplo: src=../images/nombre.gif
4-Estrucutra, 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 facil de navegar.
6-Innovar y Actualizar --> busca o piensa nuevas secciones que puedan interesar a la gente, ademas 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 aqos. Actuliza programas, enlaces, a veces hay paginas que desaparecen, cambian de direccisn, etc.
7-Trabaja siempre con tablas o con capas. Si trabajas con tablas utiliza el tamaqo de las tablas (widht) en porcentajes y nunca en pixels, asm la pagina se visualizara correctamente en todas las resoluciones. Recuerda tambiin usar varias fuentes por si una no esta presente el ordenador del visitante cogera la siguiente: ejemplo: face="Verdana, Tahoma, Arial"