Como criar o seu próprio tema
Os temas são feitos de arquivos gráficos de imagens, para o cabeçalho, semelhantes ao utilizado como aparência padrão de fundo do Firefox UI.
Acabou seu projeto? Você pode enviá-lo agora mesmo!
Criando um tema: Imagem de Cabeçalho
A imagem do cabeçalho é mostrada no topo da janela do navegador, aninhada atrás da barra de ferramentas, barra de endereço, barra de pesquisa e barra de abas. Ela é ancorada no canto superior direito da janela do navegador.
Requisitos de Imagem
- As dimensões devem ser 3000px de largura x 200px de altura
- Nos formatos de arquivo PNG ou JPG
- A imagem não deve ter tamanho maior que 300KB
Dicas
- Imagens sutis, de baixo contraste e gradientes funcionam melhor; imagens altamente detalhadas podem competir com a UI do navegador.
- O Firefox pode revelar mais da parte inferior da imagem, se outra barra de ferramentas ou elemento da UI for adicionado ao topo da janela.
- O lado superior direito da imagem (na tela) deve ter a informação mais importante — à medida que a largura da janela é ampliada, o navegador revela mais do lado esquerdo da imagem.
Recursos de Editores de Imagem Em Linha
- Pixlr — Este aplicativo oferece ferramentas profissionais e fáceis de usar, para criação e edição de imagens com o navegador.
- Photoshop — Ajuste, gire e retoque fotos com o Photoshop® Express, um editor de fotos online e gratuito.
Criando um tema: Imagem de Rodapé
Em versões antigas do Firefox, ou em versões recentes com certas extensões instaladas, a imagem de rodapé é mostrada como o fundo da parte inferior da janela do navegador, atrás de extensões e barras de pesquisa. Ela é ancorada no canto inferior esquerdo da janela do navegador. Imagens de rodapé são opcionais.
Requisitos de Imagem
- As dimensões devem ser 3000px de largura x 100px de altura
- Nos formatos de arquivo PNG, ou JPG
- A imagem não deve ter tamanho maior que 300KB
Dicas
- Imagens sutis, de baixo contraste e gradientes funcionam melhor; imagens altamente detalhadas competem com a UI do navegador.
- O Firefox pode revelar mais da porção superior da imagem, se a barra de pesquisa está aberta, ou se uma extensão adiciona mais altura à parte inferior da janela.
- O lado esquerdo da imagem deve ter a informação mais importante — à medida que a largura da janela for ampliada, o navegador revela mais do lado direito da imagem.
Submentendo as Imagens de seus Temas
Para enviar suas imagens, vá para a página de Submissão de Temas:
- Nomeie seu tema — aplique um nome único ao seu tema. Nomes duplos não são permitidos, então, talvez, você precise tentar algumas vezes, até encontrar um nome único disponível.
- Escolha uma categoria e as etiquetas — selecione uma categoria e insira algumas etiquetas para melhor descrever o seu tema. Tenha em mente que o revisor poderá rejeitá-lo se, obviamente, a categoria e/ou etiquetas não estiverem relacionadas a ele corretamente.
- Descreva o seu tema — escreva uma descrição curta do seu tema. Tenha em mente que o revisor poderá rejeitá-lo, se essa descrição não for uma representação exata dele.
- Selecione uma licença para seu tema — decida sobre uma licença de direitos autorais para seu trabalho. Leia mais sobre os tipos de licenças Creative Commons.
- Importante: Por favor, certifique-se que você tem o direito de usar a imagem em seu tema!
- Envie suas imagems — certifique-se que elas têm menos de 300KB de tamanho e estão no formato JPG, ou PNG!
- Seleciona a cor do texto e abas — você pode escolher a cor ("de fundo") da aba e a cor do texto que melhor combinam com sua imagem de cabeçalho.
- Visualize seu tema — tudo pronto para você experimentar o seu tema! Simplesmente passe o cursor sobre a imagem acima do botão "Enviar tema" e veja como ele fica, instantaneamente: )
- Envie seu tema — se tudo parece certo, clique no botão Enviar tema e pronto! Você pode ver todos os temas que escreveu na sua página de perfil.
- Dica: para garantir que o seu tema será aprovado para a galeria, certifique-se que ele está em conformidade com as diretrizes de conteúdo e termos de serviço!
Mais Tutoriais
Mozilla Themes Focal Point on Sizing - Um tutorial sobre os temas, com foco em dimensões, por VanillaOrchids.