Ir para conteúdo

Arquivado

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

Jose Dam

Colocar Ícone na Barra de Endereços

Por , em Javascript

Recommended Posts

crqc    0

crqc
Postado

Comigo não funcionou de jeito nenhum. Fiz exatamente como vocês orientaram.

Alguma sugestão a mais?

cara, seguinte, é deste jeito mesmo, só que só aparece no FF e no IE7, nas versões anteriores do IE não aparecem. att

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

cara, seguinte, é deste jeito mesmo, só que só aparece no FF e no IE7, nas versões anteriores do IE não aparecem.

esse recurso está disponível há pouco mais de 7 anos. No brasil, um dos primeiros sites a utilizar foi o portal do UOL.

 

 

para quem não está conseguindo criar o ícone sugiro que estude as documentações a respeito disso

 

http://en.wikipedia.org/wiki/Favicon

 

para testar a compatibilidade utilizem um simulador chamado multibrowser:

 

http://tredosoft.com/Multiple_IE

Compartilhar este post

Link para o post
Compartilhar em outros sites

gustavosl    0

gustavosl
Postado

Olá, eu estava com o mesmo problema no Internet Explorer 7.

 

Eu cloloquei o código abaixo, mas mesmo assim não funcionava.

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

Para que o mesmo apareça, o site precisa estar rodando ou hospedado em um servidor!

 

Coloquei a página a rodar através do localhost do apache que tenho instalado na minha máquiba e o icone apareceu.

 

Exemplos:

Com o apache rodando e o arquivo html no diretório www chamei a pagina!

http://localhost/testeicon.html (desta forma o ícone aparece).

 

Mas se eu abrir o arquivo diretamente em uma pasta local não aparece:

C:\site\testeicon.html (desta forma o ícone NÃO aparece).

 

Resumindo: Se o site estiver publicado em um servidor, o icone aparecerá, caso contrário não!

Não sei o motivo, terei de pesquisar!

 

Obs: isto ocorre comigo no IE7!!!

Espero ter ajudado!

 

Abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

C:\site\testeicon.html (desta forma o ícone NÃO aparece).

isso ocorre por que ele não consegue carregar o Icone.

Observe no menu favoritos que não possui icone (fica um icone de desconhecido)

então ae vem o motivo do que o Hinom disse é para aplicações WEB

nesse caso o Icone só consegue puxar de uma RAIZ (caminho de pasta) WEB

 

pois o IE só reconhce o HTTP: http://site.com/favicon.ico

ele não reconhece FILE:(para essa aplicação) file://c:\favicon.ico

 

isso é uma teoria minha.

 

falow abraço ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

eliseu vieira ramos    0

eliseu vieira ramos
Postado

basta você por este código(<link rel="shortcut icon" href="icone.ico" type="image/x-icon" />) entre as tags head

 

 

conforme exemplo

 

<head>

<link rel="shortcut icon" href="icone.ico" type="image/x-icon" />

 

---------------------------

Tópico Mesclado

---------------------------

 

Comigo não funcionou de jeito nenhum. Fiz exatamente como vocês orientaram.

Alguma sugestão a mais?

 

faz assim: primeiro você precisa ter a image no forato icone

2- ponha o nome dela de icone

3-abra seu codigo fonte

4- vendo a tag head ponha o codigo <link rel="shortcut icon" href="icone.ico" type="image/x-icon" /> entre as tags head

5-conforme => <head>

<link rel="shortcut icon" href="icone.ico" type="image/x-icon" />

Compartilhar este post

Link para o post
Compartilhar em outros sites

Douglas Carvalho    0

Douglas Carvalho
Postado

E aeh galera eu estava com o mesmo problema para exibir o favicon no IE 7, ele só aparecia no FF então resolvi pesquisar e achei este post, eu vi que o CRQC citou um site que aparecia o favicon no IE

http://www.industriadossonhos.com.br/

 

Então eu dei uma olha em seu codigo fonte e descobri onde eu errei e por que o meu não exibia no IE.

Não sei se faz muita diferença mas pra mim esse simples detalhe fez a diferença, é algo muito simples vejam:

