feed twitter facebook LinkedIn facebook

CSS » Fondo estático en una página web

Marzo 11, 2007 por Víctor Cuervo . 64496 visitas 145 Comentarios Imprimir Imprimir

A la hora de diseñar una página web podemos hacer que el fondo de dicha pagina web quede estático, independientemente del scroll que el usuario realice sobre dicha página.

Continue reading Fondo estático en una página web...

HTML » Icono en la barra de navegación

Marzo 11, 2007 por Víctor Cuervo . 44564 visitas 43 Comentarios Imprimir Imprimir

Desde hace unos años, los navegadores permiten incluir tanto en la barra de navegación como en los listados de preferidos un icono (.ico).

El código HTML a utilizar para incluir el icono se representa en la siguiente línea de código:

  1.  
  2. <link rel="shortcut icon" href="favicon.ico">

Este código tiene que ir dentro de la cabecera HEAD de la página web.

Es bueno utilizar el nombre de favicon.ico para el icono, ya que muchos navegadores lo descargan y lo ponen en la barra de navegación sin necesidad de incluir el código HTML en las páginas.

Hay que tener en cuenta una serie de consideraciones:

  1. El fichero del icono deberá de tener unas dimensiones de 16x16.
  2. Para algunos navegadores necesitaremos el añadir la dirección web a los favoritos para que el navegador empiece a mostrar el icono en la barra de navegación
  3. El fichero con el icono podrá estar en cualquier servidor o directorio. En tal caso podremos reflejarlo mediante direcciones absolutas (http://lineadecodigo.com/favicon.ico) o relativas (/imagenes/favicon.ico).

Un buen programa para diseñar nuestros iconos es el Microangelo, del cual puedes descargar una trial en http://www.microangelo.us/.