Créer un fond de page d'accueil GOOGLE pour Mozilla FIREFOX et CHROME.

Créer un fond de page d'accueil GOOGLE pour Mozilla FIREFOX et CHROME.


Vous voulez un fond de page qui vous correspond , qui vous plait , mais vous ne le trouvez pas dans les thèmes proposés ....
Je vous propose cette solution qui convient aux deux navigateurs vedettes.
Je ne me sers pas d'Internet Explorer donc je ne vous en parlerai pas.


Vous allez ici pour firefox  et ici pour chrome

Vous installez le pluggin dans votre navigateur.
redémarrez-le.


Tout d'abord pour FIREFOX

A droite de la barre d'adresse vous avez désormais un "S" qui représente le pluggin STYLISH.
Allez à votre page d'accueil (au cas où vous n'y seriez pas déjà).
clic gauche sur le "S" puis choisir c"réer un nouveau style " puis  "pour cette URL"
une fenêtre de codes s'ouvre comme celle-ci :

dans la case "nom" mettez le nom que vous voudrez attribuer à votre thème .
Laissez la case "Balises" vide.

vous allez copier coller le texte qui suit en dessous de la ligne 5:
clic après accolade à la ligne 5 puis entrée sur le clavier.

body{background: url(http://img15.hostingpics.net/pics/754786fond737max.jpg)no-repeat center top fixed!important;background-size:100%!important;}

Faites "ENREGISTRER"

redémarrez votre navigateur,
vous devriez avoir le même thème que moi soit :

Il est beau non?
les barres d'outils noires font partie d'un autre thème .

Bon maintenant vous voulez mettre comme prévu dans ce tutoriel VOTRE thème ...

clic gauche sur le "S" , gérer les styles , cliquer sur "éditer" de votre style,
dans le texte:
body{background: url(http://img15.hostingpics.net/pics/754786fond737max.jpg)no-repeat center top fixed!important;background-size:100%!important;}

Vous allez remplacer ce qui est en rouge par l'URL de l'image de votre choix.
Faites "enregistrer"
redémarrez le navigateur ,
hop , vous avez votre thème !!

j'en entend un au fond qui me demande quelle URL d'image?
soit :
-Vous cherchez une image dans internet et vous faites clic droit dessus puis "copier l'adresse de l'image"
-Vous avez dans votre PC une image que vous allez héberger sur internet .
Tapez HEBERGEUR D'IMAGE dans Google , vous avez pleins de sites qui proposent ce service.
Je me sers de hostingpics.net
clic sur "parcourir"
Vous allez chercher votre image dans votre PC ,
vous pouvez choisir de la redimensionner  ou pas
clic sur "envoyer"
quelques secondes plus tard, vous avez plusieurs liens pour votre image ,
cliquez sur "montrer le lien direct"
et faites copier le lien qui s'affiche.
c'est cette URL que vous collerez comme indiqué plus haut en rouge .

Voiloù !!
Petite remarque cette astuce est adaptable à toutes les pages web...
mais suivant le style déjà présent , ce ne sera pas forcément très visible ...
à  expérimenter donc sur le site de votre choix .

La preuve:

Admettons que vous voulez changer le fond de votre page youtube:
Vous allez sur Youtube , clic sur "S" créer un nouveau style....pour cette URL.

copiez/coller le texte ci dessous:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix(https://www.youtube.)

{
 body{background: url(http://img15.hostingpics.net/pics/754786fond737max.jpg)no-repeat center top fixed!important;background-size:100%!important;}

Il vous suffira de changer le texte en vert par votre URL d'image.

Suivant le site que vous voudrez changer , il vous faudra changer le texte en rouge par l'adresse dans le navigateur en s’arrêtant au point inclus.

Exemple:

pour Pilote Virtuel :

 au lieu de mettre 

http://www.pilote-virtuel.com/       il faut écrire:

http://www.pilote-virtuel.

si vous voulez affecter plusieurs pages découlant de certains sites où il faut s'identifier, il vous faudra écrire par exemple:

 

@-moz-document url-prefix(http://www.google.), url-prefix(https://www.google.), url-prefix(https://encrypted.google.)

C'est bon vous avez compris la syntaxe ?

Pour Chrome

Pour Chrome c'est exactement pareil sauf la procédure d'accès à la fenêtre de codes :
Il faut cliquer sur le "S"
choisir "gérer les styles installés ,
Créer un nouveau style
choisir un nom pour son style ,
clic sur préciser , et copier coller l'adresse du site à modifier.
Vous pouvez ici choisir: adresse commençant par ...
et là vous écrivez votre adresse en vous arrêtant au point inclus.
comme ceci:
https://www.youtube.
faites "ajouter"

dans la fenêtre de code copiez/coller le texte suivant :

body{background: url(http://img15.hostingpics.net/pics/754786fond737max.jpg)no-repeat center top fixed!important;background-size:100%!important;}

et vous pouvez changer ce qui est en rouge par l'URL de votre image uploadée.

puis enregistrez.
c'est fini !

Dernière précision , ce thème ne sera visible que par vous et sur votre PC , en aucun cas il sera diffusé sur le net .Il sera propre à Votre navigateur.

il ne vous plait plus , vous voulez l'enlever ?
clic sur le "S"  faites "gerer les styles" puis désactiver et/ou supprimer .

à vous maintenant !!
Vous pouvez m' envoyer des captures d'écrans  ça me fera plaisir !

bye.
Amicalement,
Will.