Criar Temas para o Firefox (Dúvida)

Deise G. · 30-08-2009, 6:57

No Yahoo Respostas tem uma dica sobre alterar o tema padrão e depois compactar como .jar

http://br.answers.yahoo.com/question...9155730AAgOilN

Mas como se compacta como .jar? Pode ser com o Winrar?

Agradeço desde já!

Kraftwerk · 30-08-2009, 13:09

Olá amiga.

Pode dar uma olhada nesse link:

http://www.canalvip.com.br/Arj.html

Até mais.

Alberto E. Kuniyoshi · 30-08-2009, 14:52

Citação:

Postado Originalmente por Deise G.

No Yahoo Respostas tem uma dica sobre alterar o tema padrão e depois compactar como .jar

http://br.answers.yahoo.com/question...9155730AAgOilN

Mas como se compacta como .jar? Pode ser com o Winrar?

Agradeço desde já!

O arquivo .jar (temas) ou xpi (extensões) são arquivos .zip. Ou seja, você pode compactar como zip e depois renomeá-lo como .jar que será reconhecido pelo Firefox na hora da instalação.

bird · 30-08-2009, 19:04

Usando o WinRAR, dá pra editar dentro dele mesmo, sem precisar descompactar. Caso você queira adicionar uma imagem, por exemplo, você pode arrastar a imagem pra dentro do WinRAR.

Eu escrevi um tutorial para temas:
http://www.tudobom.de/articles/yatt/

Deise G. · 31-08-2009, 4:34

Obrigado a todos que responderam!

Uma coisa que eu não gosto no firefox é aquele botão de voltar, eu achei ele feio, grande e diferente dos outros.
Eu usava um tema que eu gostava muito, mas não é compativel para essa nova versão, a página dele nem existe mais (acho que o desenvolvedor "abandonou" o tema e não vai mais atualizar). Eu queria pegar as imagens de botões desse tema, e colocar no tema padrão do firefox. Ou baixar outras, tem pacotes de ícones 3D no Baixaki tão bonitos...

Bird, para mudar os botões do firefox eu abro o arquivo .jar no winrar, apago as imagens dos botões que eu não quero e coloco as que eu quero? Só fazendo isso e instalando o tema já dá certo?

bird · 31-08-2009, 9:01

Citação:

Postado Originalmente por Deise G.

Bird, para mudar os botões do firefox eu abro o arquivo .jar no winrar, apago as imagens dos botões que eu não quero e coloco as que eu quero? Só fazendo isso e instalando o tema já dá certo?

Oi Deise,
vai depender muito do tamanho das imagens (na realidade, normalmente é uma imagem só) e como ela está organizada.
Esse tutorial dá uma idéia de como a coisa funciona:
http://cheeaun.com/blog/2004/12/firs...n-theme-design

Por curiosidade, qual o tema que você está se referindo?

Deise G. · 01-09-2009, 4:28

Olá bird!
Estou me referindo ao tema CrystalFox Modern. Achei outro parecido com ele aqui no fórum, chamado Fox Clear, mas também não é compatível

Como não sei falar inglês, dificulta bastante, porque todos tutoriais estão em inglês. Uso o google para traduzir mas tem partes que ficam mal traduzidas, sem sentido.
Tentei alterar o tema padrão usando esse tutorial

https://developer.mozilla.org/pt/Cri...efox/Iniciando

mas não deu certo. Na hora de instalar apareceu uma mensagem dizendo que "não foi possível instalar o tema porque ele não oferece uma maneira segura de atualização"
Devo ter feito tudo errado porque tem partes que eu não entendi e aí "chutei"

bird · 01-09-2009, 9:34

Oi Deise,

Você tem que retirar a tag <em:updateURL> </em:updateURL> do seu install.rdf.
Qualquer coisa poste aqui o seu install.rdf e o sei chrome.manifest pra gente dar uma okhadinha.

Sinta-se a vontade para perguntar o que vc quiser. Principalmente sobre o meu tutorial. Parece meio complicado a primeira vista, mas ele tenta dar um pouco de luz na parte do "porque".

Deise G. · 04-09-2009, 2:58

Olá bird!

Retirei a tag <em:updateURL> </em:updateURL> do install.rdf e deu certo a instalação.

