• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

Penvmbra

Imagem de logo na barra de título

9 mensagens neste tópico

Olá!

Gostaria de saber como posso colocar uma imagem, daquelas minúsculas, na barra do título da webpage.

Obrigada.

P.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Chamam-se favicons. Podes criar um com o teu programa de edição de imagem, com a extensão ICO, e depois colocá-lo na raiz do teu servidor, com o nome favicon.ico. O browser irá procurar esse ficheiro. Eventualmente, terás de adicionar uma linha na secção head do teu HTML:

<link REL="SHORTCUT ICON" HREF="/favicon.ico">

Terás também de limpar a cache para veres actualizações entre icons. Por fim, se tiveres com problemas em criares o ficheiro, o que não falta na web são conversores para favicons.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Muito obrigada pela ajuda!

Infelizmente não está a resultar ;)

Tentei numa página que estou a construir no sapo e não resultou, no entanto suponho que a falha seja do servidor do sapo, uma vez que não reconhece ficheiros php também.

Depois tentei num website que construí no servidor da minha universidade,mas também não resultou, talvez porque já tenha como 'default' o icon da universidade.

Chamam-se favicons. Podes criar um com o teu programa de edição de imagem, com a extensão ICO, e depois colocá-lo na raiz do teu servidor, com o nome favicon.ico. O browser irá procurar esse ficheiro. Eventualmente, terás de adicionar uma linha na secção head do teu HTML:

<link REL="SHORTCUT ICON" HREF="/favicon.ico">

Terás também de limpar a cache para veres actualizações entre icons. Por fim, se tiveres com problemas em criares o ficheiro, o que não falta na web são conversores para favicons.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Em PHP, fizeste echo "<link REL="SHORTCUT ICON" HREF="/favicon.ico">" certo?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Não usei este código num ficheiro php, mas sim html.

Em PHP, fizeste echo "<link REL="SHORTCUT ICON" HREF="/favicon.ico">" certo?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

De realçar que o código tem de estar na secção head do documento, ou seja

<html>

<head>

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

...

</head>

<body>

...

E quando se diz /favicon.ico, o que o browser vai procurar é um ficheiro com o nome favicon.ico na raiz do servidor, isto é, se tiveres [iurl=#]www.site.com[/iurl], ele vai procurar em [iurl=#]www.site.com/favicon.ico[/iurl], mas se tiveres [iurl=#]www.universidade.pt/~tuahome/[/iurl], o teu interesse não é procurar na raiz, mas sim em /~tuahome/favicon.ico

Não te esqueças de limpar a cache, ou forçar um refresh com Ctrl + F5, para veres as mudanças de favicons.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Mais uma vez, obrigada!

Sim, eu tinha posto dentro da 'head' e o fav icon estava na raiz tambem.

No site do SAPO já está a funcionar =)

De realçar que o código tem de estar na secção head do documento, ou seja

<html>

<head>

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

...

</head>

<body>

...

E quando se diz /favicon.ico, o que o browser vai procurar é um ficheiro com o nome favicon.ico na raiz do servidor, isto é, se tiveres [iurl=#]www.site.com[/iurl], ele vai procurar em [iurl=#]www.site.com/favicon.ico[/iurl], mas se tiveres [iurl=#]www.universidade.pt/~tuahome/[/iurl], o teu interesse não é procurar na raiz, mas sim em /~tuahome/favicon.ico

Não te esqueças de limpar a cache, ou forçar um refresh com Ctrl + F5, para veres as mudanças de favicons.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

:wallbash:

Devo ser muito burra.... não consigo fazer funcionar este ícone no meu HTML.

Estou incluindo o comando, abro o arquivo pelo Chrome e não aparece!


<head>
   <meta http-equiv="Content-Language" content="pt-br"> 
   <meta http-equiv="arial" content="text/html; charset=windows-1252">
   <link REL="SHORTCUT ICON" HREF=favicon.ico  type="image/x-icon">
   <title>Sabor&Arte</title>
   <base target="contents">
</head>

Podem me ajudar?

Obrigada :-[

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Tenta tocar para

<head>
   <meta http-equiv="Content-Language" content="pt-br">
   <meta http-equiv="arial" content="text/html; charset=windows-1252">
   <link REL="SHORTCUT ICON" HREF="/favicon.ico"  type="image/x-icon">
   <title>Sabor&Arte</title>
   <base target="contents">
</head>

Não te esqueças ainda que:

- deves colocar o teu favicon.ico (o ficheiro tem que ter exactamente esse nome) na raiz do site

- forçar um refresh da cache, apagando-a no browser

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora