CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

76
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/s4e9df44a0ad8cc d8/img/ic9f9e9dccbe9efa9/1279636888/thumb/image.gif'), auto;" align="center" width="22%"> <tr> <td> <span onmouseover="javascript:document.body.style.backgroundColor=' #d9d13f'; document.body.style.backgroundImage='none';"><img border="1" src= "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/ib70a484a0d 796a4c/1279635875/thumb/image.jpg" alt="" /></span> </td> <td> <span onmouseover="javascript:document.body.style.backgroundColor=' #3f6dd9'; document.body.style.backgroundImage='none';"><img border="1" src= "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i864d71f3ad 9442f6/1279635875/thumb/image.jpg" alt="" /></span> </td> <td> <span onmouseover="javascript:document.body.style.backgroundColor=' #d9993f'; document.body.style.backgroundImage='none';"><img border="1" src= "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i6e6a28be3b 5b635a/1279635875/thumb/image.jpg" alt="" /></span> </td> <td>

Transcript of CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

Page 1: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

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/img/ic9f9e9dccbe9efa9/1279636888/thumb/image.gif'), auto;" align="center" width="22%">                <tr>                    <td>                        <span onmouseover="javascript:document.body.style.backgroundColor='#d9d13f'; 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='#3f6dd9'; 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='#d9993f'; 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>

Page 2: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

                    <td>                        <span onmouseover="javascript:document.body.style.backgroundColor='#cccccc'; 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='#9b5b1c'; 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='#57d93f'; 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='#d9483f'; document.body.style.backgroundImage='none';"><img border="1" src=

Page 3: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i89158ce65f80c1be/1279636453/thumb/image.jpg" alt="" /></span>                    </td>                    <td>                        <span onmouseover="javascript:document.body.style.backgroundColor='#FFCCCC'; 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='#993fd9'; 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='#000000'; 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='#74b8fb'; 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>

Page 4: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

    </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 tamaño de tu imagen o el tamaño en que quieres que se mire  y en width=100;this.height=80 el tamaño 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);}

Page 5: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

//-->//]]></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 página de facebook' target='_blank' title='Sígueme 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

Page 6: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

http://www.fileden.com/files/2010/8/4/2933396/2botons.pngIMAGENES FLOTANTES PARA TU WEB:Con este codigo, podras colocar imágenes flotantes que cambien automáticamente al actualizar la ventana, el código 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">

Page 7: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

</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=googleTranslateElementInit" type="text/javascript"></script></div>

Con la tecnología 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 número 1"

}

if (numero == 01){

texto = "Texto número 2"

}

if (numero == 02){

Page 8: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

texto = "Texto número 3"

}

