Topo

Favicon - Icon nos favoritos

Quando adicionas uma página aos favoritos, se essa página tiver o favicon, verás uma pequena imagem quadrangular antes do link na barra de endereços, ou antes do nome, nos favoritos.

favicon.jpg

Para colocares isso no teu site, tens de criar uma imagem de dimensões 16 pixeis por 16 pixeis (16 pixeis de comprimento e de altura) e salvar com a extensãoo .ico.
Tens de lhe chamar favicon.ico Colocas online, e dentro das tags <head>, colocas o seguinte código:

  1. <head>
  2. <link rel="shortcut icon" type="image/icon" href="favicon.ico">
  3. </head>

Se lhe chamares outro nome, é no href que alteras, mas a extensão tem de ser .ico

Podes transformar a tua imagem em extensão .ico em Dynamic Drive: Favicon Generator

Se estiveres a fazer o teu site em XHTML, em vez de HTML, terás de adicionar uma barra no final da tag, pois esta é uma daquelas tags como inserir imagem ou adicionar quebra de linha, não fecha normalmente.

  1. <head>
  2. <link rel="shortcut icon" type="image/icon" href="favicon.ico" />
  3. </head>

Posts Relacionados

    Não há posts relacionados

Comentários

  1. Paulo Mendes

    Esta parte para que serve rel="shortcut icon"?? Não percebo muito ingles.. mas penso que é a localização para buscar a imagem.ico nao é? * *

    View all comments by Paulo Mendes
    Comentário March 9, 2007 @ 6:58 pm

RSS feed para comentários neste post. TrackBack URI

Deixa um comentário

XHTML: Podes utilizar as seguintes tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

35 - 0.248 segundos.