Home Forums Wiki Doc Install Extras Screenshots Source Code Projects Blog Users Groups Register
Glx-Dock / Cairo-Dock Wiki Tutoriel de personnalisation
The latest stable release is the *3.4.0* : How to install it here.
Note: We just switched from BZR to Git on Github! (only to host the code and your future pull requests)
History View code

Glx-Dock / Cairo-Dock

Home

History

Language

de Deutsch

en English

ru Russian

fr Français

Support Us

Flattr this

Cairo-Dockon

Tutoriel de personnalisation

Le but de ce tutoriel
Cairo-Dock utilise des thèmes et vous pouvez complètement changer la manière dont il se comporte ainsi que son apparence pour en faire un dock unique. Cela n'a pas que des avantages : il y a *beaucoup* d'options
Ce tutoriel n'a pas l'ambition de décrire toutes les options (elles sont déjà décrites dans la configuration avec des tooltips pour la plupart), mais il vous guidera pour personnaliser votre dock.
Il contient aussi quelques astuces bien utiles.

1er pas
Ce tutoriel est basé sur les versions 2.1.x ou plus de Cairo-Dock. Si votre version est plus ancienne, il est fortement recommandé de la mettre à jour pour profiter des dernières améliorations.
Pour obtenir la dernière version, utilisez notre dépôt ou récupérez le paquet sur Launchpad ou bien encore installez-le à partir des sources.
Tout est expliqué en détail sur le wiki (http://wiki.glx-dock.org).
N'oubliez pas d'installer les plug-ins.

1er Lancement
La première fois que vous lancez Cairo-Dock un thème par défaut est sélectionné. C'est un thème parmi bien d'autres qui a été choisi, en partie par un vote, mais aussi parce que je l'aime bien, donc sans doute qu'il ne correspondra pas à vos goûts.
Avant de démarrer la personnalisation de votre dock, vous devriez essayer les autres thèmes disponibles à travers le gestionnaire de thèmes : clic-droit -> Cairo-Dock -> Gestionnaire de thème.
Ordonnez-les en fonction de leur note ou bien de leur simplicité selon votre goût, sélectionnez bien les 2 petites boîtes en bas de la page, choisissez un thème et appliquez. Facile non?

Nous allons choisir le thème Clear" de Coz comme point de départ.

http://lusule.files.wordpress.com/2008/08/cairo-clear.jpg

Le thème Clear de Coz pour Cairo-Dock

Changer et sauver les thèmes
Une bonne habitude à prendre, c'est de sauver vos thèmes après avoir effectué vos changements.
Pour sauver le thème en cours, ouvrez le gestionnaire de thème et dans le 2ème onglet, entrez un nom pour votre thème, puis appliquer.

Si vous voulez changer de thème, choisissez-le dans le 1er onglet et appliquer.
Vous pouvez choisir d'y appliquer le comportement et/ou d'utiliser ses lanceurs, mais dans la pratique vous voudrez sans doute garder les vôtres aussi soyez sûr de desélectionner les 2 boîtes.

Si vous voulez effacer un thème, c'est sur le 3ème onglet que ça se passe. Sélectionner les thèmes dont vous voulez vous débarrasser et valider, c'est radical!


Un survol rapide
Pour ouvrir la configuration, un clic à droite sur le dock, un clic sur le menu Cairo-Dock et sélectionnez Configuration.
Plusieurs catégories sont disponibles à gauche. Celle qui nous intéresse est la 2ème (Apparence).
Mais d'abord passons en revue la 1ère catégorie qui contrôle le comportement du dock.

Sélectionnez la catégorie "Comportement"; elle contient 4 modules (à droite):
  • Le 1er, Position, sert à modifier le placement du dock sur votre écran (et sur quel écran si vous utilisez Xinerama en multi-écran).
  • Le 2ème, Accessibilité, définit comment vous accédez à vos docks : s'il va se cacher automatiquement, s'il reste en-dessous des autres fenêtres ou au contraire si on lui réserve une partie de l'écran. On y décide aussi si les sous-docks s'ouvriront en cliquant dessus ou en les survolant avec la souris, etc...
  • Le 3ème, Barre des taches, est intéressant. Vous pouvez activer ou désactiver l'affichage des applications ouvertes à l'intérieur du dock. Si vous l'activez, plusieurs options sont à votre disposition et font que le dock peut se comporter comme MacOSX, Windows7 ou bien tout simplement comme Gnome ou KDE. Notez l'option qui vous permet de fermer les applications en utilisant le bouton du milieu de votre souris.
  • Le dernier module, System, regroupe toutes les options que vous n'aurez sans doute jamais besoin de modifier.

Sélectionnons maintenant la catégorie "Apparence"; une dizaine de modules y est présent ; ils définissent le look de votre dock.

  • Le module Background vous permet de personnaliser tout ce qui concerne le fond de vos docks : cadres, image de fond, etc...
  • Le module Icônes concerne l'affichage des icônes : les thèmes d'icône, leur taille, leur ordre, etc...
  • Le module Etiquettes vous permet de personnaliser la manière dont le texte au-dessus et dans les icônes va apparaître.
  • Le module Vues contrôle comment vos docks et sous-docks seront dessinés : sur un plan 3D, sur une courbe, sur une parabole, etc...
  • Le module Dialogues définit l'apparence de bulles que Cairo-Dock utilise pour les notifications.
  • Le module Desklets définit comme les applets sont affichées lorsqu'elles sont détachées du dock, et vivent sur votre bureau.
  • Le module Indicateurs sert à personnaliser les indicateurs. Ce sont les graphiques qui sont affichés pour indiquer des choses telles que un objet sur le dock, ou bien encore quelle est la fenêtre active, ou quels lanceurs ont été exécutés, etc...
  • Les autres modules sont là pour les animations et les effets spéciaux sur les icônes.

L'arrière plan
Assez de bavardage, allons-y !
Tout d'abord les options d'arrière plan du dock.

  • Vous pouvez choisir une image ou bien remplir l'arrière plan avec un dégradé de 2 couleurs. Dans le cas d'une image, vous pouvez aussi choisir de répéter ou d'élargir cette dernière pour remplir le dock.
  • Si vous utiliser le auto-hide vous pouvez choisir une image pour remplacer le dock quand il est caché. Pour faire réapparaître le dock, survolez cette image (aussi appeler zone de rappel) avec votre souris. Normalement la zone est un rectangle avec une grande longueur et une petite hauteur donc choisissez votre image en conséquence au risque de voir l'image élargie.

  • Pour compléter il est possible de configurer l'entourage du dock : la rondeur des coins, l'épaisseur et la couleur du cadre autour du dock, etc...

http://lusule.files.wordpress.com/2008/08/cairo-pink.jpg

Le thème Clear utilisé précédemment avec une couleur d'arrière plan différente.

Les Icônes
Occupons-nous maintenant des icônes elles-mêmes.

  • Pour le moment décidons de l'aspect global des icônes. Vous pouvez trouver beaucoup de thèmes d'icônes sur gnome-look.org ou ailleurs. Le dock vous laisse choisir d'utiliser au choix un thème d'icône ou vos propres icônes (elles sont situées dans ~/.cairo-dock/current_thème/icons; quand vous chargez un thème depuis le gestionnaire de thème, c'est aussi là que seront mises ces icônes). Si vous choisissez un thème d'icône, décochez l'option qui indique d'utiliser les icônes locales et entrez le nom du thème dans le champ adéquat (par exemple Human, Gartoon, Crystal, etc...). Si vous voulez simplement utiliser les icônes du thème courant, laissez le champ vide.
Une manière facile de modifier l'apparence globale de vos icônes consiste à rajouter un arrière plan sur chacune d'entre elles.

Occupons-nous maintenant de la manière dont sont affichées les icônes
  • D'abord nous avons le fameux effet Zoom ; ce que vous voulez sans doute régler c'est la taille maximale du zoom : 1.2 donnera un petit effet alors que 2 sera plus prononcé.
  • Ensuite nous avons la réflexion des icônes (pour les vues qui le gèrent comme la vue 3D ou la vue Curve). Si vous souhaitez réduire la hauteur du dock, une manière efficace de le faire est de diminuer la hauteur de la réflexion. Une valeur moyenne est normalement un bon compromis.
  • Vous pouvez aussi dimensionner les icônes en fonction de leur catégorie. Ici encore vous pouvez réduire la taille du dock en utilisant de petites icônes. 48*48 est une valeur standard.
  • finalement, on peut ordonner les icônes par type. Vous pouvez par exemple placer les applets à gauche et les applications à droite.
  • En bonus il y a une option pour une ficelle qui reliera les icônes entre elles. Il vous suffit de mettre son épaisseur à 0 pour s'en débarrasser.

http://lusule.files.wordpress.com/2008/08/mycairo.jpg

La sélection du thème Gartoon comme thème d'icône permet de changer toutes vos icônes en une seule passe pour donner un look complètement différent à votre dock.

Note :
Vous pouvez aussi changer l'icône d'un seul lanceur en cliquant à droite -> modifier le lanceur Indiquer le chemin complet pour accéder à l'image. Le même principe s'applique pour les applets.

Note 2 :
Pour changer l'icône d'une application active, vous devez d'abord activer l'option "Overwrite X icons with launchers" dans le module Taskbar. En faisant cela vous indiquez à Cairo-Dock d'ignorer les icônes fournies par X qui peuvent être quelques fois abominables, et de chercher une icône plus jolie. Maintenant en supposant que Nautilus est actif avec son icône présente dans le dock, il y 2 possibilités :
      • Il y a aussi un lanceur pour Nautilus dans le dock. Dans ce cas, Cairo-Dock utilisera son icône pour l'application.
      • Il n'y a pas de lanceur et dans ce cas Cairo-Dock cherchera pour une image qui s'appelle "nautilus.xxx" ("svg", "png", "xpm") et il y a de grandes chances qu'une telle image existe dans le thème d'icône qu'on a choisi précédemment. Si vous préférez utiliser votre propre icône, il vous suffit de la placer dans le répertoire d'icône local (~/.cairo-dock/current_thème/icons).
Comment appelez cette image ?
Chaque icône doit avoir le même nom que la classe de l'application en question. La classe est pour la plupart du temps égale au nom de l'application mais pas toujours.
Pour identifier cette classe, faites en sorte que l'application soit active puis dans un terminal lancer la commande suivante :
xprop | grep WM_CLASS
Un petit pointeur va apparaître et il vous suffit de cliquer sur l'application en question pour que sa classe s'affiche dans le terminal, par exemple :
WM_CLASS(STRING) = "nautilus", "Nautilus"

Pour que Cairo-Dock utilise la bonne icône, vous devez nommer votre icône en utilisant cette classe comme nom. Soit ‘nautilus.svg’ ou bien ‘nautilus.png’ par exemple.

Changement du rendu graphique du dock
Chaque dock peut avoir un rendu différent des autres. En changeant son rendu vous lui donnez un aspect complètement différent.
Dans le module "Vues" vous pouvez sélectionner le rendu des docks et des sous-docks.
Chaque sous-dock peut avoir sa propre vue (clic à droite -> "Modifier ce lanceur"). Le même principe s'applique pour les applets.

http://lusule.files.wordpress.com/2008/08/oldcairo.jpg

Utiliser une autre vue change le rendu du dock. Ici la vue "Curve".

Les libellés des icônes
Le module "Labels" vous permet de configurer le libellé et les infos des icônes (les infos sont les petits textes affichés sur les icônes pour vous informer par exemple du nombre de fichiers dans la poubelle).

Vous pouvez changer la fonte, la taille et la couleur (dégradé) entre autres.
Pour que le texte soit plus lisible, vous pouvez y ajouter un fond dont la taille, la transparence et la couleur sont ajustables.

Les bulles d'information
le dock peut grâce aux bulles d'information vous afficher différents messages ou bien vous poser une question. Le module <b>Dialogues</b> vous permet de configurer leur apparences : couleur et style de la bulle, taille et fonte du texte, image du bouton "OK" ou "ANNULER" etc...

Plusieurs style sont disponibles. Ils agissent sur la forme de la bulle. Par exemple "comics" génère des bulles qui ressemblent à celles des bandes dessinées tandis que "tooltips" aura une forme plus classique.

Les Desklets
Chaque applet peut-être détachée du dock et positionnée sur le Bureau. Ce module vous permet de choisir une configuration par défaut pour tous les Desklets. Chaque desklet peut bien sûr avoir sa propre décoration.
Vous pouvez choisir un des thèmes disponibles ou créer le vôtre (il s'agit d'une image d'avant et d'arrière plan avec un ajustement vertical et horizontal).

Le petit je ne sais quoi qui distinguera votre thème des autres
Pour faire un thème vraiment personnel, vous devriez personnaliser les <b>indicateurs</b>
Les indicateurs sont des petites images qui indiquent l'état des icônes ou des docks. Il y a des indicateurs pour les glisser-déposer et le déposer, les fenêtres ou les lanceurs actifs.
  • L'indicateur glisser-déposer est actif quand vous faites glisser un objet au-dessus du dock (un lanceur du Menu Principal par exemple). Cela peut-être une avec une orientation du haut vers le bas telle qu'une flèche, de la pluie, une chute d'étoile, etc...
  • L'indicateur déposer est un petit emblème qui s'affiche sur une icône quand vous y déposez un objet. Sa taille est équivalente au 1/3 de la taille de l'icône.
  • L'indicateur de fenêtre active sur les icônes de fenêtres présentement actives. Cela peut-être une image ou tout simplement une couleur d'avant ou d'arrière plan. Faites en sorte que ce soit discret car l'emblème est dessiné à même l'icône et a la même taille.
  • L'indicateur de lanceur actif vous montre quel lanceur a déjà été exécuté lorsque vous activez l'option "mixer applications et lanceurs" de la barre des taches. Il est affiché en bas de l'icône et vous pouvez ajuster sa position verticalement. Cela peut-être un cercle ou une lumière, etc... Essayez de choisir en fonction du thème et de la taille des icônes.

Animations et effets
Pour finir et si vous utilisez l'OpenGL, vous pouvez facilement ajouter un côté fun à votre dock.
Les modules "Animation des icônes" et "Effets des icônes" vous permet de définir des animations ou des effets qui seront déclenchés lorsque vous cliquez ou survolez une icône avec la souris.
Si les effets vous semblent trop kitsch, vous pouvez les paramétrer individuellement. Vous pouvez aussi les reléguer à l'arrière plan pour en atténuer l'impact.
Le module "Illusion" vous permet de choisir une animation lorsqu'une icône apparaît ou disparait.

Dernière étape
On y est presque ! vous pouvez sélectionner quelles applets vous allez avoir besoin et où elles seront placées (dans le dock principal pour les avoir sous l'œil, ou bien dans un sous-dock ou sur le Bureau). Vous pouvez changer leur icône ou même pour certains leur attribuer un thème (Clock, Dustbin, PowerManager, etc...).
Pour aller encore plus loin vous pouvez essayer de faire votre thème de jauges bien à vous. Une jauge c'est juste quelques images et un fichier xml qui vont décrire cette jauge. Des exemples se trouvent dans /usr/share/cairo-dock/gauges.
Quand vous faites un thème personnel pour une applet (une jauge, une horloge, une poubelle...), mettez tous vos fichiers dans un répertoire qui portera le nom de votre thème et placez-le dans ~/.config/cairo-dock/extras/gauge si c'est une jauge, ou bien ~/.config/cairo-dock/extras/clock si c'est une horloge...



Plusieurs dock dans une seule instance de Cairo-Dock
Choisissez un lanceur ou une applet et ouvrez son panneau de configuration (<clic droit> -> "modifier ce lanceur/applet").
Pour un lanceur, dérouler la partie "Extra Paramètres", pour une applet allez dans le 1er onglet.
De là, vous pouvez indiquer le nom auquel il doit appartenir. Mettez un nom qui n'existe pas encore, par exemple "dock2"; un nouveau dock sera créé avec ce nom et l'icône y sera à l'intérieur. Vous pouvez ensuite remplir ce dock avec d'autres icônes de la même manière.
Au départ ce dock est positionné en bas et au milieu de l'écran ; pour le déplacer, <click droit> -> "Cairo-dock" -> "Configurer ce dock".
Par contre, tous les dock partagent la même configuration et auront donc tous le même look.

Il est possible d'avoir plusieurs docks, chacun avec son look mais cela nécessite de lancer Cairo-Dock plusieurs fois. Lancer le 1er dock normalement, puis pour les autres utiliser la commande suivante:
cairo-dock --dir /path/to/dir
/path/to/dir devenant l'équivalent du répertoire "~/.config/cairo-dock".

Comment configurer Cairo-Dock pour qu'il soit le plus léger possible ?

Le Kitsch c'est beau mais ça a un prix. Si vous trouver que votre dock dévore vos ressources CPU, voici quelques astuces qui pourront vous aider.
  • La meilleur manière d'avoir un dock fluide, c'est d'utiliser l'accélération matérielle (OpenGL). Vous aurez besoin d'une carte Nvidia ou une Intel avec un serveur le plus récent possible. Utiliser la commande
    cairo-dock -o
    (si vous avez une carte ATI ou Intel sans les drivers récents que l'on peut trouver sur Ubuntu Karmic, Debian Sid ou Fedora 12 par exemple, cela ne fonctionnera probablement pas correctement => voir le wiki)

  • Vous pouvez aussi configurer le dock pour qu'il soit plus léger. Essayer de réduire la taille des icônes (48x48 est un bon compromis) et réduire le zoom maximum à 1.2 ou moins.
  • De même réduisez la surface de réflexion.
  • Réduisez le nombre d'icônes dans votre dock.
  • Créer des sous-dock pour regrouper vos lanceurs et/ou vos applets par catégories.
  • Utilisez la barre des taches pour grouper les applications par Class, mélangez les applications et les lanceurs ou encore afficher les applications sur le Desktop courant seulement.
  • Utilisez plusieurs dock racine, chacun sur son bord d'écran (voir le chapitre précédent).


Dans le module "System" utilisez l'option pour afficher les libellés seulement sur l'icône pointé par la souris.
Vous pouvez aussi réduire la fréquence de rafraîchissement (n'allez pas plus bas que 20Hz ou vous pourriez en fait aggraver la situation)
Vous pouvez aussi réduire la fréquence de rafraîchissement de certaines applets. Par exemple, ne pas afficher les secondes de l'horloge fera causera un rafraîchissement par minute plutôt qu'une par seconde). La RAM disponible peut aussi être vérifiée toutes les 10 secondes dans l'applet System-Monitor, etc...
Désactiver certaines applets comme Cairo-Penguin ou Toons.
Et enfin utilisez la vue "défaut" plutôt que "3D-plane" or "Curve".


Conclusion
J'imagine que maintenant votre dock est complètement différent de ce qu'il était au commencement
J'espère que ce guide vous a été utile pour ne pas vous perdre durant la configuration. Si vous avez des commentaires/suggestions n'hésitez pas à m'écrire a fabounet (at) glx-dock -dot- org, ou venez nous visiter sur http://glx-dock.org !

Fabounet et Lusule.


Glx-Dock / Cairo-Dock Wiki Tutoriel de personnalisation Top

Online users : CamisetasCelta,

Powered by ElementSpeak © 2007 Adrien Pilleboue, 2009-2013 Matthieu Baerts.
Dock based on CSS Dock Menu (Ndesign) with jQuery. Icons by zgegball
Cairo-Dock is a free software under GNU-GPL3 licence. First stable version created by Fabounet.
Many thanks to TuxFamily for the web Hosting and Mav for the domain name.