Para exibir o favicon no IE 7 ele tem que estar antes da tag <title> se estiver depois mesmo que seja dentro da <head> ele não funciona, no caso desse site o trecho do codigo é esse:

 

<html>

<head>

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

<title>Indústria dos Sonhos</title>

<script src="scripts/functions.js" type="text/javascript"></script>

<link rel="stylesheet" href="scripts/stylesheet.css">

 

Foi isso que conclui, no meu navegador apenas dessa maneira ele apareceu, quando eu colocava depois da tag <title> não aparecia, foi isso que aconteceu no meu caso, o codigo necessário para rodar no Ie 7 é apenas esse:

 

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

 

*Lembrando que o favicon tem que estar na pasta raiz junto com as páginas, vlw galera espero ter ajudado e se eu estiver errado alguém me corrija beleza !!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Robisley Ferreira Rocha    0

Robisley Ferreira Rocha
Postado

Ai galera, tentei os códigos e mesmo assim não funciona no IE já olhei de vários sites copiei o código e nada.

 

tem alguma coisa além de colocar a tag:

 

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

 

aguardo respostas..

 

valews http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

É o seguinte galera, primeiro vcs tem que ter o ícone, posteriormente renomeie apenas para favicon (no caso ele ja vai ter a extenção .ico por ele ja ser um ícone), depois coloque a tag <link rel="shortcut icon" HREF="http://www.SEUSITE.com.br/favicon.ico"> dentro das HEAD, depois mande seu icone para o servidor e pronto.

 

Lembrando que so é visualizado para IE 5x acima.

 

 

Mais e se eu quizer testar localmente, será que não tem um jeito de saber se funciona?

Assim como varios internaltas interessados no assunto eu já dei uma pesquisada, e o que tenho encontrado são rumores de que o IE não consegue executar esse tipo de script.

Fiz alguns testes com varios sites, e a conclusão é que se o IE não executa esse tipo de coisa, que me parece ser muito importante, a Microsoft está vacilando, e mais uma vez está dando espaço para os concorrentes.

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Clerici    0

Clerici
Postado

Meu amigo funciona sim no IE, apenas você deve estar fazendo o arquivo ".ico" errado. Para fazer corretamente, faça-o com 16x16 pixel, com extenssões .png ou .jpg ou .bmp e mande gerar o arquivo gratuitamente no site: Gerador de Favicon, após isso você vai receber dois arquivos gerados, um do icone e outro em gif animado com 32x32 para você usar dentro do site também.

Aí sim é só publicar o arquivo ".ico" gerado no diretório raiz do seu site, eu costumo mudar o nome, ex favicona.ico e coloca entre as tags Head e /Head a tag ex: <link rel="shortcut icon" href="favicona.ico" />

 

Veja meu exemplo pelo IE8: Carros e Motos Antigos

 

Espero ter ajudado Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

diasf2003    0

diasf2003
Postado

Nunca vi exibir icone no IE tanto que nem o site da microsoft aparece o icone, somente no FF. Se alguem já viu icone no IE manda alguns endereços pra gente ver :D

 

no explorer 7 eu vejo todos os favicons!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mário Monteiro    179

Mário Monteiro
Postado

diasf2003

 

Sei que a intenção foi boa mas você fez referencia a um post de 2006 e de lá para muita coisa mudou

 

Se deseja realmente ajudar o fórum responda em tópicos recentes onde os usuários ainda precisam da resposta

Compartilhar este post

Link para o post
Compartilhar em outros sites

barthoraimundo    0

barthoraimundo
Postado

Meu IE é versão 8, fiz os procedimentos, ou seja, utilizei o código <link rel="shortcut icon" href="favicon.ico" >, conforme indicado aí e não apareceu o ícone no endereço do meu site, porém consigo ver ícones de outros sites. É óbvio que há algo errado. Agora resta saber se no código ou em mim (kkkk). Quem puder ajudar eu agradeço. Abçs.

 

realmente voce deve fazer isso

 

Crie um icone e salve ele como: favicon.ico

 

Coloque o arquivo no diretório principal do seu site.

 

Nas páginas html (ou asp ou php, etc), coloque a seguinte linha entre o <HEAD> e o </HEAD>:

 

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

 

-------------------------------

 

e por ultimo evite postar topicos em caixa alta, tanto no titulo quanto no seu conteudo

 

