1. Caro Visitante, por que não gastar alguns segundos e criar uma Conta no Fórum Valinor? Desta forma, além de não ver este aviso novamente, poderá participar de nossa comunidade, inserir suas opiniões e sugestões, fazendo parte deste que é um maiores Fóruns de Discussão do Brasil! Aproveite e cadastre-se já!

Dismiss Notice
Visitante, junte-se ao Grupo de Discussão da Valinor no Telegram! Basta clicar AQUI. No WhatsApp é AQUI. Estes grupos tem como objetivo principal discutir, conversar e tirar dúvidas sobre as obras de J. R. R. Tolkien (sejam os livros ou obras derivadas como os filmes)

Icones do Firefox...

Tópico em 'Ciência & Tecnologia' iniciado por FURIA Da Rossa, 1 Jul 2006.

  1. FURIA Da Rossa

    FURIA Da Rossa Rank Configurável??

    ... quem souber E tiver paciencia please responde ae :D

    Desejo alterar os ícones da minha bookmark toolbar.

    Encontrei
    Este conteúdo é limitado a Usuários. Por favor, cadastre-se para poder ver o conteúdo e participar (não demora e não possui custos)
    esses pedaços de código que podem ser úteis:

    Código:
      /* Change Bookmark Toolbar Folder Icons */
    #personal-bookmarks toolbarbutton[label="M"] {padding: 0px 0px 0px 0px !important;}
    #personal-bookmarks toolbarbutton[label="M"] .toolbarbutton-icon {display: block !important; list-style-image: url('file:///D:/pics/FavIcons/BlueSkyIcons%B8%20Complete/BlueSkyIcons%B8/BlueSkyIcons%B8%205/068.ico') !important; -moz-image-region: auto !important; margin: 0px 2px 0px 2px !important;}
    #personal-bookmarks toolbarbutton[label="M"] .toolbarbutton-text {display: none !important;}
    
     /* Change Bookmark Toolbar Folder Icons */
    #personal-bookmarks toolbarbutton[label="PSP"] {padding: 0px 0px 0px 0px !important;}
    #personal-bookmarks toolbarbutton[label="PSP"] .toolbarbutton-icon {display: block !important; list-style-image: url('file:///D:/pics/FavIcons/occ6.gif') !important; -moz-image-region: auto !important; margin: 0px 2px 0px 2px !important;}
    #personal-bookmarks toolbarbutton[label="PSP"] .toolbarbutton-text {display: none !important;} 
    E esta é uma foto da minha barra de favoritos em seu estado atual:
    Este conteúdo é limitado a Usuários. Por favor, cadastre-se para poder ver o conteúdo e participar (não demora e não possui custos)

    Como podem ver, alguns dos favoritos têm seus próprios ícones, que acredito eu que sejam baixados do servidor do site e salvos aqui, e outros não. Olhem o "4s" e o "FIS": o primeiro não tem ícone, então tive que colocar o nome "4s" (relativo ao site
    Este conteúdo é limitado a Usuários. Por favor, cadastre-se para poder ver o conteúdo e participar (não demora e não possui custos)
    . Mas já o segundo, o site
    Este conteúdo é limitado a Usuários. Por favor, cadastre-se para poder ver o conteúdo e participar (não demora e não possui custos)
    (fis, como é chamado) já tem seu proprio ícone, que o torna único.

    Eu gostaria de fazer uns icones aqui pra colocar no lugar desses que não têm e ocupar menos espaço. Quando segui um procedimento dito em algum lugar de ir na pasta do perfil, abrir o bookmarks.html, abrir o codigo-fonte dele e ver o que se segue depois de "icon=", vi algo muito bizarro: o ícone do "FIS" acima tem o seguinte caminho:

    Código:
    data:image/x-icon;base64,AAABAAI
    AEBAQAAAAAAAoAQAAJgAAACAgEAAAAAAA6AIAAE
    4BAAAoAAAAEAAAACAAAAABAAQAAAAAAIAAAAAAAAAA
    AAAAABAAAAAQAAAAAAAAAAAAgAAAgAAAAICAAIAAAA
    CAAIAAgIAAAICAgADAwMAAAAD/AAD/AAAA//8A/wAAAP8A
    /wD//wAA////AAAAAAAAAAAAD/AAD/D///AP8AAP8P//8A/wA
    A/wAA/wD/AAD/AAD/AP8AAP8AAP8A/wAA/wAA/wD//wD/D///AP
    //AP8P//8A/wAA/w/wAAD/AAD/D/AAAP8AAP8P8AAA/wAA/w/wA
    AD///D/D///AP//8P8P//8AAAAAAAAAAAAAAAAAAAAAAA
    AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
    AAAAAAAAAAAAAAAAAAAAAAAAAAAACgAAAAgAAAAQAA
    AAAEABAAAAAAAAAIAAAAAAAAAAAAAEAAAABAAAAAAAA
    AAAACAAACAAAAAgIAAgAAAAIAAgACAgAAAgICAAMDAwA
    AAAP8AAP8AAAD//wD/AAAA/wD/AP//AAD///8AAAAAAAAAAAA
    AAAAAAAAAAA/wAAAAAP////8A//////AP8AAAAAD/////AP/////w
    D/AAAAAAAA/wAAAAAAAP8A/wAAAAAAAP8AAAAAAAD/AP8AAAAA
    AAD/AAAAAAAA/wD/AAAAAAAA/wAAAAAAAP8A/wAAAAAAAP8AAAAA
    AAD/AP8AAAAAAAD/AAAAAAAA/wD/AAAAAAAA/wAAAAAAAP8A/wAAA
    AAAAP8AAAAAAAD/AP8AAAAAAAD/AAAAAAAA/wD/AAAAAAAA/wAAAA
    AAAP8A/wAAAAAAAP8AAAAAAAD/AP8AAAAAAAD/AAAAAAAA/wD////wA
    AAA/wAAD/////8A////8AAAAP8AAA//////AP8AAAAAAAD/AAAP8AAAAAD/A
    AAAAAAA/wAAD/AAAAAA/wAAAAAAAP8AAA/wAAAAAP8AAAAAAAD/AAA
    P8AAAAAD/AAAAAAAA/wAAD/AAAAAA/wAAAAAAAP8AAA/wAAAAAP8AAAA
    AAAD/AAAP8AAAAAD/AAAAAAAA/wAAD/AAAAAA/wAAAAAAAP8AAA/wAA
    AAAP8AAAAAAAD/AAAP8AAAAAD/AAAAAAAA/wAAD/AAAAAA/wAAAAA
    AAP8AAA/wAAAAAP/////wD/////AP/////wD/////8A/////wD/////8AAAAAAA
    AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
    AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
    AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
    AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="
    (tudo junto, dei ENTER em vários pontos pra caber dentro da página)

    Ou seja, algo nada tangível, não é uma localização dentro de meu pc como C:\Meus Documentos\Meus ícones\ícone.ico.

    Admitindo que eu tenha já uma imagenzinha aqui pra pôr no lugar, por exemplo, do "4s", como devo proceder?

    Muito obrigado!
     
  2. Cildraemoth

    Cildraemoth Usuário

    A linha diz tudo:

    data:image/x-icon;base64

    Temos a "codificação" em base64 de um arquivo do tipo image/x-icon.

    Então pegando os dados ali, e fazendo a "decodificação" base64[0], você vai ter a imagem. Aí resta ver exatamente o tipo de arquivo, editá-lo, transformar para base64 e colocar no lugar.

    No entanto, como esse é um campo de uso interno do navegador, pode ser que ele troque pelo ícone que o site manda quando você for visitar o site novamente.

    [0] Na verdade, eu nem considero base64 um código. É só uma maneira de representar dados binários em ASCII.
     
  3. FURIA Da Rossa

    FURIA Da Rossa Rank Configurável??

    Pera, deixa eu ver se entendi:
    Eu tenho que.... ESCREVER a imagem em "código" base64? Tem um conversor pra deixar isso mais prático não? :D
    Porque se não for isso, não entendi :(
    Valeu Cildra!
     

Compartilhar