Créer facilement un Persona pour Firefox
Par Guilou le vendredi 22 janvier 2010, 16:11 - Lien permanent
Firefox 3.1.6 est sorti le 21 janvier 2010 et a apporté son lot de nouveautés. Parmi elles, on trouve les Personas.
Qu'est-ce qu'un Persona ?
Les personas sont des thèmes simplifiés pour Firefox. On peut les changer à la volée, sans même redémarrer le logiciel. Ils sont constitués de deux images, un entête et un pied de page. De nombreux Personas existent déjà, vous pouvez parcourir la liste de ceux existant pour tester.
Voici par exemple l'image supérieure
et inférieure d'un Persona :
Vous pouvez également visionner cette vidéo :
Nous allons ici voir comment nous pouvons créer le nôtre.
Comment créer le sien
Créer l'image supérieure
L'image supérieure doit impérativement respecter les règles suivantes :
- Avoir une résolution de 3 000px de large et 200px de haut
- L'image doit faire une taille d'au plus de 300Kb
- Elle doit être au format PNG ou JPG
La partie la plus importante de l'image est la partie droite. En effet, c'est elle qui sera affichée dans le navigateur même si celui-ci est réduit en largeur. (Nous n'avons pas tous la chance d'avoir une résolution de plus de 3000px de large)
C'est donc à cet endroit qu'il est judicieux d'y placer la partie de l'image la plus importante (logo, texte, etc)
Créer l'image inférieure
On peut personnaliser l'apparence de la barre inférieure de Firefox, là où s'affichent l'URL pointée, "Terminé", etc. La partie basse du Persona doit respecter les mêmes règles qu'au dessus, à une différence près : la hauteur. Il faut donc faire une deuxième image respectant les conditions suivantes :
- Avoir une taille de 3 000px de large et 100px de haut
- L'image doit faire une taille d'au plus de 300Kb
- Elle doit toujours être au format PNG ou JPG
Tester son thème
Maintenant que les images sont prêtes, il faut tester son Persona afin de constater le rendu. Pour cela, il faut installer l'extension Personas. Après installation, un petit renard orange devrait apparaître dans le coin inférieur gauche.
Il faut tout d'abord cliquer sur Préférences :
Il faut alors cocher Afficher les Personas personnalisés dans le menu :
Retournons dans le menu de l'extension et cliquons sur Persona personnalisé > Éditer.
Il suffit alors de renseigner les chemins des images relatives à l'entête et au pied de page, ainsi que de choisir les couleurs.
Le partager avec la communauté
Une fois que votre Persona est magnifique, il peut être intéressant de la partager. Qui sait, peut-être finira-t-il dans le Top 100 ?
Il faut aller sur cette page, s'inscrire si on ne l'est pas et suivre la procédure. Ne soumettez pas d'image si vous n'avez pas le droit de le faire !
Notez qu'il est possible de récupérer un fichier Photoshop (PSD) directement sur le site www.getpersonas.com pour avoir le template !
(Source : www.getpersonnas.com)
Commentaires
ca marche bien mais au bout de quelques secondes c'est le personna par défaut qui est remis à la place du personnalisé.
Qu'est ce qui manque ?
merci.
Même remarque qu'André
merci de nous dire comment conserver son persona
Bonsoir,
J'ai fait le test et en effet : ça ne marche pas. En fait cliquer sur le bouton "OK" ne fait rien, alors qu'il devrait fermer l'onglet et valider notre Persona.
J'ai fait une petite recherche sur Internet, et le bug est connu chez Mozilla : https://bugzilla.mozilla.org/show_b...
Il s'agit apparemment d'un bug lié à Firefox 3.6.2. Si on récupère certain fichiers de la version 3.6, ça marche à nouveau correctement. Bref, attendons de voir s'ils vont sortir une nouvelle version rapidement qui corrige ce bug !
Guilou
Ouep, même souci ici... Et comme j'aimerais faire un persona à partir d'une photo de ma chérie, hors de question de la partager (la photo comme la chérie :p )
Moi j'ai créé des personas sur Dr House, et je me suis rendue compte seulement après que j'avais certifié que j'avais les droits dessus!! que faire ?
Le plus simple est de le faire partager.. Ca marche parfaitement bien, merci pour ce tuto.
Bonjour, moi je voudrai faire un persona pour mon forum mais je ne comprend pas la phrase "Ne soumettez pas d'image si vous n'avez pas le droit de le faire ! ". Merci de m'expliquer.
Bonjour,
Concernant les droits, je parle des droits sur les images utilisées. En effet, il rare de trouver des images sur internet qui sont libres de droits, et qui peuvent être utilisée où l'on veut. Le mieux est encore de contacter l'auteur qui pourra donner son accord.
Autre exemple, la photo d'un inconnu dans la rue. Il est nécessaire d'avoir son accord avant de diffuser la photo, sinon il y a atteinte à l'image.
De même, je ne suis pas sûr que l'on puisse utiliser le logo d'une marque de boisson gazeuse brune américaine comme ça...
Salut,
Moi, j'ai firefox 3.6.6 avec personas 1.5.3. eh bien voilà, bien que les versions ont évoluées depuis:
avec des images .jpg, marche 3 secondes, puis, pouit!...plus rien
avec des images .png, marche 3 secondes, aussi pouit!...plus rien.
Alors je me pose la question suivante, à quoi ça sert de mettre un module en ligne si celui-ci ne marche pas ?
salut.
j'ai trouvé une soluce:
allez sur ce site là -->
http://fr.brothersoft.com/Personas-...
puis téléchargez la version antérieur de personas 1.4
et voilà maintenant ça fonctionne correctement. ben ouais quoi...faut pas se laisser abattre.
Je suis étonné qu'avec une version antérieure du plugin ça marche. Je suis le bug directement sur le BugZilla, et c'est en effet un souci récurrent qui ne semble pas être corrigé.
Ils disent évidemment que ça devrait être corrigé pour la version 3.6.7 de Firefox, mais cela fait un petit moment qu'ils nous font languir !
Une des solutions connues est de publier son Persona sur le site internet getpersonas.com. L'avantage avec la technique de "Prout" (je me demande d'où ça sort, ce pseudo :P), c'est qu'on peut garder un persona privé.
Nous tiendras-tu au courant ?
(parce que le temps qu'il mettent a mettre en ligne les personas est...long...très....long.....très...très.........long !)
et il serait beaucoup mieux de les avoir priver !
Ils semblent mettre pas mal de temps a corriger ce bug... en tout cas je suis le tracker, et oui si cela semble corrigé je ferais une annonce
Hello !
Je me suis amusée à créer mon Persona, et j'ai pu le mettre en place. Mais pour cela j'ai du en réduire la taille d'environ 50%, sans quoi on ne pouvait voir que le haut de l'image. Bon ça marche chez moi mais du coup Firefox ne l'accepte pas, trop petit...
J'ai utilisé la base photoshop pourtant...
Jpeg ou png, le resultat est le même...
Un piti conseil pour une novice ?
merci !
Bonsoir
Il faut se débrouiller pour avoir en effet une image d'une hauteur relativement faible mais d'une largeur assez conséquente. Si vous avez réduit de 50% la hauteur ET la largeur, alors l'image ne respecte plus la règle des 3000x200px.
Est-ce que l'image finale a bien cette résolution ?
Bonsoir !
merci d'avoir répondu si vite !
L'image qui fonctionne fait exactement 1515 sur 101 pixels, et pèse 57,9 Ko. Celle prévue à 3000x200 pèse 191 Ko. J'ai essayé de réduire le poids à l'enregistrement, mais le résultat reste le même une fois chargé dans mon persona...
C'est le même topo pour la barre basse. Une petite idée de mon dessin est visible sur mon blog
à bientôt !
Puisque tu utilise Photochop : essais d'indexé les couleurs sa marche trop bien ! le poid est nettement réduit !
Image-> Mode-> Couleurs Indéxées...
Puisque tu utilise Photochop : essais d'indexé les couleurs sa marche trop bien ! le poid est nettement réduit !
Image-> Mode-> Couleurs Indéxées...
arf !
dsl ya eu un bug etj'ai cru que mon message n'était pas post...
Merci Eriam je tente !
... Et ça ne marche pas non plus. Bon ce n'est pas grave, je trouverai, je trouverai !!
Bonsoir,
J'ai pas compris l'image qui fonctionne @ 1515x101 / l'image qui ne marche pas à 3000x200. De plus, pourquoi chercher à réduire le poids s'il est inférieur à 300Ko ?
Je tente de mon côté avec les images issues de votre blog et je vous tiens au courant si j'ai un résultat positif
Bon j'ai compris !
Il faut absolument que l'image fasse 3000x200px pour celle du haut et 3000x100px pour celle du bas. Il vous faut donc créer une nouvelle image respecter cette dimension, puis placer ensuite votre image dans le coin extrême droit de celle-ci. Si elle ne fait pas 3000px de large, il faut alors combler le vide avec autre chose : couleur unie, dégradé linéaire, etc.
Enfin, il faut enregistrer l'image, en s'assurant qu'elle ne dépasse pas les 300Ko pour celle du haut (200Ko pour le bas)
Il faut faire la même opération pour le bas. Et normalement, tout devrait rouler
Merciii ! Je ne sais pas si j'ai loupé une info quelque part... Les premiers essais sont concluants et en tout cas j'espère que ce sera bien pris en charge par Firefox. Dès qu'il sera en ligne, je reviendrai vous montrer
à bientôt !
C'est fait !
Mais ça devient étrange...Ok pour l'image du haut j'ai réduit dans le format 3000x200, et placé en haut à gauche. Mais pour la barre basse j'ai du réduire l'image nettement plus, et la mettre en bas à gauche de mon format 3000x200... alors bon j'ai vérifié, je travaille bien en pixels (on sait jamais), tout est bon... Je vais néanmoins poursuivre mes recherches car je n'ai pas l'impression que ce soit une bonne idée de coller ce bricolage sur Firefox...
J'ai dans l'idée que j'ai loupé un détail bête...
Et merci, et à bientôt !
(et au fait j'ai posté un commentaire tout à l'heure, j'ai laissé ramer et il n'est pas arrivé...)
C'est fait !
Mais ça devient étrange...Ok pour l'image du haut j'ai réduit dans le format 3000x200, et placé en haut à gauche. Mais pour la barre basse j'ai du réduire l'image nettement plus, et la mettre en bas à gauche de mon format 3000x200... alors bon j'ai vérifié, je travaille bien en pixels (on sait jamais), tout est bon... Je vais néanmoins poursuivre mes recherches car je n'ai pas l'impression que ce soit une bonne idée de coller ce bricolage sur Firefox...
J'ai dans l'idée que j'ai loupé un détail bête...
Et merci, et à bientôt !
(et au fait j'ai posté un commentaire tout à l'heure, j'ai laissé ramer et il n'est pas arrivé...)
3000x100 je veux dire pour le bas, et pardon encore pour la miraculeuse multiplication des posts...
Il faut bien placer l'image à droite, pas à gauche ! (que ce soit pour le haut ou le bas)
Concernant la multiplication des commentaires, j'ai noté et il m'arrive la même chose. Je m'en occupe en parallèle.
Bonjour,
quelqu'un peut-il me dire à quel endroit du disque sont stockés les personas ? En fait, je souhaiterais les 'exporter' vers un autre pc, sans devoir les installer ...
Merci,
Flo.
Malheureusement je n'ai pas réussi à l'installer, mais bon il faut dire que je suis pas pro de l'informatique.
Bon j'ai essayé de faire une persona inspirée du site aokclan.tk, l'aperçu est la :
Le problème c'est que sur 300px de haut, on ne voit bien souvent que la partie superieure de la persona, a moins d'avoir 3 ou 4 barres de menus, il faut donc ajuster vers le haut et à droite, et pour la persona inférieure, il faut ajuster vers le bas et a gauche, et pas hésiter a retrecir les elements graphiques eventuels .