Tem outra coisa que tentei fazer e não deu certo. Como eu queria apenas os botões da toolbar, do tema CrystalFox Modern, tentei fazer o seguinte:

Baixei o tema StrataStripe 1.2 (que tem os botões da toolbar do mesmo tamanho do CrystalFox Modern 2.0) e troquei as imagens da toolbar,substituindo elas, achando que apenas isso ia funcionar

. O que aconteceu foi que o Firefox ficou inutilizado, se eu não tivesse feito backup antes, já era...

bird · 04-09-2009, 11:59

Oi Deise,

muito importante é tbém mudar o nome e o UUID do tema, para que o Firefox entenda que se trata de um tema diferente daquele que vc está editando. Ou seja, mudar as tags <em:id> </em:id> (do tema, não do Firefox que é {ec8030f7-c20a-464f-9b0e-13a3a9e97384}) para, por exemplo, meuTema@deise.br, a tag <em:name></em:name> e a tag <em:internalName></em:internalName> (essa aqui em caixa baixa e sem espaços)

Esse nosso papo aqui me inspirou a trabalhar num tema usando a técnica que eu descrevo aqui:
http://www.tudobom.de/articles/yatt/#third_party_theme
na parte "Light Weight" Themes.

Assim que estiver pronto eu vou postar aqui no Forum e no MZ:
http://forums.mozillazine.org/viewto...f=18&t=1305515

Um abraço

bird

Deise G. · 05-09-2009, 5:02

Bird, finalmente deu certo!

Esse seu tutorial http://forums.mozillazine.org/viewto...f=18&t=1305515 me fez ver que eu estava trocando uma pasta de lugar. E pela sua explicação, eu alterei o install.rdf de acordo (coisa que eu não estava fazendo antes), e aí finalmente deu certo.

Os botões da toolbar são feitos em uma imagem só. Se eu quiser usar ícones da internet para fazer uma toolbar nova, eles precisam ser iguais a imagem da toolbar antiga, com o mesmo tamanho e todos juntos na mesma imagem, é isso?

Outra pergunta: Você sabe tirar aquele "contorno" que tem ao redor das setas voltar e avançar, e também deixar o botão de "voltar" do tamanho e formato do botão de avançar?

Muito obrigado pela paciência!

Quando terminar seu tema, coloca o link pra gente

Um grande abraço e muito obrigado!

bird · 05-09-2009, 10:40

Citação:

Postado Originalmente por Deise G.

Bird, finalmente deu certo!

Esse seu tutorial http://forums.mozillazine.org/viewto...f=18&t=1305515 me fez ver que eu estava trocando uma pasta de lugar. E pela sua explicação, eu alterei o install.rdf de acordo (coisa que eu não estava fazendo antes), e aí finalmente deu certo.

Legal que deu certo! Fico contente que o tutorial tenha ajudado!

Citação:

Postado Originalmente por Deise G.

Os botões da toolbar são feitos em uma imagem só. Se eu quiser usar ícones da internet para fazer uma toolbar nova, eles precisam ser iguais a imagem da toolbar antiga, com o mesmo tamanho e todos juntos na mesma imagem, é isso?

Não é necessário, mas é muito conveniente, uma vez que estando tudo junto na mesma imagem, o Firefox carrega todos os botões de uma vez. Se estivessem em imagens diferentes, você notaria um "lagzinho" quando, por exemplo, depois de abrir o Firefox você passasse o mouse em cima de um botão. Ele teria que trocar a imagem normal pela imagem "hover" e isso seria notável.

O que se faz, é uma espécie de "mapeamento" da imagem, usando as propriedades CSS list-style-image e -moz-image-region.

Para entender melhor, vamos imaginar a imagem dentro de um sistema parecido com as coordenadas cartesianas:

Pela figura, se quisermos apontar para a imagem que aparecerá quando o usuário passar o mouse pelo botão "Reload". o valor da propriedade -moz-image-region será:

Código:

-moz-image-region: rect(24px 96px 48px 72px)

Citação:

Postado Originalmente por Deise G.

Outra pergunta: Você sabe tirar aquele "contorno" que tem ao redor das setas voltar e avançar, e também deixar o botão de "voltar" do tamanho e formato do botão de avançar?