if (numero == 03){

texto = "Texto número 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.selectedIndex].value">

       <option selected="selected">

           Mira nuestras secciones

       </option>

       <option value="URL número 1">

        Texto número 1

       </option>

       <option value="URL número 2>

           Texto número 2

Page 9: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

       </option>

       <option value="URL número 3">

          Texto número 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

Page 10: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

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"elsecrosstable.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/i9aa2b4339ed61d88/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/i2f4304a64ca4127e/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

Page 11: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

var timerRunning = falsevar charNo = 0var charMax = 0var lineNo = 0var lineMax = 3var 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++

Page 12: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

timerID = setTimeout("ShowLine()", 100)}else {charNo = 0timerID = 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 CONTINUACIONDA CLICK EN EL TEXTO!"

TIENES ALGUNA DUDA?escribe tu pregunta y/o sugiereEscribir comentarioComentarios: 27

Page 13: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

#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

Page 14: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

#6

maximoloquendo(miércoles, 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 Miahttp://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

Page 15: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

estoy experimentando algunos cambiosy este fondo como le haceste felicito...

#11

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

#12

metzLyy(sábado, 05 mayo 2012 02:22)el link o direccion de enlace de tu pagina o imagen

#13

metzLyy(sábado, 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. Quería preguntarte el codigo de la caja de conversión de código html donde la consigues ?

#15

Page 16: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

metzLyy(martes, 15 mayo 2012 22:27)hola fer , estoy bn graciasel 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(miércoles, 06 junio 2012 19:59)

Page 17: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

<style type="text/css">/*<![CDATA[*/<!--.body {background-image: url(); }-->/*]]>*/</style>

bueno primeramente entra a la paginay en la barra de herramientas de la webentras a ajustesy das click en editar headpegas el codigo y busca en la web una imagen k kieras poner de fondocopea el link y pegalo entre los () k estan despues de donde dice url y buscas una plantilla que se adapte (: espero k te sirva

#19

chat-virtual(martes, 26 febrero 2013 15:34)Gracias por los códigos me sirven de mucho :D

#20

chat-virtual(martes, 26 febrero 2013 18:38)Sabes cual es el codigo que se usa para claves ?

#21

rainer(lunes, 04 marzo 2013 21:48)Hola, Gracias pero el Cogido que buscaba en especial es el que tienes ahora mismo que es el de transparecia Me podrias ayudar en eso?Espero una respuesta chao

#22

Page 18: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

metztLyy(viernes, 08 marzo 2013 20:22)hola chat-virtual, la verdad no entendi tu pregunta creo que no la planteaste bien .__. saludos (:

#23

metztLyy(viernes, 08 marzo 2013 20:25)hola rainer si puedo ayudarte me parece que hice un tutorial sobre eso de igual manera puedo ayudarte (:

#24

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

#25

Alejandro Vasquez(miércoles, 13 marzo 2013 08:00)gracias

#26

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

#27

zonakumbieraa(domingo, 24 marzo 2013 09:25)<div id="cc-matrix-899906057"><div class="n"><h1>CAMBIA DE COLOR LA PAGINA POR EL QUE MAS TE GUSTE

Page 19: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

</h1></div>

<div class="n"><center><table border="0" style="cursor:url('http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/ic9f9e9dccbe9efa9/1279636888/thumb/image.gif'), auto;" align="center" width="22%"><tr><td><span onmouseover="javascript:document.body.style.backgroundColor='#d9d13f'; 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='#3f6dd9'; 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='#d9993f'; 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.backgroundC

Page 20: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

olor='#cccccc'; 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='#9b5b1c'; 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='#57d93f'; 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.backgroundC

Page 21: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

olor='#d9483f'; 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='#FFCCCC'; 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='#993fd9'; 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='#000000'; 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='#74b8fb'; document.body.style.backgroundImage='none';"><img border="1" src=

Page 22: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

"http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i75f43d7530285f50/1279635875/thumb/image.jpg" alt="" /></span></td></tr></table></center></div></div>

#28

Página web:

Nombre: *

Entrada: *

 

* Espacios requeridos

Pages to the People

¿También necesitas una página web? Entonces crea tu propia web con Jimdo en minutos. Regístrate gratis enjimdo.com y listo.

Page 23: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

CREA TU PROPIA PAGINA WEB !  REGISTRATE AHORA MISMO :D"Escribe un nombre para tu página

.jimdo.com

Dirección de email

 Sí, he leído y acepto las interesantesCondiciones de Uso y la Política de

Privacidad.

Crear página web gratis

sigueme en youtube

Codigo.-Camara que vigila tu web(copialo y pegalo en texto por debajo de la pagina)

      <div style="text-align: center;"><a

href="http://www.estorp95.es.tl/[__>Salamandra-

Server<__].htm#comment"

Page 24: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

_fcksavedurl="http://www.estorp95.es.tl/[__>Salamandra-

Server<__].htm#comment" style="right: 0px; position: fixed; top:

0px;"><img

src="http://img150.imageshack.us/img150/9631/camaras01pe3.gif"

_fcksavedurl="http://img150.imageshack.us/img150/9631/camaras01p

e3.gif" alt="" /></a></div>

      

Codigo.-Centrar 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/xhtml1-

transitional.dtd"> <html xmlns="http:/www.w3.org/1999/xhtml"> <div

style="width:900px; position: relative; margin-left: auto; margin-right:

auto;">

      

Codigo.-Nick animado(donde dice aqui le colocan su texto lo ban a

sustituir por lo que quieren que diga ese codigo lo cpian y lo pegan en

texto por encima de la pagina)

       </script>

      <p>

      <br>

      <p>

      <Mas scripts en www.creatupropiaweb.com><SCRIPT

LANGUAGE="JavaScript">var txt="AQUI LE COLOCAN EL

Page 25: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

TITULO";var espera=100;var refresco=null;function rotulo_title()

{document.title=txt;txt=txt.substring(1,txt.length)

+txt.charAt(0);refresco=setTimeout("rotulo_title()",espera);}rotulo_title()

;

      </SCRIPT>

      <p>

      <br>

      <p>

      

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.-No al copion!!(este codigo lo pegan en cada una de las

paginas en las que no quieren que les copien)

      <script language="Javascript">

      <!-- Beginfunction disableselect(e){return false}function reEnable()

{return true}document.onselectstart=new Function ("return false")if

(window.sidebar)

{document.onmousedown=disableselectdocument.onclick=reEnable}//

End -->

Page 26: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

      </script>

      Codigo.-Pagina en construccion(este codigo lo pegas en texto por

debajo de la pagina)

      <style type="text/css">

      <!--body { visibility:hidden;background-color:#FFFFFF;background-

image:url(http://www.cordoba-redes.com.ar/

EnConstruccion.bmp);background-repeat: no-repeat;background-

position: top; }//-->

      </style>

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

quieras)

      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 = falsecheckEmailAddress(document.eMailer.address)if (good)

{// the following expression must be all on one line...window.location =

Page 27: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

"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/xhtml1-

transitional.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)

Page 28: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

      <style>

      body {background-image:

url(http://photos1.hi5.com/0031/763/432/vr3mEw763432-

03.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>

Page 29: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

      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)

Page 30: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

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

      <!-- ArkAngel,YonkoChileWebRox -->

      <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&oacute;digos, inserta el c&oacute;digo HTML y te dar&aacute; 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)"

Page 31: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

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 = " Miércoles, "

      else if(myday == 4)

      day = " Jueves, "

      else if(myday == 5)

      day = " Viernes, "

      else if(myday == 6)

      day = " Sábado, "

Page 32: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

      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>

Page 33: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

      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 día!")

      }

      if((today.getHours() >=10) && (today.getHours() <=11)){

      document.write("¡Buen día!")

      }

      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!")

      }

Page 34: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

      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 día</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();

       

Page 35: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

      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)

