Trucos Html
Upcoming SlideShare
Loading in...5
×
 

Trucos Html

on

  • 7,604 views

Trucos para poner full tu web

Trucos para poner full tu web

Statistics

Views

Total Views
7,604
Views on SlideShare
7,564
Embed Views
40

Actions

Likes
0
Downloads
20
Comments
0

3 Embeds 40

http://www.slideshare.net 30
http://mj89sp3sau2k7lj1eg3k40hkeppguj6j-a-sites-opensocial.googleusercontent.com 8
http://burnootsound.es.tl 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Trucos Html Trucos Html Presentation Transcript

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