Códigos HTML

Bienvenidos a la nueva sección de códigos HTML, aquí encontrarás todo tipo de códigos, espero que los disfrutes.

Ventana emergente o Pop-up en tu web

Código para una pequeña ventana al entrar en tu web

<script language=JavaScript> 
alert("Tu mensaje aquí") 
</script>

Haz clic aquí para ver un ejemplo

Texto en movimiento

Código para texto en movimiento

<marquee>Aquí el texto</marquee>

Ejemplo:

¡Hola! ¿Ven que si funciona?

Agregar a favoritos

Código para agregar tu web a favoritos.

<a href="javascript:window.external.AddFavorite('AQUI LA URL DE TU WEB', '')">Agregar a favoritos</a> 

Ejemplo:

Botón para imprimir página

Con este código podrás hacer que impriman tu página.

<script>
function window.onbeforeprint(){
noprint.style.visibility = 'hidden';
noprint.style.position = 'absolute';
}
function window.onafterprint(){
noprint.style.visibility = 'visible';
noprint.style.position = 'relative';
}
</script>
<table>
<tr>
<td id="noprint">
<input name="imprimir" type="button" onClick="window.print();" value="Imprimir esta página">
</td>
</tr>
</table>

Lo que esta en azul es lo que quieres que diga.

Ejemplo:

Botón para actualizar página

Con este código podrás actualizar la página.

 

<form>
    <input onclick="window.location.reload()" type="button" value="Actualizar" />
</form>

Lo que esta en azul es lo que quieres que diga.

 

Ejemplo:

Traductor Google

Código para poner un traductor Google en tu Web.

 

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'es'
  }, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

 

Ejemplo:

Caja de texto

Código para poner una caja de texto en tu Web.

 

<textarea rows="4" cols="14">
AQUI PONES EL TEXTO
</textarea>

 

Lo que esta en azul es lo que puedes cambiar, los números son la medida de la caja.

 

Ejemplo:

Botón ir abajo en la esquina inferior izquierda

Código para poner una imagen que te lleve abajo en la esquina inferior izquierda de tu Web.

 

<a href='#footer' title='Ir abajo'><img alt='Ir abajo' border='0' src='AQUÍ LA URL DE LA IMAGEN' style='position:fixed; bottom:0; left:0;' /></a>

 

Lo que esta en azul es lo que puedes cambiar.

 

El Ejemplo es la imagen que dice "Bajar" en la esquina inferior izquierda.

Botón ir arriba en la esquina inferior derecha

Código para poner una imagen que te lleve arriba en la esquina inferior derecha de tu Web.

 

<a href='#' title='Ir arriba'><img alt='Ir arriba' border='0' src='AQUÍ LA URL DE LA IMAGEN' style='position:fixed; bottom:0; right:0;' /></a>

 

Lo que esta en azul es lo que puedes cambiar.

 

El Ejemplo es la imagen que dice "Subir" en la esquina inferior derecha.

 

Más próximamente

Compartir

Otras cosas

Visita mi canal de YouTube

Hora en el centro de México

Países que nos visitan

free counters

Lampara

Encuesta

¿Que tal te pareció esta página?
Exelente
Muy buena
Buena
Regular
Mala
Muy mala
Invisible Detect

Copyright

Protected by Copyscape Duplicate Content Detection Tool
MyFreeCopyright.com Registered & Protected
<¡Gracias por visitarnos!>