carlos218
Usuario (México)
Hola a todos ahora les enseñare algunos trucos HTML para tu web Redireccionar una pagina <HTML> <HEAD> <TITLE>Redireccionado por www.CheNico.com</TITLE> <SCRIPT LANGUAGE="JavaScript"> location.href='http://www.CheNico.com'; </SCRIPT> </HEAD> <BODY> Abrir una web en Pop Up <script language='JavaScript'>window.open('http://www.chenico.com', 'geoflotante', '');</script> No dejar seleccionar el texto de nuestra Web <script language="Javascript"> <!-- Begin function disableselect(e){ return false } function reEnable(){ return true } document.onselectstart=new Function ("return false" if (window.sidebar){ document.onmousedown=disableselect document.onclick=reEnable } // End --> </script> Horas restantes para finalizar el día <body> <p>El reloj...</p> <form name="Reloj"> <input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día"> <script language="JavaScript"> <!-- var tiempoAtras; updateReloj(); function updateReloj() { var tiempo = new Date(); var hora = 23-tiempo.getHours(); var minutos = 59-tiempo.getMinutes(); var segundos = 59-tiempo.getSeconds(); tiempoAtras= (hora < 10) ? hora :hora; tiempoAtras+= ((minutos < 10) ? ":0" : ":" + minutos; tiempoAtras+= ((segundos < 10) ? ":0" : ":" + segundos; document.Reloj.tiempo.value = tiempoAtras; setTimeout("updateReloj()",1000); } //--> </script> </form> </body> Recomendar una página <form name="eMailer"> ENVÍA ESTA PÁGINA A UN AMIGO <br> Indica su e-mail: <br> <input type="text" name="address" size="25"> <br> <input type="button" value="Recomendá esta Web!" onClick="mailThisUrl();"> </form> <script language="JavaScript1.2"> var good; function checkEmailAddress(field) { // the following expression must be all on one line... var goodEmail = field.value.match(/b(^(S+@).+((.com)|(.net)| (.edu)|(.mil)|(.gov)|(.org)|(..{2,2}))$)b/gi); if (goodEmail){ good = true } else { alert('Por favor introduce un e-mail valido') field.focus() field.select() good = false } } u = window.location; m = "Pienso que te puede interesar esta página..."; function mailThisUrl(){ good = false checkEmailAddress(document.eMailer.address) if (good){ // the following expression must be all on one line... window.location = "mailto:"+document.eMailer.address.value+"?subject="+m+"&body="+document.title+" "+u; } } </script> Crear un Formulario o Libro de Visitas: <H2>Libro de visitas de www.CheNico.com</H2> <FORM ACTION="mailto:[email protected]" METHOD="post"> <TABLE> <TD ALIGN=RIGHT>Nombre:</TD> <TD><INPUT type="text" size=36 name="nombre"></TD> <TR><TD ALIGN=RIGHT>Direccion E-mail:</TD> <TD><INPUT type="text" size=36 name="direccion"></TD> <TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD> <TD><INPUT type="text" size=36 name="procedencia"></TD> <TR><TD ALIGN=RIGHT>Tus comentatios:</TD> <TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD> </TABLE> <INPUT type="reset" value="Borrar todo"> <INPUT type="submit" value="Enviar"> </FORM> Crear un Título que cambia de colores <!-- inicio de head--> <script> mesk=new Array();mesk[10]="A";mesk[11]="B";mesk[12]="C";mesk[13]="D";mesk[14]="E";mesk[15]="F";A=10;B=11;C=12;D=13;E=14;F=15;let="ABCDEF";function mes(num){if(let.indexOf(num) != -1){return eval(num)};else{if(num < 10){return eval(num)};else{return mesk[num]}}}; function color(begin,einde,stappen,stap){ hh1=(mes(begin.charAt(0))*16)+mes(begin.charAt(1)); hh2=(mes(begin.charAt(2))*16)+mes(begin.charAt(3)); hh3=(mes(begin.charAt(4))*16)+mes(begin.charAt(5)); pp1=(mes(einde.charAt(0))*16)+mes(einde.charAt(1)); pp2=(mes(einde.charAt(2))*16)+mes(einde.charAt(3)); pp3=(mes(einde.charAt(4))*16)+mes(einde.charAt(5)); if(hh1 < pp1){ff1=hh1+Math.floor((pp1-hh1)/stappen*stap); ff1=eval("'"+mes(Math.floor(ff1/16))+"'"+eval("'"+mes(ff1-(Math.floor(ff1/16)*16))+"'";} ;else{ff1=hh1-Math.floor((hh1-pp1)/stappen*stap); ff1=eval("'"+mes(Math.floor(ff1/16))+"'"+eval("'"+mes(ff1-(Math.floor(ff1/16)*16))+"'";} if(hh2 < pp2){ff2=hh2+Math.floor((pp2-hh2)/stappen*stap); ff2=eval("'"+mes(Math.floor(ff2/16))+"'"+eval("'"+mes(ff2-(Math.floor(ff2/16)*16))+"'";} ;else{ff2=hh2-Math.floor((hh2-pp2)/stappen*stap); ff2=eval("'"+mes(Math.floor(ff2/16))+"'"+eval("'"+mes(ff2-(Math.floor(ff2/16)*16))+"'";} if(hh3 < pp3){ff3=hh3+Math.floor((pp3-hh3)/stappen*stap); ff3=eval("'"+mes(Math.floor(ff3/16))+"'"+eval("'"+mes(ff3-(Math.floor(ff3/16)*16))+"'";} ;else{ff3=hh3-Math.floor((hh3-pp3)/stappen*stap); ff3=eval("'"+mes(Math.floor(ff3/16))+"'"+eval("'"+mes(ff3-(Math.floor(ff3/16)*16))+"'";} ;return ff1+ff2+ff3} bum=0;bum2=0;txt=new Array();txt[0]="";function lightf(){ for(i=0;i != Math.floor(message.length/2);i++){txt=color(lightcolor1,lightcolor2,Math.floor(message.length/2),i)}; for(i=Math.floor(message.length/2);i != message.length;i++){txt=color(lightcolor2,lightcolor1,Math.floor(message.length/2),(i-Math.floor(message.length/2)))}; lightf1()} function lightf1(){txt[message.length+1]="";bum2=message.length-bum;for(i=0;i != message.length;i++){if(i+bum < message.length){txt[message.length+1]=txt[message.length+1]+"<font color='#"+txt[(i+bum)]+"'>"+message.charAt(i)+"</font>"};else{txt[message.length+1]=txt[message.length+1]+"<font color='#"+txt[i-bum2]+"'>"+message.charAt(i)+"</font>" }};if(bum != message.length){bum++;};else{bum=0};light.innerHTML=txt[message.length+1];setTimeout("lightf1()",50)} </script> </head> <body bgcolor="#FFFFFF" background="globulos.jpg"> <!--inicio del body --> <center><h1><div id="light"></div></h1> <script> lightcolor1="FF0000" // color lightcolor2="33CC66" // color message="Título que cambia de colores" // introduce el texto lightf() </script> </center> <!--fin del body --> Cuadro explicativo de los enlaces <p> <script language="JavaScript"><!-- function escribe(frase){document.desplaza.cuadro.value=frase; } // --></script> </p> <table border="0"> <tr> <td width="200"><p align="center"><strong>Opciones.</strong></p> <p><a href="http://www.CheNico.com" onmouseover="escribe(' Página principaln ----------------nn Cuando hagas Click en este enlace irás directamente a la página de inicio de mi web');">Página principal</a><br> <a href="http://***/pauluk/trucosprin.htm" onmouseover="escribe(' Trucos PCn -----------nn Este enlace te llevará a la página de Trucos PC en la que podés encontrar muchos más trucos interesantes para realizar e incluir en tus páginas web');">Trucos PC</a><br> <a href="http://***/pauluk/GLOSARIO.HTM" onmouseover="escribe(' Glosarion -------------- nn Diccionario de Términos Informáticos. Enterate el significado de esas palabras de computación que decís todos los días pero que no sabés exactamente qué significa.');">Glosario</a><br> </p> </td> <td><form name="desplaza"> <p><textarea name="cuadro" rows="8" cols="30" wrap="physical"></textarea></p> </form> </td> </tr> </table> Insertar un sonido o música de fondo <BGSOUND SRC="sonido.mid" LOOP=none> <WIDTH=200 HEIGHT=55 AUTOSTART="true" LOOP="false" HIDDEN="true"> Crear un link para download: <a href="ejemplo.exe">Descripción del enlace </a> Efecto nieve con cualquier imagen: <script> var no = 5; // snow number var speed = 15; // smaller number moves the snow faster var snowflake = "snow.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 = 0; // set coordinate variables xp = Math.random()*(doc_width-50); // set position variables yp = Math.random()*doc_height; am = Math.random()*20; // set amplitude variables stx = 0.02 + Math.random()/10; // set step variables sty = 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 += sty; if (yp > doc_height-50) { xp = Math.random()*(doc_width-am-30); yp = 0; stx = 0.02 + Math.random()/10; sty = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx += stx; document.layers["dot"+i].top = yp; document.layers["dot"+i].left = xp + am*Math.sin(dx); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp += sty; if (yp > doc_height-50) { xp = Math.random()*(doc_width-am-30); yp = 0; stx = 0.02 + Math.random()/10; sty = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx += stx; document.all["dot"+i].style.pixelTop = yp; document.all["dot"+i].style.pixelLeft = xp + am*Math.sin(dx); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </script> Subrayar un Link al pasar el mouse <STYLE type="text/css"> <!-- A:link {COLOR: red; TEXT-DECORATION: none} A:visited {COLOR: gray; TEXT-DECORATION: none} A:active {TEXT-DECORATION: none} A:hover {COLOR: blue; TEXT-DECORATION: underline} --> </STYLE> </p> <p><a href="l1.htm">El texto que quieras.</a><br> <a href="l2.htm">otro texto.</a><br> <a href="l3.htm">Otro texto.</a><br> </p> Transformar el cursor en una mira <style type="text/css"> <!-- body { cursor: crosshair} --> </style> Comentario sobre un link en la barra de estado <Script language=JavaScript> function right(e) { if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){ alert("Coloca el mensaje aquí."; return false; } else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) { alert("Coloca el mensaje aquí."; return false; } return true; } document.onmousedown=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; </script> Establecer una página como inicio: <A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand; COLOR: #004080; FONT-FAMILY: Verdana" onclick= "this.style.behavior='url(#default#homepage)'; this.setHomePage('http://www.CheNico.com');"> <FONT face=Arial color=#000000 size=-2><U> Establecer como página de inicio</U></FONT></A> Enviar un e-mail con Asunto y Mensaje <a href="mailto:[email protected]?subject=Prueba.&body=Estoy probando el truco...">Hacé clic acá para mandarme un mensaje</a> Abrir un Link en una Ventana Nueva <a href="http://www.CheNico.com" target="_blank">Pauluk Computación</a> ¡GRACIAS POR VISITAR EL POST!

Google Chrome Offline En la página oficial de Google Chrome se proporciona un enlace para instalar el navegador. La única manera posible es a través de un instalador en línea que, tras aceptar los términos y condiciones, nos instala Google Chrome en la PC. Pero, ¿qué pasa con las personas que quieren instalar el navegador sin conexión a Internet?. Puede resultar ilógico que una persona que quiera instalar un navegador no disponga de conexión a Internet, pero hay quienes estarán bajo las reglas de un administrador de red o quienes simplemente quieren ahorrar ancho de banda utilizando el mismo instalador en varios computadores. Pues bien, existe un método muy sencillo para poder descargar el instalador de Google Chrome y utilizarlo de manera offline. Todo lo que hay que hacer es añadir el parámetro standalone=1 a la página web en que Google Chrome puede ser descargado. Estos serían los enlaces para descargar la última versión oficial y la última versión beta del navegador de Google (los links se actualizan automáticamente con las ultimas builds publicadas): Versión oficial: http://www.google.com/chrome/eula.html?standalone=1 Versión beta: http://www.google.com/chrome/eula.html?extra=betachannel&standalone=1 Fuente: http://www.ghacks.net/2009/09/05/google-chrome-offline-installer/
Llegó el turno de Firefox 4. La versión definitiva será lanzada hoy mismo por Mozilla, completando el frenético mes de lanzamientos de nuevas versiones en el mundo de los navegadores, tras la aparición también de los productos de Google y Microsoft. En las siguientes líneas te descubrimos nuevas características y otros datos acerca del rendimiento de Firefox 4. Los chicos de Mozilla se han dado prisa para tener lista la versión definitiva del navegador, y nosotros en analizarla para que no perdáis ni un detalle de todo lo que incluye. La interfaz ha sido totalmente rediseñada conforme a las pujantes líneas minimalistas. Un vistazo rápido resalta la desaparición de la barra de menú, sustituida ahora por el botón “Firefox” en la esquina superior izquierda, y la barra de estado inferior. Las pestañas también han sido reubicadas ganando espacio y protagonismo. Todos estos cambios implican una interfaz más limpia y un mayor espacio de visualización de páginas web. Uno de los puntos álgidos de la nueva versión de Firefox es el tratamiento dedicado a las pestañas. Por un lado tenemos su función “Panorama”. Gracias a ella la gestión de las pestañas adquiere mayor capacidad. Abre tantas pestañas como desees sin preocuparte por el espacio que ocupan. Con Panorama podrás unir pestañas a tu gusto creando grupos específicos que te permiten intercambiar pestañas entre ellos. Por otra parte, la función “App Tabs” te permite reducir el tamaño de las pestañas para que tan sólo muestren el favicon de la página que visitamos. La reducción de espacio ocupado es evidente. La gestión de extensiones y plugins también ha mejorado mucho con respecto a anteriores versiones, principalmente porque Mozilla ha decidido olvidar la simple ventana emergente para crear todo un apartado dedicado dentro del navegador. La nueva ventana se reproduce a pantalla completa e incorpora botones de avance y retroceso como la ventana principal de navegación. La compatibilidad de complementos con Firefox 4 crece de forma progresiva. Además, los nuevos no necesitarán que reiniciemos el navegador para empezar a utilizarlos. Si las novedades visuales y de funcionamiento os han sorprendido, los datos sobre rendimiento y capacidad no iban a ser menos. Firefox 4 cuenta con soporte para HTML5 y WebM de forma nativa, es compatible con la aceleración por hardware y cuenta con soporte CSS3 y 3D gracias a WebGL. Test Acid3 En el test Acid3 Firefox cosecha resultados similares a sus rivales. Chrome 10 y Opera 11 se llevan el gato al agua alcanzando la puntuación máxima, 100 de 100. Firefox se revela como algo menos optimizado en este aspecto con un 97 sobre 100. La lista en este caso la cierra la última versión del navegador de Microsoft, Internet Explorer 9, con una puntuación de 95 sobre 100. Test HTML5 En lo referido al test HTML5, Chrome 10 vuelve a ser el ganador con una puntuación de 288 puntos. Con 240 puntos, Firefox 4, que en lo referido al procesamiento del nuevo lenguaje sí parece tener una ligera ventaja con respecto a Opera 11, con una puntuación de 234 puntos. IE9 es el gran perdedor con unos nimios 130 puntos. Test SunSpider JavaScript Bajo SunSpider JavaScript, Internet Explorer 9 se muestra como el más efectivo con 360.7 ms. Firefox ocupa la segunda posición en cuanto a rendimiento JavaScript con una puntuación de 370.1 ms, mientras que Opera 11 se revela como el tercer navegador en este apartado, con 386.4 ms. Chrome 10 cierra el grupo con 403.0 ms. Éste ha sido un pequeño vistazo a la nueva versión de Firefox 4, que esperamos os haya servido como pequeña guía a la hora de realizar vuestra elección. El navegador de Mozilla se consolida como una de las mejores opciones existentes hasta la fecha, no dudes en probarlo. En cualquier caso, atentos a los procesos de optimización de los cuatro productos en los próximos meses. La carrera no se detiene. Familiarízate con el nuevo navegador de Mozilla Ante la llegada de la versión final de Firefox 4, debemos ir familiarizándonos con el nuevo navegador de Mozilla. A continuación os damos algunos consejos para empezar a utilizar Firefox 4 RC y no estar demasiado perdidos. Estos consejos van dirigidos especialmente a aquellos usuarios poco familiarizados con Firefox 4. La página del historial En la versión 3 de Firefox teníamos una pequeña flecha junto a los botones de ir a la página anterior o siguiente. A través de ese botón podíamos acceder a las páginas visitadas recientemente. Pero en Firefox 4 no está esa flecha. ¿Cómo accedemos a esas páginas? Muy sencillo: haciendo clic con el botón derecho sobre cualquiera de estos botones aparecerán las páginas visitadas. Fuentes borrosas ¿Veo borroso o es el nuevo Firefox? Si te has hecho esta pregunta mirando las fuentes de Firefox 4 no te preocupes, no les pasa nada a tus ojos. Si ves las fuentes algo borrosas sólo tienes que acceder a las opciones, a la categoría Avanzado y desactivar la opción Usar aceleración de hardware cuando esté disponible. Y problema solucionado. La barra de menú En la nueva versión de Firefox no está la barra de menú. En su lugar encontramos el botón de Firefox. Pero si estamos acostumbrados a la típica barra de menú y queremos recuperarla, podemos. Sólo tenemos que hacer clic con el botón derecho sobre una zona libre junto a las pestañas, y seleccionar Barra de menús. La barra de estado de la parte inferior del navegador también ha sido eliminada, pero se ha añadido una nueva barra llamada barra de complementos. Podemos hacer visible o invisible esta barra de la misma forma que la barra de menú, a través del botón derecho. En esta nueva barra veremos los iconos de los complementos y otras informaciones. Cómo mover, añadir o eliminar botones También a través del botón derecho podemos acceder al menú para personalizar la barra de herramientas. Podremos elegir si ver el icono y los textos, dónde colocar diversas funciones, como el Historial o la acción de copiar, o añadir nuevas barras. Las pestañas Por defecto, Firefox 4 muestra las pestañas por encima de la barra de navegación. Esto puede resultar algo incómodo si estás acostumbrado a tenerlas debajo. Para cambiarlo, tienes que hacer clic con el botón derecho y deseleccionar la opción Pestañas en la parte superior. Cómo utilizar mis complementos favoritos en Firefox 4 Si vas a instalar un complemento en el nuevo Firefox 4 y te dice que no es compatible, puede que no sea del todo cierto. Es posible que el desarrollador no haya actualizado la información sobre compatibilidad de todos los complementos hechos para Firefox. Para poder utilizar estos complementos, es necesario cambiar una configuración que anula la comprobación de la compatibilidad de todos los complementos. En la barra de direcciones tienes que escribir about:config. Aparecerá un largo listado. Nosotros tenemos que hacer clic con el botón derecho, seleccionar Nuevo y Lógico. Como nombre tenemos que introducir extensions.checkCompatibility.4.0, y cuando nos pida el valor, elegiremos False. A través de estos trucos tan sencillos podremos realizar pequeñas modificaciones a Firefox 4 para adaptarlo a nuestros gustos y forma de navegar. Descargatelo de la pagina oficial: http://www.mozilla.com/es-ES/firefox/ Fuente: http://www.malavida.com/