Google


   
  www.charrygarcia.es.tl
  TRUCOS HTML
 
trucosemptyhtml


 

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, publicidad, etc.

<script language='JavaScript'>window.open('url de pag', 'geoflotante', '');</script>

 

 

 

No dejar seleccionar el texto de la Web:

Con este código se impedique los visitantes seleccionen el texto de nuestra página para luego copiarlo a otro lado.

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

 

 

 

Crear un Libro de Visitas:

Con este código podemos crear un formulario para que complete el visitante. luego que el visitante apriete el botón "enviar", los datos serán enviados a tu casilla de correo.

<H2>Libro de visitas </H2>
<FORM ACTION="mailto:tu correo aqui" 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>

 

Insertar 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="url de la cancion" LOOP=none> 
<WIDTH=200 HEIGHT=55 AUTOSTART="true" LOOP="false" HIDDEN="true">

 

 

 

 

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.

 

 

Subrayar un Link al pasar el mouse:

Con este código se logra el 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 aqui</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  flecha de Windows en una mira de disparo.

<style type="text/css">
<!--
body { cursor: crosshair}
-->
</style>

 

 

 

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("mensaje aquí.");
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("mensaje aquí.");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</script>

 

 

Enviar un e-mail con Asunto y Mensaje:

Con este truco se puede 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.
<a href="mailto:webmaster@pauluk.8k.com?subject=Prueba.&body=Estoy probando el truco...">texto aqui</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="url aqui" target="_blank">Pauluk Computación</a>

 

 

Crear un PopUp:

Abrir una pequeña ventana con una imagen. Podemos darle las medidas que queramos cambiando "Width" y "Height".

 

<a name="1"></a><A

onclick="window.open('MiFoto.jpg','Estructuras','toolbar=no,location=no,scrollbars=yes,directories=
no,status=no,menubar=no,resizable=no,width=400,height=475');" 
href="#1"><b><font face="Verdana" size="2">Ejemplo</font></b></a>

 

 

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="url" target="_blank"><img src="imagen.gif" border=0></a>

 

 

Botón Colorido:

¿Cansado del botón siempre gris? Ahora con CSS podés definir cualquier color para tus botones. Ellos combinarán más con tu página y son muy fáciles de crear.Copia el código que sigue y pegalo dentro de la etiqueta de formulario de tu página:

 <input type="submit" name="button" style="color: #000000; background-color: #FF9900">

 

 

Cambiar el color de la barra de desplazamiento:

Con éste código van a conseguir cambiar el clásico color gris de la barra de desplazamiento de la derecha y abajo por el color que quieran. Para cambiar de colores, cambien el número 000000 por otros, cada color tiene su número, pero la lista es muy larga, así que prueben con los número que ya van a encontrar el deseado.

<style>
<!--
BODY { scrollbar-base-color : #000000;
scrollbar-arrow-color : #FFFFFF; }
.nav {
color : #FFCC00;
font-size : 8pt;}
-->
</style>

 

 Codigo para centrar la publicidad:
<style type="text/css">
<!--
table{margin-left:auto;margin-right:auto}  
--></style>


--------------------------------

 

 

 

 
 
  Hoy habia 15 visitantes (27 clics a subpáginas) ¡Aqui en esta página! cursores  
 
<
 style=
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis