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

PDF
Boletín 315 240511 + p
DOCX
PDF
Servicio Gas Metano Y GLP
PDF
La gran estafa del 2.0
PPTX
Ciencias sociales tarea 1
PPT
Presentacion QIS
PDF
¿Cómo gestionar la incompetencia en las organizaciones? Una nueva forma de ve...
PPTX
02. tijuana p. josé luis rodríguez
PPS
O manto de Guadalupe
PPTX
Literaturadigital
PDF
trabajo de slideshare
PPT
Presentación modelo proyectos lijar
PDF
Viaje a pirineos
PDF
Media Science: Performance MKT en la era de la Tablet
PPT
Presentacion alpujarra historica
PDF
Caso si el empresario no apoya nuestro trabajo no sirve
PPTX
Acceder a financiación pública i+d+i
PDF
Congreso latinoamericano copia
PPTX
Los Blogs, un espacio para la construcción de conocimientos
PDF
Innovation Exchange advertorial
Boletín 315 240511 + p
Servicio Gas Metano Y GLP
La gran estafa del 2.0
Ciencias sociales tarea 1
Presentacion QIS
¿Cómo gestionar la incompetencia en las organizaciones? Una nueva forma de ve...
02. tijuana p. josé luis rodríguez
O manto de Guadalupe
Literaturadigital
trabajo de slideshare
Presentación modelo proyectos lijar
Viaje a pirineos
Media Science: Performance MKT en la era de la Tablet
Presentacion alpujarra historica
Caso si el empresario no apoya nuestro trabajo no sirve
Acceder a financiación pública i+d+i
Congreso latinoamericano copia
Los Blogs, un espacio para la construcción de conocimientos
Innovation Exchange advertorial
Publicidad

Similar a Truquitos html (20)

PPT
Trucos html
PPS
Trucos Html
DOC
Guia De Trucos Html
DOCX
Trucos html para paginas web
DOCX
Codigos para html
DOC
guia para paginas web gratis
DOC
guia para paginas web gratis
DOC
Capas en html
PDF
Webmaker a la carrera
DOCX
Alexander y diego paginas de html
PDF
Tutorial página web
PDF
Manual jimdo (1)
DOCX
Trabajo practico n 4
DOCX
Trabajo practico n 4
DOCX
Trabajo practico n 4
DOCX
Como hacer una página web fácil
DOC
Trabajo práctico nº 7
DOC
Trabajo práctico nº 7
DOCX
Trabajo practico n 4
Trucos html
Trucos Html
Guia De Trucos Html
Trucos html para paginas web
Codigos para html
guia para paginas web gratis
guia para paginas web gratis
Capas en html
Webmaker a la carrera
Alexander y diego paginas de html
Tutorial página web
Manual jimdo (1)
Trabajo practico n 4
Trabajo practico n 4
Trabajo practico n 4
Como hacer una página web fácil
Trabajo práctico nº 7
Trabajo práctico nº 7
Trabajo practico n 4

Último (20)

DOCX
Las nuevas tecnologías en la salud - enfermería técnica.
PDF
MÓDULO DE CALOR DE GRADO DE MEDIO DE FORMACIÓN PROFESIONAL
PDF
Conceptos básicos de programación tecnología.pdf
PDF
Plantilla para Diseño de Narrativas Transmedia.pdf
PDF
diagrama de pareto.pdf valerie giraldo diaz
PDF
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
PPTX
historia_web de la creacion de un navegador_presentacion.pptx
PPTX
Introduccion a servidores de Aplicaciones (1).pptx
PDF
SAP Transportation Management para LSP, TM140 Col18
PDF
Temas y subtemas de las fichas 1 y 2.pdf
PDF
5.1 Pinch y Bijker en libro Actos, actores y artefactos de Bunch Thomas (coor...
PPTX
REDES INFORMATICAS REDES INFORMATICAS.pptx
PPTX
Presentación PASANTIAS AuditorioOO..pptx
PPT
Que son las redes de computadores y sus partes
PDF
Aristoteles-y-su-forma-de-entender-el-conocimiento-y-las-personas.pdf
PPTX
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PDF
taller de informática - LEY DE OHM
PPTX
IA de Cine - Como MuleSoft y los Agentes estan redefiniendo la realidad
DOCX
Zarate Quispe Alex aldayir aplicaciones de internet .docx
PPTX
ANCASH-CRITERIOS DE EVALUACIÓN-FORMA-10-10 (2).pptx
Las nuevas tecnologías en la salud - enfermería técnica.
MÓDULO DE CALOR DE GRADO DE MEDIO DE FORMACIÓN PROFESIONAL
Conceptos básicos de programación tecnología.pdf
Plantilla para Diseño de Narrativas Transmedia.pdf
diagrama de pareto.pdf valerie giraldo diaz
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
historia_web de la creacion de un navegador_presentacion.pptx
Introduccion a servidores de Aplicaciones (1).pptx
SAP Transportation Management para LSP, TM140 Col18
Temas y subtemas de las fichas 1 y 2.pdf
5.1 Pinch y Bijker en libro Actos, actores y artefactos de Bunch Thomas (coor...
REDES INFORMATICAS REDES INFORMATICAS.pptx
Presentación PASANTIAS AuditorioOO..pptx
Que son las redes de computadores y sus partes
Aristoteles-y-su-forma-de-entender-el-conocimiento-y-las-personas.pdf
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
taller de informática - LEY DE OHM
IA de Cine - Como MuleSoft y los Agentes estan redefiniendo la realidad
Zarate Quispe Alex aldayir aplicaciones de internet .docx
ANCASH-CRITERIOS DE EVALUACIÓN-FORMA-10-10 (2).pptx

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