Se você der uma olhadinha na imagem Toolbar.png, você verá que esse contorno faz parte da imagem. Esses botões estão lá no final da imagem...

Citação:

Postado Originalmente por Deise G.

Quando terminar seu tema, coloca o link pra gente

Um grande abraço e muito obrigado!

Bom o tema está praticamente pronto:

Firebird Theme

Ele foi testado no Firefox 2.0, 3.0, 3.5, 3.6 e 3.7. O interessante é que o tema não é uma "cópia" modificada do Tema Padrão. Ele É o Tema Padrão, só trocando a imagem do Toolbar, ou seja, teoricamente ele funciona em todas as versões do Firefox, uma vez que ele sempre carrega o Tema Padrão.

Um abraço

bird

Deise G. · 08-09-2009, 17:02

Tentei instalar o seu tema, mas no meu Firefox o tema apareceu como padrão mesmo, sem alterar nada. Minha versão é 3.5.2, o que será que deu errado?

bird · 08-09-2009, 17:18

Nem os botões alteraram?
Default:
http://www.camp-firefox.de/forum/dow...cc7d27fb8 c6e

Firebird:
http://www.camp-firefox.de/forum/dow...cc7d27fb8 c6e

bird · 08-09-2009, 20:18

Oi Deise,

você poderia testar com esse arquivo?

Firebird Theme

Deise G. · 10-09-2009, 3:38

Agora funcionou!
Parabéns bird, gostei do tema, achei bonito e simples, bem como eu gosto

.
Estou tentando mudar um que não está dando certo, vou tentar mais um pouco, se eu não conseguir, venho pedir socorro...hehehe.

Abraços!

Flashcooler · 17-09-2009, 11:12

Belo tutotrial Bird, bem legal, eu me lembro que no Winamp também era assim pegavamos o padrão e modificavamos...que trampo.

T mais

luky22 · 17-09-2009, 11:27

Uso o tema noia no firefox bem legal.

bird · 17-09-2009, 12:30

Citação:

Postado Originalmente por Deise G.

Agora funcionou!
Parabéns bird, gostei do tema, achei bonito e simples, bem como eu gosto

.
Estou tentando mudar um que não está dando certo, vou tentar mais um pouco, se eu não conseguir, venho pedir socorro...hehehe.

Abraços!

Bom, esse tema é só mesmo uma experiência, estou tentando criar uma nova maneira de se fazer temas que sejam bem leves (150KB, mais ou menos) e que sejam compatíveis com as versões futuras do Firefox sem muito trampo do autor. O objetivo desse tema é se tornar uma plataforma para que futuros autores possa pegar e só substituir as imagens e pronto...

Na realidade os meus temas são do tipo tradicional (uma vez que eles modificam toda a aparência do navegador):
https://addons.mozilla.org/en-US/firefox/addon/7517
https://addons.mozilla.org/en-US/firefox/addon/14313

30-08-2009, 6:57	#1 (permalink)
Deise G. Novo Membro Registrado em: Mar 2007 Mensagens: 50 Reputação: 7	Criar Temas para o Firefox (Dúvida) No Yahoo Respostas tem uma dica sobre alterar o tema padrão e depois compactar como .jar http://br.answers.yahoo.com/question...9155730AAgOilN Mas como se compacta como .jar? Pode ser com o Winrar? Agradeço desde já!

30-08-2009, 13:09	#2 (permalink)
Kraftwerk Zumbi Registrado em: Feb 2006 Localização: CWB Idade: 33 Mensagens: 9.476 Reputação: 200	Olá amiga. Pode dar uma olhada nesse link: http://www.canalvip.com.br/Arj.html Até mais. __________________ Baú do Kraft - Coletânea de Dicas, Tutoriais e Alternativas. *Duffy - Mercy*.

30-08-2009, 19:04	#4 (permalink)
bird General de Pijama Registrado em: Dec 2002 Localização: Berlim Idade: 52 Mensagens: 3.801 Reputação: 43	Usando o WinRAR, dá pra editar dentro dele mesmo, sem precisar descompactar. Caso você queira adicionar uma imagem, por exemplo, você pode arrastar a imagem pra dentro do WinRAR. Eu escrevi um tutorial para temas: http://www.tudobom.de/articles/yatt/ __________________ www.silvermel.net \| www.pardal.de

