Olá! Saturday, 15 de February de 2025.



Dicas CódigoFonte.net
Friday, 23 de May de 2008

Colocando um ícone na barra de favoritos do Firefox

Olá Galera,

Sabemos que o nosso querido FireFox faz tudo por nós, inclusive melhorar o desempenho de nossas páginas, abrindo-as mais rapidamente. Porém ele, como qualquer outro software bastante utilizado, possui alguns bugs.

Recentemente descobri um que na verdade não é um grande bug, mas é um detalhe que faz uma pequena diferença no quesito beleza de nosso navegador.

Não sei se vocês já tentaram adicionar um link de favorito na barra "Favoritos" do seu Firefox, mas tente e verá que o ícone da página não será carregado, como acontece quando adicionamos ele no menu Favoritos.

Para resolver este problema e adicionar qualquer imagem de ícone alí, vamos precisar de um programinha que codifica uma imagem PNG (ou qualquer outra) no padrão base64, que é o mesmo utilizado para o Firefox renderizar aquele ícone.

Encriptando a imagem

Para baixar o programa, clique aqui, salve em c: e extraia o conteudo do zip.

Ao baixar, você deve abrir o prompt de comando. Para isto, clique no menu executar, digite cmd (caso seja Windows XP, Vista, 2000 ou 2003) e tecle enter. Quando o prompt de comando iniciar, digite cd c:ase64ase64-1.5 e tecle enter.

Clique para ver a imagem em seu tamanho real

Pronto, você agora está na pasta do programa que irá encriptar. Minimize o prompt e procure a imagem que deseja para o ícone. Lembrando que ela deve ser uma imagem do tipo PNG e com 16x16 pixels. Quando encontrar, cole a imagem na pasta onde está o encriptador (c:ase64ase64-1.5). Depois digite no prompt:

base64.exe -e meuicone.png

Onde meuicone.png é a imagem que deseja encriptar. Tecle enter. O resultado é um conjunto de caracteres que identificam aquela imagem.

Clique para ver a imagem em seu tamanho real

Clique com o botão direito do mouse sobre o prompt e escolha marcar, selecione toda a região onde os caracteres estão e clique novamente no botão direito do mouse sobre a tela do prompt. Isto fará com que o conteúdo marcado seja copiado.

Agora, abra o bloco de notas do windows e cole o conteúdo. Você verá algo como isto:

Clique para ver a imagem em seu tamanho real

Veja que o texto está justificado. Você deve ajustá-lo para ficar na mesma linha. Cuidado para não remover nenhum caractere, pois assim não será possível exibir a imagem corretamente. O resultado é:

Clique para ver a imagem em seu tamanho real

Adicionando o ícone na barra

O Firefox possui uma pasta onde nela contém o seu perfil de configuração para o navegador. É nela que vamos encontrar um arquivo chamado bookmarks.html e bookmark.bak.

A localização da pasta do meu perfil na minha máquina fica em C:Documents and SettingsemmanuelDados de aplicativosMozilla FirefoxProfiles9zpk2j8a.default, mas você pode procurar a sua pasta em C:Documents and SettingsemmanuelDados de aplicativosMozillaFirefoxProfiles

Feche o navegador FireFox, abra o bloco de notas do windows e abra o arquivo bookmarks.bak localizado na sua pasta de perfil.

Veja que sua estrutura é a mesma de uma página html e de fácil compreensão (para aqueles que conhecem HTML). Procure pelo link que deseja adicionar o ícone e adicione o seguinte código:

ICON="data:image/png;base64,SEU_ARQUIVO_ENCRIPTADO"

Onde SEU_ARQUIVO_ENCRIPTADO deve ser substituído pelo conjunto de caracteres que modificamos no começo do artigo. O resultado será semelhante a imagem a seguir:

Clique para ver a imagem em seu tamanho real

Veja que o Firefox utiliza este atributo na tag "a" para identificar a imagem de cada favorito. Você pode adicionar qualquer imagem em qualquer link de favorito no seu navegador. Basta adicionar este atributo e o seu arquivo encriptado. Faça este mesmo procedimento no arquivo bookmarks.html e salve os dois.

Agora abra o FireFox. O resultado dos ícones no seu navegador será algo parecido com isto:

Clique para ver a imagem em seu tamanho real

Bom pessoal, por hoje é só. Espero que tenham gostado do artigo.

Até a próxima.

Comentários do artigo [Novo comentário]

Nenhum comentário, seja o primeiro a comentar.
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:


CodigoFonte.net » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010