Trucos html

7,966 views

Published on

Trucos para poner full tu web

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
7,966
On SlideShare
0
From Embeds
0
Number of Embeds
21
Actions
Shares
0
Downloads
27
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Trucos html

  1. 1. Trucos Html La mejor manera de poner full tu web
  2. 2. Abrir un link de una imagen en una ventana nueva : <ul><li>Con este código podemos insertar una imagen (ej. banner) y que al hacer click sobre ella se abra el link de destino en una ventana nueva. Primero ponemos la ruta del link de destino, y luego la ruta donde está alojada la imagen. Si está alojada en la raíz de nuestro servidor solo ponemos el nombre y listo. </li></ul><ul><li><a href=&quot; http://www.CheNico.com &quot; target=&quot;_blank&quot;><img src=&quot;imagen.gif&quot; border=0></a> </li></ul>
  3. 3. Hora y texto en la barra de estado : <ul><li>Con este truco, podemos hacer que aparezca en la barra de estado la hora de la PC que entra a nuestra Web y poner el texto que queramos. </li></ul><ul><li><script language=&quot;JavaScript&quot;> <!-- mensaje=&quot; |======| www.CheNico.com &quot; function hora() { var h = new Date(); window.status=&quot;|======| &quot; + h.getHours() +&quot;:&quot;+ h.getMinutes() +&quot;&quot; +mensaje ; window.setTimeout('hora()',100); } hora() //--> </script> </li></ul>
  4. 4. Otra barra con mas colores : <ul><li>A continuación veremos otro código para ponerle color a la barra de desplazamiento, en este caso vamos a poder personalizar los colores de la barra, del fondo y los bordes. Reemplazar los nombres de los colores por otros o por los código de letras y números. Mas abajo está la tabla de colores. </li></ul><ul><li><style> <!-- body { scrollbar-face-color: darkgreen ; scrollbar-shadow-color: yellow; scrollbar-highlight-color: violet; scrollbar-3dlight-color: navy; scrollbar-darkshadow-color: magenta; scrollbar-track-color: blue; scrollbar-arrow-color: black } --> </style> </li></ul><ul><li>Observación : para ver este truco, es necesario tener instalada las últimas versiones de los navegadores. Preferentemente Internet Explorer 6. </li></ul>
  5. 5. Crear un Título que cambia de colores : <ul><li>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 hace click aca </li></ul>
  6. 6. Redireccionar una página: <ul><li>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: </li></ul><ul><li><HTML> <HEAD> <TITLE>Redireccionado por www.CheNico.com</TITLE> <SCRIPT LANGUAGE=&quot;JavaScript&quot;> location.href =‘Url de tu pagina'; </SCRIPT> </HEAD> <BODY> </li></ul><ul><li>  </li></ul>
  7. 7. Abrir una Web en Pop Up : <ul><li>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. </li></ul><ul><li><script language='JavaScript'>window.open (‘Url de tu página', 'geoflotante', '');</script> </li></ul>
  8. 8. No dejar seleccionar el texto de nuestra Web : <ul><li>Con este código vamos a impedir que los visitantes seleccionen el texto de nuestra página para luego copiarlo a otro lado. </li></ul><ul><li><script language=&quot;Javascript&quot;> <!-- Begin function disableselect(e){ return false } function reEnable(){ return true } document.onselectstart=new Function (&quot;return false&quot;) if (window.sidebar){ document.onmousedown=disableselect document.onclick=reEnable } // End --> </script> </li></ul><ul><li>  </li></ul>
  9. 9. Crear un Formulario o Libro de Visitas : <ul><li>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 &quot;enviar&quot;, los datos serán enviados a tu casilla de correo. </li></ul><ul><li><H2>Libro de visitas de www.CheNico.com</H2> <FORM ACTION=&quot;mailto:tunombre@tuservidor.com&quot; METHOD=&quot;post&quot;> <TABLE> <TD ALIGN=RIGHT>Nombre:</TD> <TD><INPUT type=&quot;text&quot; size=36 name=&quot;nombre&quot;></TD> <TR><TD ALIGN=RIGHT>Direccion E-mail:</TD> <TD><INPUT type=&quot;text&quot; size=36 name=&quot;direccion&quot;></TD> <TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD> <TD><INPUT type=&quot;text&quot; size=36 name=&quot;procedencia&quot;></TD> <TR><TD ALIGN=RIGHT>Tus comentatios:</TD> <TD><TEXTAREA rows=5 cols=30 name=&quot;comentarios&quot;></TEXTAREA></TD> </TABLE> <INPUT type=&quot;reset&quot; value=&quot;Borrar todo&quot;> <INPUT type=&quot;submit&quot; value=&quot;Enviar&quot;> </FORM> </li></ul><ul><li>  </li></ul>
  10. 10.   Insertar un sonido o música de fondo : <ul><li>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: </li></ul><ul><li><BGSOUND SRC=&quot;sonido.mid&quot; LOOP=none>  <WIDTH=200 HEIGHT=55 AUTOSTART=&quot;true&quot; LOOP=&quot;false&quot; HIDDEN=&quot;true&quot;> </li></ul><ul><li>Se recomienda usar sonidos en formato &quot; midi &quot; que son los de menor peso. </li></ul>

×