Personnaliser page accueil + nouveaux onglets ? [Résolu]

[OLIV34]

Bonjour,

J'utilise un pc portable sous windows 10 (2004) et firefox (81.0) en navigateur par défaut.

Je souhaiterais savoir s'il est possible de mettre une image (photo personnelle enregistrée sur mon pc ou autre trouvée sur le net) pour personnaliser la page d'accueil de firefox et les nouveaux onglets?

J'ai bien trouvé certains sujets sur le forum comme celui-là (viewtopic.php?f=5&t=136683&p=859172&hil ... il#p859172), mais je n'arrive pas à mettre en place la solution proposée.

J'ai essayé également avec l'option "page web personnalisée" : mais dans ce cas, il y a toujours l'adresse de l'image dans la barre de recherches, il faut l'effacer avant de faire une recherche, et certains éléments utiles (comme les sites suggérés) disparaissent.

Dommage que ce ne soit pas aussi simple et rapide que sur les autres navigateurs testés, même si ce n'est qu'esthétique, et que je continuerai à privilégier firefox!

Merci pour votre attention, bonne soirée!

[Bob49]

Salut

J'ai bien trouvé certains sujets sur le forum comme celui-là (viewtopic.php?f=5&t=136683&p=859172&hil ... il#p859172), mais je n'arrive pas à mettre en place la solution proposée.

Vérifie que la préférence qui suit, soit bien en true ! :

• Taper about:config dans la barre d'adresse, puis "entrée" et promettre...
• Rechercher toolkit.legacyUserProfileCustomizations.stylesheets , puis effectuer un double-clic dessus pour la passer en true

[OLIV34]

Merci pour la réponse Bob49! Effectivement c'était en "false" et j'ai pu mettre en "true".

Par contre je comprends que ce genre de modifications semble réservé à des "utilisateurs avancés", ce qui n'est pas vraiment mon cas!

Du coup je suppose que quand j'ai essayé la solution proposée, je ne l'ai pas fait correctement. Concrètement, dans ce qui est proposé, à quoi correspond le code affiché en vert ? S'agit-t-il d'un texte à taper dans un document word (j'ai l'impression que non)? Mais si ce n'est pas le cas, comment saisir le code indiqué?

Désolé pour cette question, car je suppose que la solution est peut-être simple à mettre en place pour un "utilisateur avancé".

Bonne soirée.

[Cucurbitacé]

Bonjour,

Vous devez créer un fichier texte avec le BlocNote de windows et lui donner pour nom et extension : userContent.css
Dans le profil Firefox vous devez créer un dossier que vous nommerez : Chrome, et y mettre le fameux fichier avec le code en vert comme vous dites ► Profil Firefox <

◘ UserContent.css sert à changer la page qui s’affiche dans Firefox.

◘ UserChrome.css sert à changer l’armature, l’apparence de Firefox ► voyez cela <

Bien à vous.

[OLIV34]

Bonsoir,

Merci pour vos explications (et les liens!) Cucurbitacé : ça permet d'essayer de mieux comprendre la démarche!

Par contre, je dois avouer qu'il me manque encore quelque chose, car après plusieurs essais je n'arrive toujours pas à appliquer la solution.

Faut-il bien suivre, au caractère près, les lignes du code proposé : symboles comme ( ou {, saut de ligne, espaces, termes ("document", "important")?

Pour l'url, faut-il taper avec le double // ou mettre "www."?

Faut-il également, dans le dossier "chrome" une copie de l'image souhaitée?

Encore un grand merci pour votre disponibilité!

[Cucurbitacé]

Bonjour,

Oui, tout le code du début jusqu’à la fin !

@-moz-document url("about:home") {
body { background-image: url(imagechoisie.gif) !important; background-repeat: no-repeat !important;
background-position: center !important; background-color:#aabbff !important; } }

@-moz-document url("about:newtab") {
body { background-image: url(imagechoisie.gif) !important; background-repeat: no-repeat !important;
background-position: center !important; background-color:#aabbff !important; } }

home et newtab, ce n’est pas la même chose, donc vous pouvez choisir deux images différentes.

Si vous voulez la même image, un seul suffit mais avec une virgule :

@-moz-document url(about:newtab), url(about:home) {
body { background-image: url(imagechoisie.gif) !important; background-repeat: no-repeat !important;
background-position: center !important; background-color:#aabbff !important; } }

Si vous ne voulez que newtab, vous ne prenez qu’un seul paragraphe commençant par @-moz-document.

Entre parenthèses : imagechoisie.gif, cela doit être le chemin de l’image, l’adresse pour y accéder.

Je vous déconseillerais de mettre une adresse Internet, car cela signifierait que chaque fois que vous vous connectez à Internet Firefox ira chercher l’image en se connectant au site où elle se trouve, donnant ainsi sans cesse des informations personnelles sur vous ; mais surtout, si vous n’êtes pas connecté à Internet, ben vous n'aurez pas l’image.

Ainsi pour avoir l’image en permanence, il faut la stoquer sur l’ordinateur dans le dossier chrome, cependant, vous devrez indiquer son chemin et logiquement votre adresse devrait donner ça : ./le_nom_de_l’image.son_extension

Cela peut être une image animée en gif ; l'extension c'est ce qui finit un fichier, qui indique ce qu'il est, si c'est un pdf cela donne : nom.pdf, etc. ; les images, c'est : nom.jpg ; nom.png ; nom.gif , etc.

Bien à vous.

[Agent virtuel]

Bonjour

Accessoirement, pour celles et ceux qui seraient intéressés 1 image

Illustration
viewtopic.php?f=5&t=144629
Remplacer bookmarks.html par votre image
"file:///C:/Users/manag/Desktop/test.png"

+ ci-dessous

https://support.mozilla.org/fr/kb/comme ... ge-accueil
Adresses web personnalisées…
file:///C:/Users/manag/Desktop/test.png

Bien entendu vous pouvez essayer des images de grand format

[OLIV34]

Bonjour,

Au départ ça me semblait trop compliqué, et puis grâce au forum et à vos explications, j'ai enfin une belle image comme je le souhaitais pour la page d'accueil et les nouveaux onglets!

En suivant strictement les indications de Cucurbitacé (un grand merci!!!) la solution est bien appliquée. Comme je ne voulais qu'une même image (pour home et newatb) j'ai suivi le code donné avec "une virgule".

J'ai également suivi le conseil de ne pas mettre une adresse internet, j'ai donc mis sous forme nom+extension (.jpg dans mon cas).

Maintenant que le code est actif, j'ai aussi vu qu'on pouvait facilement changer l'image : en stockant une autre image dans le dossier chrome, il suffit alors juste de changer le nom de l'image dans le code.

Merci à tous pour votre attention et l'aide!

Bon week-end!