Tutorial: Como alterar o favicon (ícone na barra de endereços)

Este é o favicon.ico que se encontra na raiz do fórum.
É o que aparece ao lado do seu endereço.
Por exemplo

Link removido Link removido

ou no vbhispano assim.

Link removidoLink removido

Você entra por FTP na pasta do fórum e substitui o arquivo favicon.ico por uma imagem que você queira.

Mas como substituímos?

Primeiro criamos a imagem como gostarmos, e salvamos como bmp, jpg, gif ou png. Recomendo PNG pela transparência.
Depois entramos em http://tools.dynamicdrive.com/favicon/
Importamos o arquivo que queremos que seja nosso logo ou ícone. E aparecerá.

Link removido Link removido ou seu endereço.

Clicamos em

E poderemos baixá-lo. Você importa isso por FTP para a raiz do fórum e substitui o existente.

Agora vamos ao AdminCP

Administrador de Estilos (Styles & Templates)

Buscamos o template header e colocamos.

Salvar.

E pronto! Vejam que bonito ficou!

Abraços hehe

Lembrem-se de substituir o link do meu site pelo seu domínio.

Também é possível fazer com movimento.

para este processo criaremos nosso favicon.ico como se fala nos passos anteriores e além disso criaremos um gif animado de dimensões 16px x 16px se você não sabe fazer gif existem páginas como Html-Kit que nos ajudam a criá-lo facilmente.

depois de ter seu favicon.ico e seu favicon.gif você tem que subi-los para sua root por meio de ftp ou qualquer outro meio que você utilize

faremos o passo seguinte buscaremos em nossos html as tags de <html> e </html> e colocaremos no meio os seguintes códigos.

o primeiro <link> é para quando seu navegador não suporta favicons animados e o segundo é para eles.

Mais uma vez lembrem-se de substituir o link do meu site pelo seu domínio.

Abraços

Com IE

Há 2 formas adicionar a página aos favoritos ou esta

Re: Como alterar o ícone da barra de endereços

Muito boa contribuição cara 😀

Re: Como alterar o ícone da barra de endereços

53 visitas e um só obrigado..........

musicabrava eu agradeço a você ^^

Re: Como alterar o ícone da barra de endereços

bom, você veio fazer um tutorial de algo que a maioria ou não conhece ou não usa xDD

mas não se preocupe que eu te agradeço :3

Re: Como alterar o ícone da barra de endereços

Golem disse:

53 visitas e um só obrigado..........

Clique para expandir...

se é interessante se entra e comenta se não, não peça
as viSitas acontecem talvez porque você é golem e tem cada coisa e capricho
mas enfim...

logo de endereço¿???, não é muito explícito seu título ou você quer ter seu dicionário golem-espanhol
isso já estava explicado eu acho, igual interessante contribuição

Re: Como alterar o ícone da barra de endereços

Obrigado vou colocar à prova :d

Re: Como alterar o ícone da barra de endereços

olaechea disse:

se é interessante se entra e comenta se não, não peça
as viSitas acontecem talvez porque você é golem e tem cada coisa e capricho
mas enfim...

logo de endereço¿???, não é muito explícito seu título ou você quer ter seu dicionário golem-espanhol
isso já estava explicado eu acho, igual interessante contribuição

Clique para expandir...

você o que colocaria?

Re: Como alterar o ícone da barra de endereços

Se essa imagem recebe o nome de "Favicon" coloque "Guia/Tutorial Alterar Favicon" pois soará melhor isso do que "logo de endereço"

Re: Como alterar o ícone da barra de endereços

eu leio favicon e digo fabian o quê? hehe, igual acho que deveria se chamar igual e um favicon entre parênteses

Re: Como alterar o ícone da barra de endereços

bom já chega, até eu às vezes esqueço o nome mas bom tendo seu nome deveria ser chamado por ele.

Boa contribuição sim senhor, vamos colocar em prática.

já mudei o nome hehe, vai coletta, abraços ^^

agora está muito melhor 😛

obrigado novamente pelo tutorial

Excelente tutorial me serviu de grande ajuda já que estava um pouco confuso com o tema . Obrigado amigo 😉

obrigado, muito bom guia, já me perguntava eu, e como fazem isso??? aqui está a resposta hehehe

realmente útil e bem explicado, imagino que você quando quis fazer teve muito trabalho, agora para nós graças a você ficou muito mais fácil

Tenho uma dúvida a respeito do tema, eu substituí o favicon original do vbulletin pelo meu e vejo bem sem problemas, não fiz a segunda parte de colocar o código no header. Qual é a diferença?

pense nas pessoas que não têm acesso ftp além de que isso serve para páginas comuns

Muito obrigado pela informação, funcionou às mil maravilhas.

Golem disse:

pense nas pessoas que não têm acesso ftp além de que isso serve para páginas comuns

Clique para expandir...

A que você se refere com páginas comuns? e segundo me explique como você faz para criar um site se não tem acesso por FTP. É ilógico o comentário.

Agradeceria se puder detalhar melhor a resposta.