Cambia El Color de Tu Web Automaticamente Segun El Visitante

CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE <div id="cc-matrix-899906057"> <div class="n"> <h1> CAMBIA DE COLOR LA PAGINA POR
EL QUE MAS TE GUSTE </h1> </div> <div class="n"> <center> <table border="0" style="cursor:url('http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/im g/ic9f9e9dccbe9efa9/1279636888/thumb/image.gif'), auto;" align="center" width="22%"> <tr> <td> <span onmouseover="javascript:document.body.style.backgroundColor='#d9d 13f'; document.body.style.backgroundImage='none';"><img border="1" src= "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img /ib70a484a0d796a4c/1279635875/thumb/image.jpg" alt="" /></span> </td> <td> <span onmouseover="javascript:document.body.style.backgroundColor='#3f6d d9'; document.body.style.backgroundImage='none';"><img border="1" src= "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img /i864d71f3ad9442f6/1279635875/thumb/image.jpg" alt="" /></span> </td> <td> <span onmouseover="javascript:document.body.style.backgroundColor='#d99 93f'; document.body.style.backgroundImage='none';"><img border="1" src= "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img /i6e6a28be3b5b635a/1279635875/thumb/image.jpg" alt="" /></span> </td> <td> <span onmouseover="javascript:document.body.style.backgroundColor='#cccc
cc'; document.body.style.backgroundImage='none';"><img border="1" src= "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img /iffbb7edc0af7fd84/1279635875/thumb/image.jpg" alt="" /></span> </td> <td> <span onmouseover="javascript:document.body.style.backgroundColor='#ffffff '; document.body.style.backgroundImage='none';"><img border="1" src= "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img /i199da8a905c6bfc5/1279635875/thumb/image.jpg" alt="" /></span> </td> <td> <span onmouseover="javascript:document.body.style.backgroundColor='#9b5 b1c'; document.body.style.backgroundImage='none';"><img border="1" src= "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img /i2c7c9e382f2a42c3/1279635875/thumb/image.jpg" alt="" /></span> </td> </tr> <tr> <td> <span onmouseover="javascript:document.body.style.backgroundColor='#57d 93f'; document.body.style.backgroundImage='none';"><img border="1" src= "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img /id782c9ba10091374/1279635875/thumb/image.jpg" alt="" /></span> </td> <td> <span onmouseover="javascript:document.body.style.backgroundColor='#d94 83f'; document.body.style.backgroundImage='none';"><img border="1" src= "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img /i89158ce65f80c1be/1279636453/thumb/image.jpg" alt="" /></span> </td> <td> <span onmouseover="javascript:document.body.style.backgroundColor='#FFC CCC'; document.body.style.backgroundImage='none';"><img
border="1" src= "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img /i12a2ebb01b035b05/1279635875/thumb/image.jpg" alt="" /></span> </td> <td> <span onmouseover="javascript:document.body.style.backgroundColor='#993f d9'; document.body.style.backgroundImage='none';"><img border="1" src= "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img /i453f8b776874b873/1279635875/thumb/image.jpg" alt="" /></span> </td> <td> <span onmouseover="javascript:document.body.style.backgroundColor='#000 000'; document.body.style.backgroundImage='none';"><img border="1" src= "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img /iebc9234a50f2d86b/1279635875/thumb/image.jpg" alt="" /></span> </td> <td> <span onmouseover="javascript:document.body.style.backgroundColor='#74b 8fb'; document.body.style.backgroundImage='none';"><img border="1" src= "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img /i75f43d7530285f50/1279635875/thumb/image.jpg" alt="" /></span> </td> </tr> </table> </center> </div> </div> AMPLIAR IMAGEN AL PASAR EL MAUSE:
<img src="TU IMAGEN" onmouseover="this.width=500;this.height=400;" onmouseout="this.width=100;this.height=80;" width="100" height="80" alt="" />
(En width=500;this.height=400 pones el tamao de tu imagen o el tamao en que quieres que se mire y en width=100;this.height=80 el tamao en miniatura)
COMO MOVER EL TITULO DE LA PAGINA.. facil solo copea este codigo en tu head y edita el texto ya que este sera el que tenga el efecto , recuerda no amontonar los codigos deja espacios entre cada uno de ellos
<script language="JavaScript" type="text/javascript"> //<![CDATA[ <!-<!-var txt="TEXTO QUE DEVES EDITAR "; 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(); // --> function MM_displayStatusMsg(msgStr) { //v1.0 status=msgStr; document.MM_returnValue = true; } function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> //]]> </script> PARA ENLAZAR NUESTRO FACE: PARA TENER ESTE CODIGO , COPIA EL LINK DE ABAJO Y REEMPLAZA DONDE DICE " url de tu pagina facebook" Y COPEA TU LINK DE FB, Y REEMPLAZAS DONDE DICE " url de tu imagen" (son las siguientes tres k se muestran abajo) Y COPEA EL ENLACE DE LA IMAGEN
<a href='URL de tu pgina de facebook' target='_blank' title='Sgueme en Facebook'><img src='URL DE TU IMAGEN'style='display:scroll;position:fixed;bottom:225px;right:0px' alt="" /></a>
http://www.fileden.com/files/2010/8/4/2933396/3.png
http://www.fileden.com/files/2010/8/4/2933396/SEGUNDO% 20BOTON.png
http://www.fileden.com/files/2010/8/4/2933396/2botons.png IMAGENES FLOTANTES PARA TU WEB: Con este codigo, podras colocar imgenes flotantes que cambien automticamente al actualizar la ventana, el cdigo que tienes que utilizar es este.. copialo por arriba de tu pagina <script type='text/javascript'>// <![CDATA[imgblJTEE = new Array(4) imgblJTEE[0] = "<a href='#'><img border='0' src='URL IMAGEN 1' style='position:fixed; bottom:0; right:0;'/></a>"imgblJTEE[1] = "<a href='#'><img border='0' src='URL IMAGEN 2' style='position:fixed; bottom:0; right:0;'/></a>"imgblJTEE[2] = "<a href='#'><img
border='0' src='URL IMAGEN 3' style='position:fixed; bottom:0; right:0;'/></a>"imgblJTEE[3] = "<a href='#'><img border='0' src='URL IMAGEN 4' style='position:fixed; bottom:0; right:0;'/></a>" AJblcn = Math.random() * (imgblJTEE.length)AJblcn = Math.floor(AJblcn)document.write(imgblJTEE[AJblcn])// ]]></script> TEXTO MOVIBLE HACIA LA DERECHA: (PUEDES CAMBIAR EL COLOR REEMPLAZANDO DONDE DICE RED POR CUALQUIER OTRO COLOR) <center><marquee direction="right" id="ejemplo"><span class="Apple-style-span" style="color: red;">TU TEXTO AQUI</span></marquee> <a href="javascript:void(0);"></a> <a href="javascript:void(0);"></a></center> DESHABILITAR CLICK DERECHO: <script language="JavaScript" type="text/javascript"> //<![CDATA[ <!-function inhabilitar(){ alert ("Lo siento, no puede usar el clic derecho") return false } document.oncontextmenu=inhabilitar //]]> </script> TRADUCTOR GOOGLE:
<div> <div id="google_translate_element"> </div> <script type="text/javascript"> //<![CDATA[ function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'es'}, 'google_translate_element'); } //]]> </script> <script src="http://translate.google.com/translate_a/element.js?cb=googleTran slateElementInit" type="text/javascript">
</script> </div>
Con la tecnologa de
Traductor de Google
TEXTO QUE CAMBIA AUTOMATICAMENTE: SOLO TIENES QUE COPEAR ESTE CODIGO Y REEMPLAZAR "LOS TEXTOS 1,2,3 Y 4 " <script language="JavaScript" type="text/javascript"> //<![CDATA[ hoje = new Date() numero_de_textos = 4 segundos = hoje.getSeconds() numero = segundos % numero_de_textos if (numero == 0){ texto = "Texto nmero 1" } if (numero == 01){ texto = "Texto nmero 2" } if (numero == 02){ texto = "Texto nmero 3" } if (numero == 03){ texto = "Texto nmero 4" } document.write('' + texto +'') //]]>
</script>
MENU DESPLEGABLE:
CON ESTE CODIGO PUEDES HACER UN MENU QUE SE DEPLIEGA HACIA ABAJO , SOLO TIENES K EDITAR EL NOMBRE CADA UNA DE LAS PAGINAS A LAS K SE ENLAZARAN Y REEMPLAZAR LOS URLS, POR ULTIMO DONDE DICE "MIRA NUESTRAS SECCIONES ES EL NOMBRE PRINCIPAL DEL MENUMENU Y LO REEMPLAZAS, SUERTE (:
<form> <select name="links" onchange="top.location.href=this.form.links.options[this.form.links.selec tedIndex].value"> <option selected="selected"> Mira nuestras secciones </option> <option value="URL nmero 1"> Texto nmero 1 </option> <option value="URL nmero 2> Texto nmero 2 </option> <option value="URL nmero 3"> Texto nmero 3 </option> </select> </form> TRANSFORMA TU FLECHA EN UNA MIRA:
<style type="text/css"> <!-body { cursor: crosshair} --> </style>
TABLA CON BORDES QUE CAMBIAN DE COLOR

SOLO CAMBIA DONDE DICE"TEXTO" Y LOS COLORES QUE QUIERES QUE SE CAMBIEN", COPEAS Y PEGAS
<center><table id="myexample" style="BORDER-RIGHT: green 5px solid; BORDER-TOP: green 5px solid; BORDER-LEFT: green 5px solid; BORDER-BOTTOM: green 5px solid" width="280" align="center" border="0"> <tbody> <tr> <td> <center> TU TEXTO </center> <br /> </td> </tr> </tbody> </table> <script language="JavaScript1.2" type="text/javascript"> //<![CDATA[ //configure interval btw flash (1000=1 second) var speed=500 function flashit(){ var crosstable=document.getElementById? document.getElementById("myexample") : document.all? document.all.myexample : "" if (crosstable){ if (crosstable.style.borderColor.indexOf("red")!=-1) crosstable.style.borderColor="red" else crosstable.style.borderColor="green"
} } setInterval("flashit()", speed) //--> //]]> </script> </center> BOTONES ARRIBA Y ABAJO: ARRIBA <a href="#" style="right: 0px; position: fixed; top: 0px;"><img src="http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i9aa2b4339 ed61d88/1291647396/std/image.png" alt= "" /></a> ABAJO <a href='#footer'><img border='0' style='position:fixed; bottom:0; right:0;' src="http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i2f4304a64 ca4127e/1291647465/std/image.png" title="Ir abajo" alt="" /></a> BOTON ANIMADO: CAMBIA EL TEXTO Y LOS URLS QPARA CREAR TU BOTON, COPIA Y PEGA Y LISTO!
<font face="Arial, Helvetica, sans-serif" size="2"> <script language="JavaScript"> var timerID = null var timerRunning = false var charNo = 0 var charMax = 0 var lineNo = 0 var lineMax = 3 var lineArr = new Array(lineMax) var urlArr = new Array(lineMax) lineArr[1] = "TEXTO" urlArr[1] = "URL DE PRIMER TEXTO" lineArr[2] = "TEXTO" urlArr[2] = "URL DE SEG TEXTO"
lineArr[3] = "TEXTO" urlArr[3] = "URL DE TERCER TEXTO" var lineText = lineArr[1] function StartShow() { StopShow() ShowLine() timerRunning = true } function FillSpaces() { for (var i = 1; i <= lineWidth; i++) { spaces += " " } } function StopShow() { if (timerRunning) { clearTimeout(timerID) timerRunning = false } } function ShowLine() { if (charNo == 0) { if (lineNo < lineMax) { lineNo++ } else { lineNo = 1 } lineText = lineArr[lineNo] charMax = lineText.length } if (charNo <= charMax) { document.formDisplay.buttonFace.value = lineText.substring(0, charNo) charNo++ timerID = setTimeout("ShowLine()", 100) } else { charNo = 0 timerID = setTimeout("ShowLine()", 3000) } } function GotoUrl(url) { top.location.href = url }
document.write("<form name=\"formDisplay\">"); document.write("<input type=\"button\" name=\"buttonFace\" value=\"&{lineText}\" size=\"18\" onClick=\"GotoUrl(urlArr[lineNo])\">"); document.write("</form>"); StartShow(); </script></font>
PRUEBA TUS CODIGOS EN ESTE CONVERTIDOR.. TE ENLAZARA A OTRA PAGINA DANDOTE EL RESULTADO!
BUSCAS WIDGETS? ENCUENTRA MAS A CONTINUACION DA CLICK EN EL TEXTO!"
TIENES ALGUNA DUDA? escribe tu pregunta y/o sugiere Escribir comentario Comentarios: 27
#1 ezequielk-po2012(viernes, 10 febrero 2012 15:19) grasias por los codigos xd
#2 metzLyy(lunes, 13 febrero 2012 15:08) denada amigo (:
#3 thewarnerbrother(domingo, 19 febrero 2012 16:44) oye amiga el codigopara el mundo girando???????
#4 metzLyy(lunes, 20 febrero 2012 18:11) el contador de visitas amigo? bueno ese si kieres yo te puedo hacer el codigo con un estilo diferente y no se como quieras que te lo de a saber (:
#5 metzLyy(lunes, 20 febrero 2012 18:24) ya genere tu codigo me pregunto si podrias en tu pagina hacer un espacio para comentar y dejarlo ya que si alguien copea tu codigo ese gatget tendria las mismas visitas en cualquier pagina k se adjunte
#6 maximoloquendo(mircoles, 21 marzo 2012 16:51) Me encanta tu pagina esta full chida man xd
#7 suicide-music(lunes, 02 abril 2012 18:47) Visiten mi web ;) http://zona-mix.jimdo.com/
#8 activateaqui(viernes, 06 abril 2012 12:40) Pues Lo QUe Pasa Es Que A Mi Pagina Web La Camara Queda FLoando Quisiera Cambiarsela Y Ponerla Como La Suya Que Hago! QUe COd Visit La Mia http://activateaqui.jimdo.com/
#9 jezuz7891(viernes, 06 abril 2012 14:08) GRACIAS LA NETA X TUS CODIGOS !!!
#10 casasydepartamentosencoquimbo(jueves, 12 abril 2012 21:36) hola quisiera saber como le hago para hacerlo como en transparencia como esta ... esta muy buena la mejor de jimdo que he visto estoy experimentando algunos cambios y este fondo como le haces te felicito...
#11 antiservercstrike(jueves, 03 mayo 2012 16:25) yo kiero saber q es URL
#12 metzLyy(sbado, 05 mayo 2012 02:22) el link o direccion de enlace de tu pagina o imagen
#13 metzLyy(sbado, 05 mayo 2012 02:27)
casasydepartamentosencoquimbo puedes descargar plantillas y editarlas en css es algo trabajoso pero solo consiste en copear 3 codigos y juntarlos y pegarlos en head (los codigos se obtienen de la plantilla descargada ) en zip espero te haya sido de ayuda (:
#14 Fer :)(martes, 08 mayo 2012 17:27) Hola, como stas ? Espero q bien. Quera preguntarte el codigo de la caja de conversin de cdigo html donde la consigues ?
#15 metzLyy(martes, 15 mayo 2012 22:27) hola fer , estoy bn gracias el codigo es el siguiente espero te sirva <script type="text/javascript"> //<![CDATA[ function probar(texto) { ventana = window.open('', 'popup', ''); ventana.document.write(texto); } //]]> </script> <form name="probador" action="" id="probador"> <hr /> <textarea name="texto" cols="65" rows="10"> </textarea> <font face="Verdana" size="2"><br /></font> <input type="button" value="Convertir" onclick="probar(texto.value)" /> </form>
#16 masterzone(lunes, 28 mayo 2012 13:08) muy buena pagina (y)
#17 masterzone(lunes, 28 mayo 2012 13:10) me dirias como ponerle mi propia imagen de fondo a mi web "jimdo"??? porfa
#18 metztlyy(mircoles, 06 junio 2012 19:59) <style type="text/css"> /*<![CDATA[*/ </script>
Codigo.-Pagina en construccion(este codigo lo pegas en texto por debajo de la pagina)
<style type="text/css">  </style>
Codigo.-Recomendar web(este codigo lo pegas en la pagina que quieras)
form name="eMailer">ENVA ESTA PGINA 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 pgina...";function mailThisUrl(){good = falsecheckEmailAddress(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>
Codigo.-Separador de men(donde dice Aqui Tu Texto ponen lo que quieren que diga el separador dan click en opciones de pagina y lo ponen como puntos de men sin link copian el codigo y lo ponen en donde va el nombre de la pagina)
<div class="sinlink"><br/><center>Aqui tu Texto</center></div>
Codigo.-Aliniar tu web(copialo y pegalo en texto por encima de la pagina)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http:/www.w3.org/1999/xhtml"> <div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">
Codigo.-Alumbrar tu web(copialo y pegalo en texto por debjo de la pagina)
<style> body {background-image: url(http://photos1.hi5.com/0031/763/432/vr3mEw76343203.gif);background-repeat: repeat;background-position: top center;background-attachment: fixed;background-repeat: repeat-y;} </style>
Codigo.-Men de recomendaciones(van a borrar donde dice option SELECTED ahi va el nombre de su men , en donde dice URL va la direccion de lo que recomiendan para agregar mas submenus solo van a copiar) <option VALUE="URL">Nombre</option> las veces que quieran este codigo lo copian y lo pegan donde ustedes quieran) <form> <select NAME="links" onChange="top.location.href=this.form.links.options[this.form.links.sele ctedIndex].value"><option SELECTED>Nombre</option> <option VALUE="URL">Nombre</option> <option VALUE="URL">Nombre</option> <option VALUE="URL">Nombre</option> <option VALUE="URL">Nombre</option>
</select> </form>
Codigo.-Fondo en tu web(donde dice URL de la imagen van a poner la direccion web de su iamgen este codigo lo pegan en texto por encima de la pagina)
<style type="text/css">body {background-image:url(URL DE IMAGEN)}</style>
Codigo.-Imagenes en la parte inferior de tu web(van a borrar donde dice URL DE LA IMAGENE aqui van a poner la direccioin web de su imagen estos codigos los copias y los pegas en texto por debajo de la pagina)
Lado Izquierdo <a href='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB'style='display:scroll;position:fixed;bottom:0px;left:0px;'> <img src='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN'/></a> Lado Derecho <<a href='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB'style='display:scroll;position:fixed;bottom:0px;right:0px;'> <img src='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN'/></a>
Codigo.-Mensaje de bienvenida(este codigo lo van a copiar y pegar en texto por encima de la pagina)
<body onload="window.alert('Bienvenido a mi pagina web, gracias por visitarnos')">
Codigo.-Mensaje de despedida(este codigo lo van a copiar y pegar en texto por debajo de la pagina)
<body onUnload="window.alert('Gracias por tu visita! nos vemos pronto ^^')">
Codigo.-Probador HTML(copia y pega este codigo donde quieras)
 <script> function probar(texto) { ventana = window.open('', 'popup', ''); ventana.document.write(texto);} </script> <form action="" name="probador"> <font face="Verdana" size="2">Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!<hr /> </font><textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size="2"> <br /> </font><input type="button" onclick="probar(texto.value)"
value="Convertir" /><font face="Verdana" size="2"> </font> </form>
Codigo.-Fecha en tu web(copia y pega este codigo en texto por encima de la pagina)
<script language="JavaScript"> <!-mydate = new Date(); myday = mydate.getDay(); mymonth = mydate.getMonth(); myweekday= mydate.getDate(); weekday= myweekday; if(myday == 0) day = " Domingo, " else if(myday == 1) day = " Lunes, " else if(myday == 2) day = " Martes, " else if(myday == 3) day = " Mircoles, " else if(myday == 4) day = " Jueves, " else if(myday == 5) day = " Viernes, " else if(myday == 6) day = " Sbado, "
if(mymonth == 0) month = "Enero " else if(mymonth ==1) month = "Febrero " else if(mymonth ==2) month = "Marzo " else if(mymonth ==3) month = "Abril " else if(mymonth ==4) month = "Mayo " else if(mymonth ==5) month = "Junio " else if(mymonth ==6) month = "Julio " else if(mymonth ==7) month = "Agosto " else if(mymonth ==8) month = "Setiembre " else if(mymonth ==9) month = "Octubre " else if(mymonth ==10) month = "Noviembre " else if(mymonth ==11) month = "Diciembre " document.write("<font face=arial, size=1>"+ day); document.write(myweekday+" de "+month+ "</font>"); // --> </script>
Codigo.-Saludo segun la hora del dia(copia y pega este codigo entexto por encima de la pagina)
<Font size=2 face=arial><b> <Script Language="JavaScript"> <!-today = new Date() if(today.getMinutes() < 10){ pad = "0"} else pad = ""; document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){ document.write("Buen da!") } if((today.getHours() >=10) && (today.getHours() <=11)){ document.write("Buen da!") } if((today.getHours() >=12) && (today.getHours() <=19)){ document.write("Buenas tardes!") } if((today.getHours() >=20) && (today.getHours() <=23)){ document.write("Buenas noches!") } if((today.getHours() >=0) && (today.getHours() <=3)){ document.write("Buenas noches!") }
if((today.getHours() >=4) && (today.getHours() <=5)){ document.write("Buenas noches!") } // --> </script> </b></font>
Codigo.-Tiempo restante para finalizar el dia(copia y pega este codigo donde quieras)
<body> <p>Tiempo restante para finalizar el da</p> <form name="Reloj"> <input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el da"> <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>
Codigo.-Redireccionar pagina(van a borrar donde dice URL y van a poner a donde quieren que se redireccionecopia y pega este codigo en texto por encima de la pagina)
<script>location='URL/'</script>
Codigo.-Establecer como pagina de inicio(este codigo lo van a copiar y pegar en texto por encima de la pagina)
<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> Esta parte del texto se puede modificar en el cdigo</U></FONT></A>
Codigo.-Botones atras, adelante y actualizar(este codigo lo van a copiar y pegar en donde quieran)
<input type="button" value="Atrs" onclick="history.back()" style="font-family: Verdana; font-size: 8 pt"> <input type="button" value="Actualizar" onclick="window.location.reload()" style="font-family: Verdana; fontsize: 8 pt"> <input type="button" value="Adelante" onclick="history.forward()" style="font-family: Verdana; font-size: 8 pt">
Codigo.-Poner welcome(con link borran donde dice direccion de su sitio y van a poner su direccion este codigo lo copias y lo pegas en tu pagina de inicio)
Con link <a href="Direccin de tu sitio"><img src="http://img.webme.com/pic/c/chatroh/8484484848484.gif"
alt="Welcome" width="300" height="100" border="0" /></a> Sin link: <img src="http://img.webme.com/pic/c/chatroh/8484484848484.gif" alt="Welcome" width="300" height="100" border="0" />
Codigo.-Caja de codigo con boton para copiar(copia y pega este codigo donde quieras)
<span id="Caja1" class="Caja1">Haga click dentro de la caja de texto para copiar su contenido<br /> </span> <textarea onclick="copyCaja1(document.getElementById('code1'));return false;" rows="3" cols="16" id="code1">EL TEXTO O CDIGO QUE DESEE QUE APAREZCA DENTRO DE LA CAJITA N1</textarea> <script> function copyCaja1(elt) { var urlSwf = "copy.swf"; var flash = document.getElementById("C1"); var divinfo = '<embed src="http://www.mygirlyspace.com/' + urlSwf + '" name="copy_swf" FlashVars="clipboard='+escape(elt.value)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>'; flash.innerHTML = divinfo; elt.focus(); elt.select(); document.getElementById("Caja1").innerHTML = "El texto ha sido copiado!<br/>"; return true; }
</script> <div id="C1"> </div>
Codigo.-Abrir web en pop-up(copia y pega este codigo en texto por debajo de la pagina)
<script language='JavaScript'>window.open('http://www.chenico.com', 'geoflotante', '');</script>
Codigo.-Mensaje de alerta al intentar copiar(copia y pega este codigo en texto por debajo de la pagina)
<Script language=JavaScript> function right(e) { if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){ alert("ACA TU MENSAJE DE ALERTA."); return false; } else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) { alert("ACA TU MENSAJE DE ALERTA.");
return false; } return true; } document.onmousedown=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; </script>
Codigo.-No dejar seleccionar texto(copialo y pegalo en texto por debajo de la pagina)
<script language="Javascript"> 
</script>
Codigo.-Cuadro explicativo de enlaces(borra donde dice URL y pon la direccion de tus 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="URL" onmouseover="escribe(' Pgina principaln ----------------nn Cuando hagas Click en este enlace irs directamente a la pgina de inicio de mi web');">Pgina principal</a><br> <a href="URL" onmouseover="escribe(' Trucos PCn -----------nn Este enlace te llevar a la pgina de Trucos PC en la que pods encontrar muchos ms trucos interesantes para realizar e incluir en tus pginas web');">Trucos PC</a><br> <a href="URL" onmouseover="escribe(' Glosarion -------------- nn Diccionario de Trminos Informticos. Enterate el significado de esas palabras de
computacin que decs todos los das pero que no sabs 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>
Codigo.-Crear link de descarga(borra donde dice URL y pon la direccion de tu descarga copia y pega este codigo donde quieras)
<a href="URL">Descripcin del enlace </a>
Codigo.-Transformar el cursor en una mira(copia y pega este codigo en texto por encima de la pagina)
<style type="text/css"> <!-body { cursor: crosshair}
--> </style>
Codigo.-Comentario sobre un link(borra donde dice URL y pon tu link copia y pega este codigo donde quieras)
<a href="Url" onmouseout="window.status=''" onmouseover="window.status='Ac aparece el mensaje que quieras';return true"> Pauluk Computacin</a>
Codigo.-Hosted by PGW(copia y pega este codigo en texto por debajo de la pagina)
<a href='http://paginawebgratis.es' style='display:scroll;position:fixed;bottom:0px;right:0px;'> <img src='http://img91.imageshack.us/img91/6165/hostedbyxj1.gif'/></a>
Codigo.-Minimizar pagina con un boton(copia y pega este codigo en donde quieras)
<input type="button" value="Minimizar ventana" onclick="window.moveBy(5000,5000); min = 'si';" style="fontfamily:Verdana"><script>min = "no"; function volver(){if(min == "si"){window.moveTo(0,0); min = "no"}}; window.onfocus = volver </script> <style> .animado {position:absolute;visibility:visible;top:-50px;fontsize:10pt;font-family:Arial;font-weight:bold;color:Blak;} </style>
Codigo.-Mensaje de cargando pagina(copia y pega este codigo en texto por encima de la pagina)
<body onLoad="esconde();"> <script language="JavaScript"> if(ie || ns) document.write('<div id="precarga" align="center"> <br />Esperen a que termine de cargar la pgina, por favor...</div>'); </script>
Codigo.-Botones de navegacion(copia y pega este codigo donde quieras)
<table border="0" bgcolor="#FFCC66"> <tr> <td align="center"> <input type="button" value=" << " onclick="javascript:window.history.go(-1);"> <input type="button" value="Top" onclick="document.location='#top';"> <input type="button" value=" >> " onclick="javascript:window.history.go(1);"></td> </tr> </table> 
Codigos HTML para tu web:

Si quers poner el buscador de Google en tu web solo debes ingresar el siguiente codigo:  <center> <FORM method=GET action="http://www.google.com/search"> <TABLE bgcolor="#FFFFFF"><tr><td> <A HREF="http://www.google.com/"> <IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A> <INPUT TYPE=text name=q size=31 maxlength=255 value=""> <INPUT TYPE=hidden name=hl value=es> <INPUT type=submit name=btnG VALUE="Bsqueda Google"> </td></tr></TABLE> </FORM> </center> 
Para cambiar la imagen que esta al lado de tu URL en la barra de direcciones debes ingresar <LINK REL="SHORTCUT ICON" HREF="icono.ico"> entre <head> y </head>
Si quers que te manden mails los usuarios que entran a tu web debes ingresar el siguiente codigo: A HREF="mailto:you@yourdomain.com?subject=my website">Email Me</A> pero tens que cambiarle you@yourdomain.com por tu direccion de correo electronico, tambien cambiale my website por el asunto quie quieras que diga y Email me por lo que dira el titulo para que te envien mails. Por ejemplo: Mandame tu opinion o tu idea...
Para redireccionar tu web hacia otra te servira: <meta http-equiv="refresh" content="0; url=your new address.html"> Y debe estar entre <head> y </head> El 0 que esta al lado de content indica la cantidad de segundos que se va a esperar antes de redireccionar, a ese numero puedes cambiarlo a tu necesidad.
Para que los que entran a tu web te agreguen a favoritos utiliza el siguiente codigo: <a href="#" onClick="window.external.AddFavorite('http://tusitio','descripcion de tu sitio');return false;"><font color="#FFFFFF" size="2"><font color="#000000" face="Verdana, Arial, Helvetica, sans-serif"><font size="2">Agreganos a tus favoritos</font><font color="#000000">...</font></font></font></a><font size="2"> Primero debes cambiar http://www.tusitio por tu pagina web y lo demas si es que sabes tambien puedes, y sino me lo preguntas en esta noticia... Solo comenta..
Bueno me canse de poner barras! Para que te pongan como pagina de inicio:
<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://tuwebaqu');retu rn false;">Pon esta web como tu pgina de Inicio...</a> Igual que el anterior codigo, cambialo a tu necesidad y cualquier cosa pregunta...
El siguiente codigo es para que una imagen que elijas siga al raton:
<SCRIPT LANGUAGE="JavaScript1.2"> var trailLength = 8; var path = "my_image.gif"; var isIE = false, isNav = false, range = "all.", style = ".style", i, d = 0; var topPix = ".pixelTop", leftPix = ".pixelLeft", images, storage; if (document.layers) { isNav = true, range = "layers.", style = "", topPix = ".top", leftPix = ".left"; } else if (document.all) { isIE = true; } function initTrail() { images = new Array(); for (i = 0; i < parseInt(trailLength); i++) { images = new Image(); images.src = path; } storage = new Array(); for (i = 0; i < images.length*3; i++) { storage = 0; } for (i = 0; i < images.length; i++) { (isIE) ? document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images.src + '"></div>') : document.write('<layer name="obj' + i + '" width="0" height="0" z-index="100"><img src="' + images.src + '"></layer>'); } trail(); } function trail() { for (i = 0; i < images.length; i++) { eval("document." + range + "obj" + i + style + topPix + "=" + storage[d]); eval("document." + range + "obj" + i + style + leftPix + "=" + storage[d+1]); d = d+2; } for (i = storage.length; i >= 2; i--) {; storage = storage[i-2]; } d = 0; clearTimeout(timer);
var timer = setTimeout("trail()", 10); } function processEvent(e) { if (isIE) { storage[0] = window.event.y+document.body.scrollTop+10; storage[1] = window.event.x+document.body.scrollLeft+10; } else { storage[0] = e.pageY+12; storage[1] = e.pageX+12; } } if (isNav) { document.captureEvents(Event.MOUSEMOVE); } if (isIE || isNav) { initTrail(); document.onmousemove = processEvent; } // End --> </script> Solo tienes que poner <style type="text/css"> BODY {overflow: scroll; overflow-x: hidden;} </style> </HEAD> entre <head> y </head> Aclaro que solo tienes que poner lo que dice style type="text/css" y no lo de SCRIPT LANGUAJE
Para que un texto haga una ola usa el siguiente codigo: <head> <CENTER><script language="JavaScript1.2"> //TEXTO QUE QUIERES Q APAREZCA //----------------------------------------message="Letras haciendo la ola " //----------------------------------------ns6switch=1 var ns6=document.getElementById&&!document.all mes=new Array(); mes[0]=-1; mes[1]=-4;
mes[2]=-7;mes[3]=-10; mes[4]=-7; mes[5]=-4; mes[6]=-1; num=0; num2=0; txt=""; function jump0(){ if (ns6&&!ns6switch){ jump.innerHTML=message return } if(message.length > 6){ for(i=0; i != message.length;i++){ txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"}; jump.innerHTML=txt; txt=""; jump1a() } else{
alert("Tu mensaje es muy corto" } }
function jump1a(){
nfinal=(document.getElementById)? document.getElementById("n0" nfinal.style.left=-num2; if(num2 != 9){
: document.all.n0
num2=num2+3; ZYzTimeout("jump1a()",150) } else{ jump1b() } } function jump1b(){ nfinal.style.left=-num2; if(num2 != 0){num2=num2-3; ZYzTimeout("jump1b()",50) } else{ jump2() } } function jump2(){ txt=""; for(i=0;i != message.length;i++){ if(i+num > -1 && i+num < 7){ txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>" } else{txt=txt+"<span>"+message.charAt(i)+"</span>"} } jump.innerHTML=txt; txt=""; if(num != (-message.length)){ num--; ZYzTimeout("jump2()",50)} else{num=0; ZYzTimeout("jump0()",50)}} </script> </head> <body> <h2><div id="jumpx" style="color:red"></div></h2> <script> if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx" document.all.jumpx jump0() }
else document.write(message) </script></CENTER>
<center><a href="http://dipro.multimania.com"><img src="logo.gif" border=0></a></center> </body>
Quers utilizar una nueva manera de informar a tus visitantes sobre el destino de cada vnculo? Entonces us vietas con el siguiente codigo: <script> <!-if (!document.layers&&!document.all) event="test" function showtip2(current,e,text){
if (document.all&&document.readyState=="complete" { document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>' document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10 document.all.tooltip2.style.visibility="visible" } else if (document.layers){ document.tooltip2.document.nstip.document.write('<b>'+text+'</b>') document.tooltip2.document.nstip.document.close() document.tooltip2.document.nstip.left=0 currentscroll=setInterval("scrolltip()",100) document.tooltip2.left=e.pageX+10 document.tooltip2.top=e.pageY+10 document.tooltip2.visibility="show" } } function hidetip2(){ if (document.all) document.all.tooltip2.style.visibility="hidden" else if (document.layers){ clearInterval(currentscroll) document.tooltip2.visibility="hidden" } } function scrolltip(){ if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width) document.tooltip2.document.nstip.left-=5 else document.tooltip2.document.nstip.left=150 } // --> </script> <div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:lightyellow"> <layer name="nstip" width=1000px bgColor="lightyellow"></layer> </div> Despus, personalice cada uno de sus vnculos de la siguiente manera: <a href="http://www.microsoft.com" onMouseover="showtip2(this,event,'Clic here to go to microsoft.com')" onMouseout="hidetip2()">Microsoft</a>
Acelera tu texto en cursiva con: <span id="webaddress" style="position:relative; visibility:hidden; font-style:italic;"> Have you ever seen text move so fast? </span> <script language="JavaScript1.2"> <!-if (document.all){
webaddress.style.left=document.body.clientWidth webaddress.style.visibility="visible" } function moveit(){ if (webaddress.style.pixelLeft>15) webaddress.style.pixelLeft-=15 else{ webaddress.style.fontStyle="normal" webaddress.style.left=0 clearInterval(moving) } } if (document.all) moving=setInterval("moveit()",40) //--> </script>
Espero que les sirva
Suerte
edireccionar una pgina:

Si tens una direccin larga, y los servidores que te dan direcciones cortas no tienen buena capacidad de almacenamiento o de taza de transferencia de datos, con este cdigo pods hacer que al escribir una direccin se abra otra, solo tens que insertar este cdigo en el index.html del dominio corto poniendo tu direccin actual donde est en verde: <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:

Con este cdigo vamos a hacer que al entrar en nuestra pgina automticamente se abra otra, ej. otra Web nuestra, una seccin que queremos mostrar, una publicidad, etc. <script language='JavaScript'>window.open('http://www.chenico.com', 'geoflotante', '');</script>
No dejar seleccionar el texto de nuestra Web:

Con este cdigo vamos a impedir que los visitantes seleccionen el texto de nuestra pgina para luego copiarlo a otro lado. <script language="Javascript">  </script>
Horas restantes para finalizar el da:

Con este cdigo insertamos un pequeo relojito que indica la cuenta regresiva de las horas, minutos y segundos que faltan para finalizar el da. <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 da"> <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 Pagina:
Con este cdigo podemos hacer que si a un visitante le gust nuestra Web, la recomiende a un amigo escribiendo su direccin de correo electrnico en la casilla, al hacer click en "Recomendar esta Web" se enva un mensaje de correo con el asunto "Pienso que te puede interesar esta pgina..." y en el cuerpo del mensaje aparece la direccin completa donde se encuentra el cdigo y el ttulo de la misma. <form name="eMailer"> ENVA ESTA PGINA 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 pgina..."; 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="+d ocument.title+" "+u; } } </script>
Crear un Formulario o Libro de Visitas:

Con este cdigo podemos crear un formulario para que complete el visitante. O tambin un libro de visitas, luego que el visitante apriete el botn "enviar", los datos sern enviados a tu casilla de correo. <H2>Libro de visitas de www.CheNico.com</H2> <FORM ACTION="mailto:tunombre@tuservidor.com" 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 Ttulo que cambia de colores:

Con este cdigo podemos crear por ejemplo el ttulo para nuestra Web o una de nuestras secciones. Como el cdigo es muy largo Hac Click ac para verlo en una nueva ventana
Cuadro explicativo de los enlaces:

Sorprend a tus visitantes con este asombroso truco. Al pasar el mouse sobre el link, aparece la explicacin de ese link en un cuadro con la cantidad de palabras que queramos poner. Solo tens que reemplazar mis direcciones por las tuyas, y el texto deseado por el tuyo.
<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(' Pgina principal\n ----------------\n\n Cuando hagas Click en este enlace irs directamente a la pgina de inicio de mi web');">Pgina principal</a><br> <a href="http://usuarios.lycos.es/pauluk/trucosprin.htm" onmouseover="escribe(' Trucos PC\n -----------\n\n Este enlace te llevar a la pgina de Trucos PC en la que pods encontrar muchos ms trucos interesantes para realizar e incluir en tus pginas web');">Trucos PC</a><br> <a href="http://usuarios.lycos.es/pauluk/GLOSARIO.HTM" onmouseover="escribe(' Glosario\n -------------- \n\n Diccionario de Trminos Informticos. Enterate el significado de esas palabras de computacin que decs todos los das pero que no sabs 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 msica de fondo:

Si quieren que los visitantes escuchen una cancin mientras visitan la Web, o simplemente recibirlos con una meloda estilo presentacin, este es el cdigo que estabas buscando. Solo tens que guardar el sonido en el directorio raz de tu servidor e insertar el siguiente cdigo html: <BGSOUND SRC="sonido.mid" LOOP=none> <WIDTH=200 HEIGHT=55 AUTOSTART="true" LOOP="false" HIDDEN="true"> Se recomienda usar sonidos en formato "midi" que son los de menor peso.
Crear un link para download:

Si queremos poner archivos para que los visitantes los puedan descargar a sus computadoras, solo debemos subir ese archivo a nuestro servidor e insertar en nuestra Web el siguiente cdigo HTML: <a href="ejemplo.exe">Descripcin del enlace </a> No existe un comando que inicie la descarga. Lo que sucede es que, siempre que aparece un tipo de archivo no reconocido por el navegador, este comienza a descargarlo automticamente. Ejemplo: Si el navegador no logra abrir un archivo "zip" (compactado), inicia la descarga automticamente.
Efecto nieve con cualquier imagen:

Con este truco pods hacer que caigan por la pantalla varias veces la misma imagen con un efecto estilo nieve. Si quers ver el cdigo y el efecto HAC CLIC AC .
CODIGO HTML EFECTO NIEVE:

Pods cambiar la imagen reemplazando por una tuya alojada en el servidor poniendo su nombre donde est en rojo.
<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[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>
Subrayar un Link al pasar el mouse:

Con este cdigo podemos lograr ese tan conocido efecto que al pasar el mouse sobre un link, este se subraye. Podemos hacer que tenga un color antes de visitar el link, y que tenga otro una vez visitado. <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:

Transform la clsica flechita de Windows en una mira de disparo. <style type="text/css"> <!-body { cursor: crosshair} --> </style>
Tabla de colores HTML:

Esta tabla contiene todos los cdigos para ponerle colores a las barras de desplazamiento, a las fuentes y muchas otras funciones ms.
COLORES HTML
Los que estn en negrita se pueden escribir en lugar de los cdigos. Nombre del color Cdigo del color Apariencia White Red Green Blue Magenta Cyan Yellow Black Aqua Baker's Chocolate Blue Violet Brass Bright Gold Brown Bronze Bronze II Cadet Blue Cool Copper Copper Coral Corn Flower Blue
#FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #00FFFF #FFFF00 #000000 #70DB93 #5C3317 #9F5F9F #B5A642 #D9D919 #A62A2A #8C7853 #A67D3D #5F9F9F #D98719 #B87333 #FF7F00 #42426F
#5C4033 Dark Brown #2F4F2F Dark Green Dark Green Copper #4A766E #4F4F2F Dark Olive Green Dark Orchid #9932CD #871F78 Dark Purple #6B238E Dark Slate Blue #2F4F4F Dark Slate Grey Dark Tan #97694F #7093DB Dark Turquoise #855E42 Dark Wood #545454 Dim Grey Dusty Rose #856363 #D19275 Feldspar #8E2323 Firebrick #238E23 Forest Green Gold #CD7F32 #DBDB70 Goldenrod #C0C0C0 Gray #527F76 Green Copper #93DB70 Green Yellow #215E21 Hunter Green #4E2F2F Indian Red #9F9F5F Khaki #C0D9D9 Light Blue #A8A8A8 Light Grey #8F8FBD Light Steel Blue #E9C2A6 Light Wood #32CD32 Lime Mandarian Orange #E47833 #8E236B Maroon Medium Aquamarine #32CD99 #3232CD Medium Blue Medium Forest Green #6B8E23 #EAEAAE Medium Goldenrod #9370DB Medium Orchid #426F42 Medium Sea Green Medium Slate Blue #7F00FF Medium Spring Green #7FFF00 #70DBDB Medium Turquoise #DB7093 Medium Violet Red Medium Wood #A68064 #2F2F4F Midnight Blue #23238E Navy #4D4DFF Neon Blue #FF6EC7 Neon Pink #00009C New Midnight Blue #EBC79E New Tan
Old Gold Orange Orange Red Orchid Pale Green Pink Plum Quartz Rich Blue Salmon Scarlet Sea Green Semi-Sweet Chocolate Sienna Silver Sky Blue Slate Blue Spicy Pink Spring Green Steel Blue Summer Sky Tan Thistle Turquoise Very Dark Brown Very Light Grey Violet Violet Red Wheat Yellow Green
CDIGO COL OR CDIGO COL OR CDIGO
#CFB53B #FF7F00 #FF2400 #DB70DB #8FBC8F #BC8F8F #EAADEA #D9D9F3 #5959AB #6F4242 #8C1717 #238E68 #6B4226 #8E6B23 #E6E8FA #3299CC #007FFF #FF1CAE #00FF7F #236B8E #38B0DE #DB9370 #D8BFD8 #ADEAEA #5C4033 #CDCDCD #4F2F4F #CC3299 #D8D8BF #99CC32
COL OR CDIGO COL OR CDIGO COL OR CDIGO COL OR
#00000 0 #00003 3 #00006 6 #00009 9 #0000C C #0000F F #00330 0
#33000 0 #33003 3 #33006 6 #33009 9 #3300C C #3300F F #33330 0
#66000 0 #66003 3 #66006 6 #66009 9 #6600C C #6600F F #66330 0
#99000 0 #99003 3 #99006 6 #99009 9 #9900C C #9900F F #99330 0
#CC000 0 #CC003 3 #CC006 6 #CC009 9 #CC00 CC #CC00F F #CC330 0
#FF000 0 #FF003 3 #FF006 6 #FF009 9 #FF00C C #FF00F F #FF330 0
#00333 3 #00336 6 #00339 9 #0033C C #0033F F #00660 0 #00663 3 #00666 6 #00669 9 #0066C C #0066F F #00990 0 #00993 3 #00996 6 #00999 9 #0099C C #0099F F #00CC 00 #00CC 33 #00CC 66 #00CC 99 #00CC CC #00CC
#CC333 3 #CC336 6 #CC339 9 #CC33 CC #CC33F F #CC660 0 #CC663 3 #CC666 6 #CC669 9 #CC66 CC #CC66F F #CC990 0 #CC993 3 #CC996 6 #CC999 9 #CC99 CC #CC99F F #CCCC 00 #CCCC 33 #CCCC 66 #CCCC 99 #CCCC CC #CCCC
#FF333 3 #FF336 6 #FF339 9 #FF33C C #FF33F F #FF660 0 #FF663 3 #FF666 6 #FF669 9 #FF66C C #FF66F F #FF990 0 #FF993 3 #FF996 6 #FF999 9 #FF99C C #FF99F F #FFCC 00 #FFCC 33 #FFCC 66 #FFCC 99 #FFCC CC #FFCC
FF #00FF0 0 #00FF3 3 #00FF6 6 #00FF9 9 #00FF CC #00FFF F
FF #CCFF0 0 #CCFF3 3 #CCFF6 6 #CCFF9 9 #CCFF CC #CCFF FF
FF #FFFF0 0 #FFFF3 3 #FFFF6 6 #FFFF9 9 #FFFF CC #FFFFF F
Comentario sobre un link en la barra de estado:

Al pasar el mouse sobre el link deseado, veremos en la barra de estado un comentario sobre ste. Por ejemplo posicionen el mouse sobre Pauluk Computacin y vean en la barra de estado. (para verlo bien en sta pgina pasen el mouse varias veces, ya que hay otro cdigo parecido que lo obstruye). <a href="http://www.CheNico.com" onmouseout="window.status=''" onmouseover="window.status='Ac aparece el mensaje que quieras';return true"> Pauluk Computacin</a>
Dificultar copia de pgina:

Con este recurso sencillo podemos hacer ms difcil el acceso al cdigo-fuente o la copia de imgenes de nuestro sitio. Cuando el visitante haga click con el botn derecho del mouse, surgir un mensaje creado previamente por nosotros. Recordemos que a algunas personas no les gusta este tipo de bloqueo. Nosotros tenemos que decidir si queremos incluirlo o no en nuestras pginas.
Podemos colocarlo antes de la etiqueta <html> o despus de la etiqueta <body>.
<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>
Nota: Para evitar este truco, tambin hay un contratruco, si entrs a una pgina que tiene este truco que no te deja copiar imgenes o texto, solo tens que hacer click con el botn derecho del mouse sobre la barra de estado y sin soltarlo arrastrarlo hasta la imgen. Listo, se abrir el men como si la pgina no estuviese bloqueada a la copia. Hay que tener en cuenta que muy poca gente conoce este truco, por lo tanto pods usar tranquilo el truco de bloqueo.
Establecer una pgina como inicio:

Este cdigo html te sirve para crear un link para que el visitante pueda hacer que tu pgina sea la de inicio de su computadora. Con solo hacer clic sobre el link creado, tu pgina se iniciar automticamente cada vez que esa persona se conecte a Internet. <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 pgina de inicio</U></FONT></A>
Enviar un e-mail con Asunto y Mensaje:

Con este truco pods hacer que al hacer clic sobre una palabra, se abra el Outlook para enviar un mensaje con tu direccin, el asunto que quieras y el texto que quieras. Por ejemplo: Hac clic ac para mandarme un mensaje <a href="mailto:webmaster@pauluk.8k.com?subject=Prueba.&body=Estoy probando el truco...">Hac clic ac para mandarme un mensaje</a>
Abrir un Link en una Ventana Nueva:

Cuando tenemos Links en nuestras pginas y alguien hace clic sobre ellos, automticamente se abre esa direccin en nuestra ventana. Con este truco podemos hacer que al hacer clic sobre un determinado Link, esta direccin se abra en una ventana nueva, quedando la nuestra tambin abierta: <a href="http://www.CheNico.com" target="_blank">Pauluk Computacin</a>

Cambia El Color de Tu Web Automaticamente Segun El Visitante

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Cambia El Color de Tu Web Automaticamente Segun El Visitante

Uploaded by

Copyright:

Available Formats

CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE <div id="cc-matrix-899906057"> <div class="n"> <h1> CAMBIA DE COLOR LA PAGINA POR

<img src="TU IMAGEN" onmouseover="this.width=500;this.height=400;" onmouseout="this.width=100;this.height=80;" width="100" height="80" alt="" />

<style type="text/css"> <!-body { cursor: crosshair} --> </style>

TABLA CON BORDES QUE CAMBIAN DE COLOR

BUSCAS WIDGETS? ENCUENTRA MAS A CONTINUACION DA CLICK EN EL TEXTO!"

#1 ezequielk-po2012(viernes, 10 febrero 2012 15:19) grasias por los codigos xd

#2 metzLyy(lunes, 13 febrero 2012 15:08) denada amigo (:

#3 thewarnerbrother(domingo, 19 febrero 2012 16:44) oye amiga el codigopara el mundo girando???????

#7 suicide-music(lunes, 02 abril 2012 18:47) Visiten mi web ;) http://zona-mix.jimdo.com/

#9 jezuz7891(viernes, 06 abril 2012 14:08) GRACIAS LA NETA X TUS CODIGOS !!!

#11 antiservercstrike(jueves, 03 mayo 2012 16:25) yo kiero saber q es URL

#13 metzLyy(sbado, 05 mayo 2012 02:27)

#16 masterzone(lunes, 28 mayo 2012 13:08) muy buena pagina (y)

#24 jerd141(martes, 12 marzo 2013 15:23) la metz ta vien chida tu web

#25 Alejandro Vasquez(mircoles, 13 marzo 2013 08:00) gracias

#26 sdasdas(domingo, 17 marzo 2013 03:15) asdsdfsadf

/></span> </td> </tr> </table> </center> </div> </div>

#28 Pgina web: Nombre: *

Pages to the People

S, he ledo y acepto las interesantesCondiciones de Uso y la Poltica de

Crear pgina web gratis

<div style="text-align: center;"><a href="http://www.estorp95.es.tl/[__>SalamandraServer<__].htm#comment"

Codigo.-Centrar tu web(copialo y pegalo en texto por encima de la pagina)

Codigo.-Poner new!!(este codigo lopegas enseguida del nombre de cada pagina)

<img src="http://img61.imageshack.us/img61/5580/newbotonoz0.gif" alt="Image Hosted by ImageShack.us" border="0"></a>

Codigo.-Pagina en construccion(este codigo lo pegas en texto por debajo de la pagina)

<style type="text/css">  </style>

Codigo.-Recomendar web(este codigo lo pegas en la pagina que quieras)

"mailto:"+document.eMailer.address.value+"?subject="+m+"&body="+ document.title+" "+u;}} </script>

<div class="sinlink"><br/><center>Aqui tu Texto</center></div>

Codigo.-Aliniar tu web(copialo y pegalo en texto por encima de la pagina)

Codigo.-Alumbrar tu web(copialo y pegalo en texto por debjo de la pagina)

<style type="text/css">body {background-image:url(URL DE IMAGEN)}</style>

<body onload="window.alert('Bienvenido a mi pagina web, gracias por visitarnos')">

<body onUnload="window.alert('Gracias por tu visita! nos vemos pronto ^^')">

Codigo.-Probador HTML(copia y pega este codigo donde quieras)

value="Convertir" /><font face="Verdana" size="2"> </font> </form>

Codigo.-Fecha en tu web(copia y pega este codigo en texto por encima de la pagina)

setTimeout("updateReloj()",1000); } //--> </script> </form> </body>

Con link <a href="Direccin de tu sitio"><img src="http://img.webme.com/pic/c/chatroh/8484484848484.gif"

</script> <div id="C1">&nbsp;</div>

<script language='JavaScript'>window.open('http://www.chenico.com', 'geoflotante', '');</script>

return false; } return true; } document.onmousedown=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; </script>

Codigo.-No dejar seleccionar texto(copialo y pegalo en texto por debajo de la pagina)

<a href="URL">Descripcin del enlace </a>

<style type="text/css"> <!-body { cursor: crosshair}

Codigo.-Hosted by PGW(copia y pega este codigo en texto por debajo de la pagina)

<a href='http://paginawebgratis.es' style='display:scroll;position:fixed;bottom:0px;right:0px;'> <img src='http://img91.imageshack.us/img91/6165/hostedbyxj1.gif'/></a>

Codigo.-Minimizar pagina con un boton(copia y pega este codigo en donde quieras)

Codigo.-Botones de navegacion(copia y pega este codigo donde quieras)

Codigos HTML para tu web:

alert("Tu mensaje es muy corto" } }

nfinal=(document.getElementById)? document.getElementById("n0" nfinal.style.left=-num2; if(num2 != 9){

jump=(document.getElementById)? document.getElementById("jumpx" document.all.jumpx jump0() }

else document.write(message) </script></CENTER>

<center><a href="http://dipro.multimania.com"><img src="logo.gif" border=0></a></center> </body>

if (document.all&&document.readyState=="complete" { document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>' document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10

Espero que les sirva

edireccionar una pgina:

Abrir una Web en Pop Up:

No dejar seleccionar el texto de nuestra Web:

Horas restantes para finalizar el da:

Crear un Formulario o Libro de Visitas:

<div style="text-align: center;"><a href="http://www.estorp95.es.tl/[>SalamandraServer<].htm#comment"

</script> <div id="C1"> </div>