pois polui o forum

 

O topico será editado

Olá querido, seu código tem "algo a mais" que o outro acima postado. Meu IE é versão 8, fiz os procedimentos, ou seja, utilizei o código <link rel="icon" href="http://www.SeuSite.com/favicon.ico" type="image/x-icon" />

, conforme indicado aí e não apareceu o ícone no endereço do meu site, porém consigo ver ícones de outros sites. É óbvio que há algo errado. Agora resta saber se no código ou em mim (kkkk). Aproveito para perguntar o que significa essa parte do seu código:type="image/x-icon", bem como a importância dela para o resultado esperado. Abçs.

 

E aew galera... Tudo bem...

 

Ícone na Barra de endereço e nos Favoritos eu uso assim:

 

<link rel="icon" href="http://www.SeuSite.com/favicon.ico" type="image/x-icon" />

 

Abraços...

Bem a questão é a seguinte: ícone é uma imagem, certo? Sendo assim deverá ser "guardada" dentro da pasta de imagens lá no meu servidor de hospedagem correto? Da mesma forma que vídeos ficam na pasta vídeos e downloads na pasta downloads. Meu ícone foi criado num gerador online a partir de uma imagem png neste endereço: http://www.rw-designer.com/online_icon_maker.php. Ficou excelente. Feito isso eu o nomeei de favicon e o salvei na pasta correta. Entrei na minha index (dentro da tag HEAD) e coloquei:

 

<link rel="shortcut icon" HREF="http://www.meusite.com.br/imagens/favicon.ico">

 

Esta tentativa não deu certo. Inserindo esse código antes ou depois da tag TITLE e antes de fechar a HEAD. Passei então para outra tentativa: um exemplo encontrado também aqui nesse fórum:

 

<link rel="shortcut icon" href="icone.ico" type="image/x-icon" />

 

Fazendo dos dois modos já citados acima também não funcionou. Entrei no código fonte do imasters e vi que o código usado por eles é:

 

<link rel="shortcut icon" href="http://forum.imasters.com.br/favicon.ico" />

 

cujo ícone pode ser visualizado em meu navegador e, lá, está colocado após a tag TITLE. Ao ver esse código percebi que o ícone não está dentro de uma pasta específica para imagens o que me deixou completamente confuso. Mesmo assim (numa nova tentativa) eu enviei o meu ícone direto para a pasta "páginas" na esperança de que esse fosse o motivo de ele não aparecer na barra de endereços. Isso foi um ledo engano. Nada aconteceu. Gostaria portanto de poder contar com a ajuda de alguém para solucionar isso. É claro que independente da ajuda eu estarei tentando fazer o procedimento, não sou webdesigner e já consegui fazer várias coisas na base da "tentativa" (que é o que está acontecendo agora). Entrei em contato pelo fato de estar tudo tão correto e tão óbvio que o ícone deveria estar aparecendo, concorda? Abraços a todos.

 

 

 

 

 

 

 

Ai galera, tentei os códigos e mesmo assim não funciona no IE já olhei de vários sites copiei o código e nada.

 

tem alguma coisa além de colocar a tag:

 

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

 

aguardo respostas..

 

valews :thumbsup:

É o seguinte galera, primeiro vcs tem que ter o ícone, posteriormente renomeie apenas para favicon (no caso ele ja vai ter a extenção .ico por ele ja ser um ícone), depois coloque a tag <link rel="shortcut icon" HREF="http://www.SEUSITE.com.br/favicon.ico"> dentro das HEAD, depois mande seu icone para o servidor e pronto.

 

Lembrando que so é visualizado para IE 5x acima.

 

 

 

 

Mais e se eu quizer testar localmente, será que não tem um jeito de saber se funciona?

Assim como varios internaltas interessados no assunto eu já dei uma pesquisada, e o que tenho encontrado são rumores de que o IE não consegue executar esse tipo de script.

Fiz alguns testes com varios sites, e a conclusão é que se o IE não executa esse tipo de coisa, que me parece ser muito importante, a Microsoft está vacilando, e mais uma vez está dando espaço para os concorrentes.

 

 

 

 

Compartilhar este post

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

Informação importante

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

  Aceito