Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Sts

Inserir Imagem no Título da Página p/ Google Chrome

Por , em Desenvolvimento frontend

Recommended Posts

Sts    0

Sts
Postado

Oi Pessoal, podem me ajudar?

 

Como faço p/inserir Imagem p/ aparecer na "aba" da página junto com o Título do Head - ou seja, o ícone que aparece junto com o nome do site.

Exemplo o "f" estilizado junto com o título Facebook, o "M" estilizado junto com o título Microsoft (http://www.microsoft.com/en-us/default.aspx), o símbolo do Google junto com o título google da página, ...

 

Vi em outros sites indicando p/ colocar o seguinte:

- criar um ícone de 16x16 e nomear como favicon.ico e deixar na "raiz" do site;

- adicionar este código no html

<head>
<title>NOME DA PÁGINA</title>
<link rel="shortcut icon" href="favicon.ico" >
</head>

Mas adivinhem... não funcionou!

 

Aguardo ajuda!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Sts    0

Sts
Postado

Oi Kraken, já criei a figura 16x16 e salvei com o nome favicon.ico na raiz do meu site e coloquei os comandos no html e NADA.

 

 

Olá,

 

Dê uma pesquisa por favicon.

 

Cumps,

Kraken

Compartilhar este post

Link para o post
Compartilhar em outros sites

Felipe_Volpatto    1

Felipe_Volpatto
Postado

Oi Kraken, já criei a figura 16x16 e salvei com o nome favicon.ico na raiz do meu site e coloquei os comandos no html e NADA.

 

 

Olá,

 

Dê uma pesquisa por favicon.

 

Cumps,

Kraken

 

Teste o seguinte código:

<link rel="icon" href="img/favicon.ico" type="image/x-icon" />

 

Lembrando que vai dentro do <head></head> e no href, substitua pelo caminho/nome da sua imagem.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Luiz Augusto Oliveira    0

Luiz Augusto Oliveira
Postado

Teste o seguinte código:

<link rel="icon" href="img/favicon.ico" type="image/x-icon" />

 

Lembrando que vai dentro do <head></head> e no href, substitua pelo caminho/nome da sua imagem.

Esse post do Felipe_Volpatto funciona certinho

mas você vai ter que estar rodando seu site em um servidor ou em algum simulador de servidor para que o favicon seja exibido. O código 

<link rel="icon" href="img/favicon.ico" type="image/x-icon" />

funciona inclusive no IE

Compartilhar este post

Link para o post
Compartilhar em outros sites

Layo    10

Layo
Postado

Boa tarde entao vou tentar ajudar pode ser varias coisas:

 

1 - Conversa seu arquivo corretamente, tem um site abaixo:

 

http://favicon.htmlkit.com/favicon/

 

2 - Exclua o cache do seu navegador.

 

3 - Verifique se esta correto o seu link, se possivel coloque um link absoluto em sua pagina assim se tiver cache ele vai atualizar os dados:

 

<link rel="shortcut icon" href="http://seusite.com.br/ico/teste.ico" />

 

Valeu !!!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito