Tuto Comment rendre la barre des Favoris plus compacte

[Ldfa]

Beaucoup d'utilisateurs se plaignent que la barre des Favoris de Maxthon n'est pas très personnalisable. Par exemple, le mode compact de la barre des Favoris n'est pas compact du tout. Regardez ceci :

C'est une barre des Favoris en mode normal, elle fait 1079 pixels de largeur.
Et ceci est le mode compact de la barre des Favoris :
Elle fait 945 pixels de largeur. Seulement 134 pixels de moins. 

Pourquoi le mode compact n'est pas compact du tout ? Parce que Maxthon implémente cette fonctionnalité de la mauvaise manière. Il devrait afficher uniquement les icônes des sites pour ces Favoris qui ne sont pas dans le menu déroulant, comme ceci :

Elle fait seulement 552 pixels de largeur, c'est suffisamment compact.
 
Alors, comment pouvons-nous changer ce comportement en modifiant le Skin par défaut ? Vous pourrez le faire en seulement 8 étapes. (Je sais que vous pouvez modifier le titre des Favoris par le caractère unicode U+0160 pour obtenir le même effet, mais alors tous les éléments vont avoir le même titre vide, ce qui n'est pas satisfaisant).

Remarque, avant de commencer, veuillez suivre les instructions des étapes 1 à 5 de ce premier tutoriel.

1. Créez un dossier, qui se nomme par exemple, C:\MySkins, puis créez un nouveau dossier dans C:\MySkins, nommez-le CompactFav
2. Copiez C:\MySkins\ui\skin3.ini dans le dossier C:\MySkins\CompactFav
3. Éditez ce fichier skin3.ini, modifiez la ligne 25 de "name = Default" en "name = CompactFav", Enregistrez et fermez le
4. Dans le dossier C:\MySkins\CompactFav\main créez un fichier nommé skin.css
5. Ajoutez les lignes suivantes dans skin.css

.favbar .fav-root, .favbar .item.more {
        padding: 0;
}
.fav-container .item {
        margin: 0;
        padding: 2;
}
.fav-container[compactFavoritesBar] > .item .icon {
        display: block;
}
.fav-container[compactFavoritesBar] > .dropdown > .icon {
        display: none;
}
.fav-container[compactFavoritesBar]  > .dropdown > text {
        display: block;
}
.fav-container[compactFavoritesBar] > li:not(:has-child-of-type(menu)) > .icon {
        display: block;
}
.fav-container[compactFavoritesBar] > li:not(:has-child-of-type(menu)) > text {
        display: none;
} 

6. Enregistrez et fermez le fichier skin.css
7. Déposez le dossier C:\MySkins\CompactFav sur la fenêtre principale de MxPacker.exe, dans la boîte de dialogue "output package file", modifiez l'extension du fichier de .mxaddon en .mxskin
8. Cliquez sur le bouton Package, puis cliquez sur le lien "Open File" en bas à gauche de la fenêtre
9. Bravo ! Maintenant vous pouvez mettre plus de Favoris dans votre barre des Favoris sans vous soucier de la place restante.
 
Alors, peut on rendre la barre des Favoris encore plus compacte ? La réponse est oui. Nous pouvons également nous débarrasser de la petite flèche vers le bas pour chaque menu déroulant. Il suffit d'ajouter les lignes suivantes à la fin du fichier skin.css :

.fav-container[compactFavoritesBar] > .dropdown {
        foreground: url(images/blank.png);
}
.fav-container[compactFavoritesBar]  > .dropdown > text {
        padding-right: 3px;
}

Voici à quoi il ressemble :

 
Vous pouvez télécharger le Skin ici : http://old-forum.maxthon.com/forum.php?mod=attachment&aid=NTE0M3xhYzBiNzRiMnwxMzg2NjU4NDcyfDI1fDcwMDM%3D

Source : http://old-forum.maxthon.com/thread-7003-1-1.html