MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Temas de fundo

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:

  1. 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.
  2. 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.
  3. 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.
  4. 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!
  5. Envie suas imagems — certifique-se que elas têm menos de 300KB de tamanho e estão no formato JPG, ou PNG!
  6. 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.
  7. 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: )
  8. 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!

ENVIE SEu TemA AGORA

 

Mais Tutoriais

Mozilla Themes Focal Point on Sizing - Um tutorial sobre os temas, com foco em dimensões, por VanillaOrchids.

Etiquetas do documento e colaboradores

 Colaboradores desta página: Aschlla, evertton
 Última atualização por: Aschlla,