lundi 3 juin 2019

TRUCS & ASTUCES: Un séparateur dans les favoris d'Opera (ou autre)

Mis-à-jour le 3 juin 2019


Comment créer un séparateur dans la barre des favoris d'Opera ou autre navigateur?

"Ça mange pas de pain" mais ça peut être utile parfois...

1. Ouvrez votre éditeur de texte préféré, Leafpad, par exemple.

2. Copiez-collez ce code html. Modifiez-le éventuellement.
<html>
<head>
<link rel="icon" type="image/png" href="sepa.png" />
</head>
</html>

3. Enregistrez ce fichier texte sous le nom de separator.html dans votre /home ou mieux dans /srv/http/ si vous avez un serveur local (en root). Vous obtenez une page web très simplifiée sans <body> mais avec une favicone.

4. Ouvrez votre éditeur d'images (PhotoFiltre* dans mon cas). Créez une nouvelle image à arrière-plan transparent de 200x200 pixels puis réduisez-la à 32x32 px ou même 16x16 px et enregistrez-la dans le même dossier que separator.html sous le nom de sepa.png. Ou téléchargez la mienne ci-dessous (le navigateur la réduira automatiquement):


5. Rendez-vous maintenant dans le dossier contenant separator.html et sa favicone avec votre gestionnaire de fichier. Faites un clic droit sur separator.html puis "ouvrir avec Opera" ou un autre browser. Une autre solution est d'ouvrir votre navigateur, faire Ctrl+O et ouvrir votre fichier. 3e solution: copiez-collez cette adresse et collez-la dans la barre d'adresse de votre navigateur puis "entrée".

file:///srv/http/separator.html

6. Vous pouvez constater que la page reste blanche (normal, il n'y a pas de <body>) mais que la favicon s'est (en principe) affichée à gauche de la barre d'adresse.

7. Pour finir, mettez cette page en favoris dans la barre du même nom et positionnez-la à votre guise. Pour enlever le texte et garder seulement la favicone, il suffit d'éditer le favori et d'enlever le texte.

Si vous voulez, vous pouvez éditer sepa.png pour le rendre plus foncé ou plus claire, et peut-être même le mettre en couleur, voire lui donner une forme différente, pourquoi pas?

Si vous voulez un séparateur horizontal à l'intérieur d'un dossier de favoris, il suffira de faire une page identique mais avec une favicone complètement transparente** de 16x16 px (peu importe) pour qu'elle reste cachée, mettre la page en favoris puis renommez-le avec des points ou des tirets:
-----------------------------------------
Vous obtiendrez ainsi un séparateur horizontal très efficace! Voir capture ci-dessous:


Pour les dupliquer, un simple copier-coller suffit (avec Ctrl+V), en tous cas dans Opera (pas sûr pour les autres). Dans ce cas, votre séparateur-favori va apparaître comme ceci: -----------------------------------------(1). Il faut alors l'éditer et supprimer "(1)".

On peut aussi faire des catégories:

MÉTÉO........................................................
HTML..........................................................
ETC.............................................................

Mais ce n'est pas franchement indispensable puisqu'on peut regrouper tous les liens d'un même thème dans des dossiers.

**Pourquoi transparente? Parce que si l'on se contente d'omettre la favicone, le navigateur va la remplacer automatiquement par une icône basique de fichier texte (dans Opera) et ça n'est pas très beau.

*Photofiltre qui est un logiciel pour Windows fonctionne assez bien sous Linux via Wine

1 commentaire:

Ajoutez un commentaire mais en bon Français ou éventuellement en bon Anglais. Les commentaires en langage SMS seront supprimés.