...::: eMuleSoft :::... Tu Web de eMule Gratis Peliculas Musica Descargas Directas eMule

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

<script language="JavaScript">  </script>

Para llamar al banner

<script language="JavaScript">  </script>

Cookies

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="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">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:mail@dominio.com?subject=Comentarios&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 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 E-MAIL 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 menú (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)

<head> <LINK REL=STYLESHEET TYPE="TEXT/CSS" HREF="lotuyo.css"> </head>

Funciones Java Script (Guardarlo en un archivo *.js)

function right(e) { var msg = " www.eMuleSoft.com "; if (navigator.appName == 'Netscape' && e.which == 3) { alert(msg); // Delete this line to disable but not alert user return false; } else if (navigator.appName == 'Microsoft Internet Explorer' && event.button==2) { alert(msg); // Delete this line to disable but not alert user return false; } return true; } document.onmousedown = right;

Para llamar al Java Script

<script language="JavaScript" src="ejemplo.js"></script>

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

<script language="VBScript"> document.write "Este documento fue actualizado por última vez en: " document.write document.lastmodified </script>

Comprobaciones

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

<script language="JavaScript">  </script>

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

<script language="JavaScript">  </script>  <body> <body onLoad="MM_checkPlugin('Shockwave Flash','okflash','noflash',true);return document.MM_returnValue"> </body>

Chorradas

Texto que va cambiando de color

<script language="JavaScript">  </script>

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.... " 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 moviéndose por la pantalla

<script language="JavaScript">  </script>  <div id="mierda" style="position: absolute; left: 100; top: 242; width: 116; height: 58; z-index: 1"> <script> if (test) { document.write('<a href="noticias.htm" target="_blank"><img src="noticias.gif" border="0"></a>'); } </script> </div> 

Efecto Nieve (van cayendo copos de nieve)

<script>    var no = 5; // snow number var speed = 15; // smaller number moves the snow faster var snowflake = "dot.gif"; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 400, doc_height = 500; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = 500; doc_height = 500; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } else { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } else { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </script> 

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.

Publicado en: 2003-05-19 (1824 Lecturas)

[ Volver Atrás ]