SlideShare una empresa de Scribd logo
Trucos Html La mejor manera de poner full tu web
Abrir un link de una imagen en una ventana nueva : 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. <a href=&quot; http://www.CheNico.com &quot; target=&quot;_blank&quot;><img src=&quot;imagen.gif&quot; border=0></a>
Hora y texto en la barra de estado : 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. <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>
Otra barra con mas colores : 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. <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>  Observación : para ver este truco, es necesario tener instalada las últimas versiones de los navegadores. Preferentemente Internet Explorer 6.
Crear un Título que cambia de colores : 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
Redireccionar 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=&quot;JavaScript&quot;> location.href =‘Url de tu pagina'; </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 (‘Url de tu página',  '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=&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>  
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 &quot;enviar&quot;, los datos serán enviados a tu casilla de correo. <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>  
  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: <BGSOUND SRC=&quot;sonido.mid&quot; LOOP=none>  <WIDTH=200 HEIGHT=55 AUTOSTART=&quot;true&quot; LOOP=&quot;false&quot; HIDDEN=&quot;true&quot;> Se recomienda usar sonidos en formato &quot; midi &quot; que son los de menor peso.

Más contenido relacionado

PPT
Codigos HTML Lenguaje IV
PPTX
Código de Afiliacion
PPSX
Tutorial ayuda para tu blog
PDF
Menu horizontal blogger
ODP
Vozme
PPT
Html Y Javascript
PPTX
Marquesinas (marquees)
DOCX
Crear conjunto de marcos
Codigos HTML Lenguaje IV
Código de Afiliacion
Tutorial ayuda para tu blog
Menu horizontal blogger
Vozme
Html Y Javascript
Marquesinas (marquees)
Crear conjunto de marcos

La actualidad más candente (12)

DOCX
Html unidad 3
PPTX
DOCX
Edificamosfuturo
DOCX
Html archivo ((completo))
PDF
Blogger
DOCX
Para insertar un archivo de flash en blogger
DOCX
PPT
Ventanas Emergentes
PDF
TTORIAL
DOCX
Pagina web 2
DOCX
Etiquetas 1 en html
ODP
Html unidad 3
Edificamosfuturo
Html archivo ((completo))
Blogger
Para insertar un archivo de flash en blogger
Ventanas Emergentes
TTORIAL
Pagina web 2
Etiquetas 1 en html
Publicidad

Destacado (7)

PDF
El modelo de espectro en el trastorno bipolar y esquizofrenia descripción clí...
DOC
PDF
I&amp;D Portfolio 2011 De
PPT
PPS
Benditos - Blessed
PPS
Asi Nos Organizamos
PDF
100916 vortrag web20_icruitment
El modelo de espectro en el trastorno bipolar y esquizofrenia descripción clí...
I&amp;D Portfolio 2011 De
Benditos - Blessed
Asi Nos Organizamos
100916 vortrag web20_icruitment
Publicidad

Similar a Trucos Html (20)

DOC
Guia De Trucos Html
PPT
Trucos html
PPS
Trucos Html
DOCX
Trucos html para paginas web
PPT
Blog
PPT
Calculadora
DOCX
Codigos para html
PPT
Html Y Javascript
PPT
PresentacióN Html
PPT
PresentacióN Html
PPTX
Proy. Diseño e Impl. de Sist. Comp. v1.0.pptx
PPT
Step by step developing with Facebook PHP API by Bruno Kamiche
ODP
PPTX
Revistaaaa
PDF
HTML
PDF
Google Analitycs para las webs de los campings
Guia De Trucos Html
Trucos html
Trucos Html
Trucos html para paginas web
Blog
Calculadora
Codigos para html
Html Y Javascript
PresentacióN Html
PresentacióN Html
Proy. Diseño e Impl. de Sist. Comp. v1.0.pptx
Step by step developing with Facebook PHP API by Bruno Kamiche
Revistaaaa
HTML
Google Analitycs para las webs de los campings

Trucos Html

  • 1. Trucos Html La mejor manera de poner full tu web
  • 2. Abrir un link de una imagen en una ventana nueva : 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. <a href=&quot; http://www.CheNico.com &quot; target=&quot;_blank&quot;><img src=&quot;imagen.gif&quot; border=0></a>
  • 3. Hora y texto en la barra de estado : 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. <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>
  • 4. Otra barra con mas colores : 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. <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> Observación : para ver este truco, es necesario tener instalada las últimas versiones de los navegadores. Preferentemente Internet Explorer 6.
  • 5. Crear un Título que cambia de colores : 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
  • 6. Redireccionar 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=&quot;JavaScript&quot;> location.href =‘Url de tu pagina'; </SCRIPT> </HEAD> <BODY>  
  • 7. 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 (‘Url de tu página', 'geoflotante', '');</script>
  • 8. 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=&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>  
  • 9. 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 &quot;enviar&quot;, los datos serán enviados a tu casilla de correo. <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>  
  • 10.   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: <BGSOUND SRC=&quot;sonido.mid&quot; LOOP=none>  <WIDTH=200 HEIGHT=55 AUTOSTART=&quot;true&quot; LOOP=&quot;false&quot; HIDDEN=&quot;true&quot;> Se recomienda usar sonidos en formato &quot; midi &quot; que son los de menor peso.