Page 36: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

      <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

código</U></FONT></A>

      Codigo.-Botones atras, adelante y actualizar(este codigo lo van a

copiar y pegar en donde quieran)

      <input type="button" value="Atrás" onclick="history.back()"

style="font-family: Verdana; font-size: 8 pt">

      <input type="button" value="Actualizar"

onclick="window.location.reload()" style="font-family: Verdana; font-

size: 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="Dirección de tu sitio"><img

src="http://img.webme.com/pic/c/chatroh/8484484848484.gif"

Page 37: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

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 CÓDIGO QUE DESEE

QUE APAREZCA DENTRO DE LA CAJITA Nº1</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;

      }

Page 38: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

      </script>

      <div id="C1">&nbsp;</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.");

Page 39: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

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

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

Page 40: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

      </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(' 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="URL"

      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="URL"

      onmouseover="escribe(' Glosarion -------------- nn Diccionario de

Términos Informáticos. Enterate el significado de esas palabras de

Page 41: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

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>

      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">Descripción 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}

Page 42: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

      -->

      </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 Computación</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)

Page 43: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

      <input type="button" value="Minimizar ventana"

onclick="window.moveBy(5000,5000); min = 'si';" style="font-

family: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;font-

size: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 página, por favor...</div>');

      </script>

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

quieras)

Page 44: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

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

      <!-- End Navigation --> 

Codigos HTML para tu web:

Si querés poner el buscador de Google en tu web solo debes ingresar el siguiente codigo: 

<!-- Búsqueda Google --> <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="Búsqueda Google"> </td></tr></TABLE> </FORM> </center> <!-- Búsqueda Google --> 

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> 

Page 45: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

Si querés que te manden mails los usuarios que entran a tu web debes ingresar el siguiente codigo: 

A HREF="mailto:[email protected]?subject=my website">Email Me</A> 

pero tenés que cambiarle [email protected] 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.. 

Page 46: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

Bueno me canse de poner barras!   

Para que te pongan como pagina de inicio: 

Page 47: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://tuwebaquí');return false;">Pon 

esta web como tu página 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); 

Page 48: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

} 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; 