01-09-2009, 9:34	#8 (permalink)
bird General de Pijama Registrado em: Dec 2002 Localização: Berlim Idade: 52 Mensagens: 3.801 Reputação: 43	Oi Deise, Você tem que retirar a tag <em:updateURL> </em:updateURL> do seu install.rdf. Qualquer coisa poste aqui o seu install.rdf e o sei chrome.manifest pra gente dar uma okhadinha. Sinta-se a vontade para perguntar o que vc quiser. Principalmente sobre o meu tutorial. Parece meio complicado a primeira vista, mas ele tenta dar um pouco de luz na parte do "porque". __________________ www.silvermel.net \| www.pardal.de

04-09-2009, 11:59	#10 (permalink)
bird General de Pijama Registrado em: Dec 2002 Localização: Berlim Idade: 52 Mensagens: 3.801 Reputação: 43	Oi Deise, muito importante é tbém mudar o nome e o UUID do tema, para que o Firefox entenda que se trata de um tema diferente daquele que vc está editando. Ou seja, mudar as tags <em:id> </em:id> (do tema, não do Firefox que é {ec8030f7-c20a-464f-9b0e-13a3a9e97384}) para, por exemplo, meuTema@deise.br, a tag <em:name></em:name> e a tag <em:internalName></em:internalName> (essa aqui em caixa baixa e sem espaços) Esse nosso papo aqui me inspirou a trabalhar num tema usando a técnica que eu descrevo aqui: http://www.tudobom.de/articles/yatt/#third_party_theme na parte "Light Weight" Themes. Assim que estiver pronto eu vou postar aqui no Forum e no MZ: http://forums.mozillazine.org/viewto...f=18&t=1305515 Um abraço bird __________________ www.silvermel.net \| www.pardal.de

		FórumGdH > Parceria br.mozdev.org > Mozilla Firefox
Criar Temas para o Firefox (Dúvida)

1. Como instalar temas no firefox 2. Firefox ja configurado para download 3. Temas para o Firefox	4. Temas para o firefox 3 b3. 5. Silvermel e Charamel - Temas para o Firefox e Thunderbird
Mais resultados? Use nossa pesquisa.

31-08-2009, 4:34	#5 (permalink)
Deise G. Novo Membro Registrado em: Mar 2007 Mensagens: 50 Reputação: 7	Obrigado a todos que responderam! Uma coisa que eu não gosto no firefox é aquele botão de voltar, eu achei ele feio, grande e diferente dos outros. Eu usava um tema que eu gostava muito, mas não é compativel para essa nova versão, a página dele nem existe mais (acho que o desenvolvedor "abandonou" o tema e não vai mais atualizar). Eu queria pegar as imagens de botões desse tema, e colocar no tema padrão do firefox. Ou baixar outras, tem pacotes de ícones 3D no Baixaki tão bonitos... Bird, para mudar os botões do firefox eu abro o arquivo .jar no winrar, apago as imagens dos botões que eu não quero e coloco as que eu quero? Só fazendo isso e instalando o tema já dá certo?

01-09-2009, 4:28	#7 (permalink)
Deise G. Novo Membro Registrado em: Mar 2007 Mensagens: 50 Reputação: 7	Olá bird! Estou me referindo ao tema CrystalFox Modern. Achei outro parecido com ele aqui no fórum, chamado Fox Clear, mas também não é compatível Como não sei falar inglês, dificulta bastante, porque todos tutoriais estão em inglês. Uso o google para traduzir mas tem partes que ficam mal traduzidas, sem sentido. Tentei alterar o tema padrão usando esse tutorial https://developer.mozilla.org/pt/Cri...efox/Iniciando mas não deu certo. Na hora de instalar apareceu uma mensagem dizendo que "não foi possível instalar o tema porque ele não oferece uma maneira segura de atualização" Devo ter feito tudo errado porque tem partes que eu não entendi e aí "chutei"

