jump to navigation

Fondo estático en una página web Marzo 11, 2007

Publicado por lineadecodigo en : CSS , 134 comentarios

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.

(más...)

|- Foro sobre CSS

Icono en la barra de navegación Marzo 11, 2007

Publicado por lineadecodigo en : HTML , 42 comentarios

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"><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/.

|- Visualizar el ejemplo
|- Descargar el código
|- Reportar error en el código
|- Foro sobre HTML