Créez ta propre thème de arrière plan pour Firefox

Comment créer ta propre thème de arrière-plan

Les thèmes s'agissent d'une graphique "en-tête", qui style l'arrière-plan de l'IU de Firefox.

Terminé votre conception? Vous pouvez la soumettre tout de suite!

Créer une image de thème d'en tête

L'image d'en-tête image est affiché comme l'arrière plan en haut de la fenêtre de navigateur, derrière les barres d'outils, barre d'addresse, et la barre de recherche. Il sera fixé au coin haut à droit du fenêtre de navigateur.

Conditions de l'image

  • Dimensions devraient être 3000px large × 200px haut
  • Format PNG ou JPG
  • L'image ne devrait pas être plus grand que 300 KO en taille de fichier

Conseils

  • Les images subtilles avec du contraste doux et des gradients marchent les meilleures; les images détaillés se batteraient avec l'IU du navigateur.
  • Firefox pourrait révéler plus du fond de l'image si un autre barre d'outil ou élément de l'IU est ajouté en haut de la fenêtre.
  • Le côté haut à droit de l'image devrait contenir les informations les plus importants —quand l'utilisateur augmente la largeur du fenêtre de navigateur, le navigateur affiche plus du gauche de l'image.

Éditeurs d'images enlignes

  • Pixlr — Pixlr offere des outils professionels et faciles à utiliser pour créer ou modifier les images dans la navigateur.
  • Photoshop — Ajuste, tourne et retouche les photos avec Photoshop® Express, une éditeur enligne gratuit.

Créer une image de thème de bas de page

Dans les versions anciennes de Firefox, ou les versions neuves avec certains "add-ons" installés, l'image de bas de pas est affiché comme l'arrière plan du fond du fenêtre de navigateur, derrière la barre des "add-ons" et la barre de retrouver. Il sera fixé au coin fond à gauche du fenêtre de navigateur. L'image de bas de page est optionelle.

Conditions de l'image

  • Dimensions devraient être 3000px large × 100px haut
  • Format PNG ou JPG
  • L'image ne devrait pas être plus grand que 300 KO en taille de fichier

Conseils

  • Les images subtilles avec du contraste doux et gradients marchent les meilleures; les images détaillés se batteraient avec l'IU du navigateur.
  • Firefox pourrait révéler plus du haut de l'image si la barre de retrouver est ouverte ou une extension augmente l'hauteur au fond du fenêtre.
  • Le côté gauche de l'image devrait contenir les informations les plus importants —quand l'utilisateur augmente la largeur du fenêtre de navigateur, le navigateur affiche plus du droit de l'image.

Soumettre vos images de thème

Pour commencer à soumettre vos images, aller au page Soumission de Thèmes:

  1. Nommez votre thème — choisissez un nom unique pour votre thème. Les noms doubles ne sont pas permis, donc vous pourriez devoir essayer quelque fois pour trouver un nom unique.
  2. Choisissez une catégorie et des étiquettes  — selectionnez une catégorie et saisissez des étiquettes qui décrivent votre thème. Gardez en tête qu'un réviseur pourrait réjeter votre thème si il est évident que la catégorie ou les étiquettes ne sont pas liés à votre thème.
  3. Décrirez votre thème — écrivez une déscription courte de votre thème. Gardez en tête qu'un réviseur pourrait réjeter votre thème si votre déscription ne répresente pas votre thème.
  4. Choisissez une license pour ton thème — décidez d'un type de license de copyright pour votre thème Lire plus sur les types de licenses "Creative Common"
    • Important: Soyez certain que vous avez le droit d'utiliser l'image dans votre thème!
  5. Mettrez vos images en ligne — soyez certain qu'ils ne sont pas plus grands que 300 KO, et sont en format JPG ou PNG!
  6. Selectionnez des couleurs pour la texte et les onglets — vous pouvez choisir la couleur pour la texte et l'arrière plan des onglets qui fonctionnent la meilleure avec votre image de thème en tête.
  7. Voir en avant-première votre thème — vous êtes prèt pour en avant-première votre thème! Simplement passez la souris au dessous de l'image en haut du bouton Submit Theme pour voir à quoi ça ressemble.
  8. Soumettrez votre thème — si tout a l'air correct, cliquez la bouton Submit Theme et vous avec terminé! Vous pouvez voir tous vos thèmes sur ta page de profil.
    • Conseil: pour t'asssurer que votre thème a été approuvé pour la galerie, soyez certain qu'il obtempère avec les directives de contenu et les conditions de service!

Soumettrez votre thème maintenant

Plus de tutoriels

Mozilla Themes Focal Point on Sizing - A tutorial on theming with a focus on sizing, by VanillaOrchids.

Étiquettes et contributeurs liés au document

Contributeurs à cette page : irenesmith, baleinebleue, PARPIMO
Dernière mise à jour par : baleinebleue,