04-09-2009, 2:58	#9 (permalink)
Deise G. Novo Membro Registrado em: Mar 2007 Mensagens: 50 Reputação: 7	Olá bird! Retirei a tag <em:updateURL> </em:updateURL> do install.rdf e deu certo a instalação. Tem outra coisa que tentei fazer e não deu certo. Como eu queria apenas os botões da toolbar, do tema CrystalFox Modern, tentei fazer o seguinte: Baixei o tema StrataStripe 1.2 (que tem os botões da toolbar do mesmo tamanho do CrystalFox Modern 2.0) e troquei as imagens da toolbar,substituindo elas, achando que apenas isso ia funcionar . O que aconteceu foi que o Firefox ficou inutilizado, se eu não tivesse feito backup antes, já era...

05-09-2009, 5:02	#11 (permalink)
Deise G. Novo Membro Registrado em: Mar 2007 Mensagens: 50 Reputação: 7	Bird, finalmente deu certo! Esse seu tutorial http://forums.mozillazine.org/viewto...f=18&t=1305515 me fez ver que eu estava trocando uma pasta de lugar. E pela sua explicação, eu alterei o install.rdf de acordo (coisa que eu não estava fazendo antes), e aí finalmente deu certo. Os botões da toolbar são feitos em uma imagem só. Se eu quiser usar ícones da internet para fazer uma toolbar nova, eles precisam ser iguais a imagem da toolbar antiga, com o mesmo tamanho e todos juntos na mesma imagem, é isso? Outra pergunta: Você sabe tirar aquele "contorno" que tem ao redor das setas voltar e avançar, e também deixar o botão de "voltar" do tamanho e formato do botão de avançar? Muito obrigado pela paciência! Quando terminar seu tema, coloca o link pra gente Um grande abraço e muito obrigado!

08-09-2009, 17:02	#13 (permalink)
Deise G. Novo Membro Registrado em: Mar 2007 Mensagens: 50 Reputação: 7	Tentei instalar o seu tema, mas no meu Firefox o tema apareceu como padrão mesmo, sem alterar nada. Minha versão é 3.5.2, o que será que deu errado?

08-09-2009, 17:18	#14 (permalink)
bird General de Pijama Registrado em: Dec 2002 Localização: Berlim Idade: 52 Mensagens: 3.801 Reputação: 43	Nem os botões alteraram? Default: http://www.camp-firefox.de/forum/dow...cc7d27fb8 c6e Firebird: http://www.camp-firefox.de/forum/dow...cc7d27fb8 c6e __________________ www.silvermel.net \| www.pardal.de

08-09-2009, 20:18	#15 (permalink)
bird General de Pijama Registrado em: Dec 2002 Localização: Berlim Idade: 52 Mensagens: 3.801 Reputação: 43	Oi Deise, você poderia testar com esse arquivo? Firebird Theme __________________ www.silvermel.net \| www.pardal.de

10-09-2009, 3:38	#16 (permalink)
Deise G. Novo Membro Registrado em: Mar 2007 Mensagens: 50 Reputação: 7	Agora funcionou! Parabéns bird, gostei do tema, achei bonito e simples, bem como eu gosto . Estou tentando mudar um que não está dando certo, vou tentar mais um pouco, se eu não conseguir, venho pedir socorro...hehehe. Abraços!

17-09-2009, 11:12	#17 (permalink)
Flashcooler Tô em todas Registrado em: Dec 2006 Localização: No Forno Mensagens: 1.952 Reputação: 22	Belo tutotrial Bird, bem legal, eu me lembro que no Winamp também era assim pegavamos o padrão e modificavamos...que trampo. T mais __________________ Society, you are a crazy breed I Hope you are not lonely without me... When you want more than you have You think you need... !!

17-09-2009, 11:27	#18 (permalink)
luky22 Tô em todas Registrado em: May 2008 Localização: BH justinopolis Idade: 27 Mensagens: 1.609 Reputação: 14	Uso o tema noia no firefox bem legal. __________________ Quad core Q6600 @ 2.4ghz // GA-946GM-DS2 // Kensington 2x1GB-667 MHz // 8400 GS (512 MB) // HD (320 GB, 7200 RPM, SATA-II) maxtor 160 GB, 7200 RPM, // thermaltke V1 // fonte thermaltake 550walts

Opções do Tópico
Exibir Versão para Impressão Envie essa página por e-mail