Page 49: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

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{ 

Page 50: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

alert("Tu mensaje es muy corto"  } } 

Page 51: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

function jump1a(){ 

nfinal=(document.getElementById)? document.getElementById("n0"  : document.all.n0 nfinal.style.left=-num2; 

if(num2 != 9){ 

Page 52: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

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

Page 53: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

jump=(document.getElementById)? document.getElementById("jumpx"  : document.all.jumpx 

jump0() } 

Page 54: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

else document.write(message) 

</script></CENTER> 

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

</body> 

¿Querés utilizar una nueva manera de informar a tus visitantes sobre el destino de cada vínculo? Entonces usá viñetas con el siguiente codigo: 

<script> <!-- 

if (!document.layers&&!document.all) event="test" 

function showtip2(current,e,text){ 

Page 55: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

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 

Page 56: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

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> 

Después, personalice cada uno de sus vínculos 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){ 

Page 57: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

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 

Page 58: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

Suerte 

Page 59: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

edireccionar una página:Si tenés una dirección larga, y los servidores que te dan direcciones cortas no tienen buena capacidad de almacenamiento o de taza de transferencia de datos, con este código podés hacer que al escribir una dirección se abra otra, solo tenés que insertar este código en el index.html del dominio corto poniendo tu dirección 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 código vamos a hacer que al entrar en nuestra página automáticamente se abra otra, ej. otra Web nuestra, una sección 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 código vamos a impedir que los visitantes seleccionen el texto de nuestra página para luego copiarlo a otro lado.<script language="Javascript"><!-- Beginfunction disableselect(e){return false}function reEnable(){return true}document.onselectstart=new Function ("return false")if (window.sidebar){document.onmousedown=disableselectdocument.onclick=reEnable}// End --></script>

   

Horas restantes para finalizar el día:

Page 60: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

Con este código insertamos un pequeño relojito que indica la cuenta regresiva de las horas, minutos y segundos que faltan 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 Pagina:Con este código podemos hacer que si a un visitante le gustó nuestra Web, la recomiende a un amigo escribiendo su dirección de correo electrónico en la casilla, al hacer click en "Recomendar esta Web" se envía un mensaje de correo con el asunto "Pienso que te puede interesar esta página..." y en el cuerpo del mensaje aparece la dirección completa donde se encuentra el código y el título de la misma.<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){

Page 61: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

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

   

Crear un Formulario o Libro de Visitas:Con este código podemos crear un formulario para que complete el visitante. O también un libro de visitas, luego que el visitante apriete el botón "enviar", los datos serán enviados a tu casilla de correo.<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:

Page 62: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

Con este código podemos crear por ejemplo el título para nuestra Web o una de nuestras secciones. Como el código 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 explicación de ese link en un cuadro con la cantidad de palabras que queramos poner. Solo tenés 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(' Página principal\n ----------------\n\n 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://usuarios.lycos.es/pauluk/trucosprin.htm"onmouseover="escribe(' Trucos PC\n -----------\n\n 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://usuarios.lycos.es/pauluk/GLOSARIO.HTM"onmouseover="escribe(' Glosario\n -------------- \n\n 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:Si quieren que los visitantes escuchen una canción mientras visitan la Web, o simplemente recibirlos con una melodía estilo presentación, este es el código que estabas buscando. Solo tenés que guardar el sonido en el directorio raíz de tu servidor e insertar el siguiente código html:

Page 63: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

<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 código HTML:<a href="ejemplo.exe">Descripción 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 automáticamente. Ejemplo: Si el navegador no logra abrir un archivo "zip" (compactado), inicia la descarga automáticamente.

   

Efecto nieve con cualquier imagen:Con este truco podés hacer que caigan por la pantalla varias veces la misma imagen con un efecto estilo nieve. Si querés ver el código y el efectoHACÉ CLIC ACÁ .

 CODIGO HTML EFECTO NIEVE:Podés cambiar la imagen reemplazando por una tuya alojada en el servidor poniendo su nombre donde está en rojo.

 <script>var no = 5; // snow numbervar speed = 15; // smaller number moves the snow fastervar snowflake = "snow.gif";

var ns4up = (document.layers) ? 1 : 0; // browser sniffervar ie4up = (document.all) ? 1 : 0;var dx, xp, yp; // coordinate and position variablesvar am, stx, sty; // amplitude and step variablesvar 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) { 

Page 64: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

dx[i] = 0; // set coordinate variablesxp[i] = Math.random()*(doc_width-50); // set position variablesyp[i] = Math.random()*doc_height;am[i] = Math.random()*20; // set amplitude variablesstx[i] = 0.02 + Math.random()/10; // set step variablessty[i] = 0.7 + Math.random(); // set step variablesif (ns4up) { // set layersif (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 functionfor (i = 0; i < no; ++ i) { // iterate for every dotyp[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 functionfor (i = 0; i < no; ++ i) { // iterate for every dotyp[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];

Page 65: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

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 código 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 clásica 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 códigos para ponerle colores a las barras de

desplazamiento, a las fuentes y muchas otras funciones

más. COLORES HTMLLos que están en negrita se pueden escribir en lugar de los códigos.

Page 66: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

Nombre del color Código del color Apariencia

White #FFFFFFRed #FF0000Green #00FF00Blue #0000FFMagenta #FF00FFCyan #00FFFFYellow #FFFF00Black #000000Aqua #70DB93Baker's Chocolate #5C3317Blue Violet #9F5F9FBrass #B5A642Bright Gold #D9D919Brown #A62A2ABronze #8C7853Bronze II #A67D3DCadet Blue #5F9F9FCool Copper #D98719Copper #B87333Coral #FF7F00Corn Flower Blue #42426FDark Brown #5C4033Dark Green #2F4F2FDark Green Copper #4A766EDark Olive Green #4F4F2FDark Orchid #9932CDDark Purple #871F78Dark Slate Blue #6B238EDark Slate Grey #2F4F4FDark Tan #97694FDark Turquoise #7093DBDark Wood #855E42Dim Grey #545454Dusty Rose #856363Feldspar #D19275Firebrick #8E2323Forest Green #238E23Gold #CD7F32Goldenrod #DBDB70Gray #C0C0C0Green Copper #527F76Green Yellow #93DB70Hunter Green #215E21Indian Red #4E2F2F

Page 67: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

Khaki #9F9F5FLight Blue #C0D9D9Light Grey #A8A8A8Light Steel Blue #8F8FBDLight Wood #E9C2A6Lime #32CD32Mandarian Orange #E47833Maroon #8E236BMedium Aquamarine #32CD99Medium Blue #3232CDMedium Forest Green #6B8E23Medium Goldenrod #EAEAAEMedium Orchid #9370DBMedium Sea Green #426F42Medium Slate Blue #7F00FFMedium Spring Green #7FFF00

Medium Turquoise #70DBDBMedium Violet Red #DB7093Medium Wood #A68064Midnight Blue #2F2F4FNavy #23238ENeon Blue #4D4DFFNeon Pink #FF6EC7New Midnight Blue #00009CNew Tan #EBC79EOld Gold #CFB53BOrange #FF7F00Orange Red #FF2400Orchid #DB70DBPale Green #8FBC8FPink #BC8F8FPlum #EAADEAQuartz #D9D9F3Rich Blue #5959ABSalmon #6F4242Scarlet #8C1717Sea Green #238E68Semi-Sweet Chocolate #6B4226

Sienna #8E6B23Silver #E6E8FASky Blue #3299CCSlate Blue #007FFFSpicy Pink #FF1CAESpring Green #00FF7F

Page 68: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

Steel Blue #236B8ESummer Sky #38B0DETan #DB9370Thistle #D8BFD8Turquoise #ADEAEAVery Dark Brown #5C4033Very Light Grey #CDCDCDViolet #4F2F4FViolet Red #CC3299Wheat #D8D8BFYellow Green #99CC32

CÓDIGOCOLOR

#000000#000033#000066#000099#0000CC#0000FF#003300#003333#003366#003399#0033CC#0033FF#006600#006633#006666#006699#0066CC

CÓDIGOCOLOR

#330000#330033#330066#330099#3300CC#3300FF#333300#333333#333366#333399#3333CC#3333FF#336600#336633#336666#336699#3366CC

CÓDIGOCOLOR

#660000#660033#660066#660099#6600CC#6600FF#663300#663333#663366#663399#6633CC#6633FF#666600#666633#666666#666699#6666CC

CÓDIGOCOLOR

#990000#990033#990066#990099#9900CC#9900FF#993300#993333#993366#993399#9933CC#9933FF#996600#996633#996666#996699#9966CC

CÓDIGOCOLOR

#CC0000#CC0033#CC0066#CC0099#CC00CC#CC00FF#CC3300#CC3333#CC3366#CC3399#CC33CC#CC33FF#CC6600#CC6633#CC6666#CC6699#CC66CC

CÓDIGOCOLOR

#FF0000#FF0033#FF0066#FF0099#FF00CC#FF00FF#FF3300#FF3333#FF3366#FF3399#FF33CC#FF33FF#FF6600#FF6633#FF6666#FF6699#FF66CC

Page 69: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

#0066FF#009900#009933#009966#009999#0099CC#0099FF#00CC00#00CC33#00CC66#00CC99#00CCCC#00CCFF#00FF00#00FF33#00FF66#00FF99#00FFCC#00FFFF

#3366FF#339900#339933#339966#339999#3399CC#3399FF#33CC00#33CC33#33CC66#33CC99#33CCCC#33CCFF#33FF00#33FF33#33FF66#33FF99#33FFCC#33FFFF

#6666FF#669900#669933#669966#669999#6699CC#6699FF#66CC00#66CC33#66CC66#66CC99#66CCCC#66CCFF#66FF00#66FF33#66FF66#66FF99#66FFCC#66FFFF

#9966FF#999900#999933#999966#999999#9999CC#9999FF#99CC00#99CC33#99CC66#99CC99#99CCCC#99CCFF#99FF00#99FF33#99FF66#99FF99#99FFCC#99FFFF

#CC66FF#CC9900#CC9933#CC9966#CC9999#CC99CC#CC99FF#CCCC00#CCCC33#CCCC66#CCCC99#CCCCCC#CCCCFF#CCFF00#CCFF33#CCFF66#CCFF99#CCFFCC#CCFFFF

#FF66FF#FF9900#FF9933#FF9966#FF9999#FF99CC#FF99FF#FFCC00#FFCC33#FFCC66#FFCC99#FFCCCC#FFCCFF#FFFF00#FFFF33#FFFF66#FFFF99#FFFFCC#FFFFFF

   

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 Computación y vean en la barra de estado. (para verlo bien en ésta página pasen el mouse varias veces, ya que hay otro código parecido que lo obstruye).

Page 70: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

<a href="http://www.CheNico.com"onmouseout="window.status=''"onmouseover="window.status='Acá aparece el mensaje que quieras';return true">Pauluk Computación</a>

   

Dificultar copia de página:Con este recurso sencillo podemos hacer más difícil el acceso al código-fuente o la copia de imágenes de nuestro sitio. Cuando el visitante haga click con el botón 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 páginas.Podemos colocarlo antes de la etiqueta <html> o después 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, también hay un contratruco, si entrás a una página que tiene este truco que no te deja copiar imágenes o texto, solo tenés que hacer click con el botón derecho del mouse sobre la barra de estado y sin soltarlo arrastrarlo hasta la imágen. Listo, se abrirá el menú como si la página no estuviese bloqueada a la copia. Hay que tener en cuenta que muy poca gente conoce este truco, por lo tanto podés usar tranquilo el truco de bloqueo.

   

Establecer una página como inicio:Este código html te sirve para crear un link para que el visitante pueda hacer que tu página sea la de inicio de su computadora. Con solo hacer clic sobre el link creado, tu página se iniciará automáticamente 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)';

Page 71: CAMBIA EL COLOR DE TU WEB AUTOMATICAMENTE SEGUN EL VISITANTE.docx

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:Con este truco podés hacer que al hacer clic sobre una palabra, se abra el Outlook para enviar un mensaje con tu dirección, el asunto que quieras y el texto que quieras. Por ejemplo: Hacé clic acá para mandarme un 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:Cuando tenemos Links en nuestras páginas y alguien hace clic sobre ellos, automáticamente se abre esa dirección en nuestra ventana. Con este truco podemos hacer que al hacer clic sobre un determinado Link, esta dirección se abra en una ventana nueva, quedando la nuestra también abierta:<a href="http://www.CheNico.com" target="_blank">Pauluk Computación</a>