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)
Information : The version displayed on this page is not the latest available.
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 base sur les versions 2.1.x ou plus de Cairo-Dock. Si votre version est plus ancienne, il est fortement recommande de la mettre a jour pour profiter des dernières améliorations.
Pour obtenir la dernière version utilisez notre dépôt or récupérez le paquet sur Launchpad ou bien encore installes le a 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 lancer 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 parti par un vote mais aussi parce que je l'aime bien donc sans doute qu'il ne correspondra pas a vos goûts.
Avant de démarrer la personnalisation de votre dock, vous devriez essayer les autres thèmes disponibles a travers le gestionnaire de thèmes : click-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 boites 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 a prendre c'est de sauver vos thèmes après avoir effectuer vos changements.
Pour sauver le thème en cours, ouvrez le gestionnaire de thème et dans le 2eme 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 sur de desélectionner les 2 boites.

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


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

Sélectionnez la catégorie "Comportement"; elle contient 4 modules (a droite):
  • Le 1er, Position, sert a modifier le placement du dock sur votre écran (et sur quel écran si vous utilisez Xinerama en multi-écran).
  • Le 2eme, Accessibilité, définit comment vous accédez a vos docks : si il va se cacher automatiquement, si il restera 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 3eme, Barre des taches, est intéressant. Vous pouvez activer ou désactiver l'affichage des applications ouvertes a l'intérieur du dock. SI vous l'activez, plusieurs options sont a 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 sont 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 a personnaliser les indicateurs. Ce sont les graphiques qui sont affichés pour indiqué des choses telle que lorsque vous lâcher 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 la 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 élargi.

  • 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 utilise 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ème 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 situe dans ~/.cairo-dock/current_thème/icons; quand vous chargez un thème depuis le gestionnaire de thème, c'est aussi la que seront mis 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 simplement utiliser les icônes du thème courant, laissez le champ vide.
Une manière facile de modifier l'apparence global de vous icônes consiste a rajouter un arrière plan sur chacune d'entre elle

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églé 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ère comme la vue 3D ou la vue Curve). Si vos 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 petits icônes. 48*48 est une valeur standard.
  • finalement on peut ordonner les icônes par type. Vous pouvez par exemple placer les applets a gauche et les applications a droite.
  • En bonus il y a une option de dessiner une ficelle qui reliera les icônes entre elles. Il vous suffit de mettre son épaisseur a 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 tous vos icônes en une seule passe pour donner un look complètement différent a votre dock

Note :
Vous pouvez aussi changer l'icône d'un seul lanceur en cliquant a droite-> modifier le lanceur Indiquer le chemin complet pour accéder a 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 indiquer a Cairo-Dock d'ignorer les icônes fourni par X ,qui peuvent être quelques fois abominable, et de chercher une icône plus jolie. Maintenant en supposant que Nautilus est actif avec son icône présent 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 grande chance 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 le bon 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 dock et des sous-docks.
Chaque sous-docks peut avoir sa propre vue (clic a 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 affiches sur les icônes pour vous informer par exemple du nombre de fichier 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 ajustable.

Les bulles d'information
le dock peut grâce aux bulles d'information vous affichez différents messages ou bien vous posez 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 disponible. Ils agissent sur la forme de la bulle. Par exemple "comics" génère des bulles qui ressembles a celles des bandes dessinées tandis que "tooltips" auras une forme plus classique.

Les Desklets
Chaque applets peut-être détachées du dock et positionnées sur le Bureau. Ce module vous permet de choisir une configuration par défaut pour tous les Desklets. chaque desklets peut bien sur avoir sa propre décoration.
Vous pouvez choisir un des thèmes disponible or créer le votre (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 indique 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 active quand vous faite glisser un objet au dessus du dock (une 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'afficher 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. Ça 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é a même l'icône et a la même taille.
  • L'indicateur de lanceur actif vous montre quelle lanceur ont déjà été exécutés lorsque vous activez l'option "mixer applications et lanceurs" de la barre des taches. Il est affiche en bas de l'icône et vous pouvez ajuster sa position verticalement. Ça 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 cote fun a votre dock.
Les modules "Animation des icônes" et "Effets des icônes" vous permette 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 a l'arrière plan pour en atténuer l'impact.
Le module "Illusion" vous permet de choisir une animation lorsqu'une icône apparait ou disparait.

Dernière étape
On y est presque ! vous pouvez sélectionner de quelles applets vous allez avoir besoin et ou 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 certain 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 a 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 faite 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 place 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 (<click droit> -> "modifier ce lanceur/applet").
Pour un lanceur dérouler la partie "Extra Paramètres", pour une applet allez dans le 1er onglet.
De la vous pouvez indiquer le nom du auquel il doit appartenir. Mettez un nom qui n'existe pas encore, par exemple "dock2"; un nouveau dock sera créer avec ce nom et l'icône y sera a 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 positionne 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 dock chacun avec sont 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 --modules-dir /path/to/dir
/path/to/dir devenant l'equivalent du repertoire "~/.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, cela ne marchera probablement pas correctement => (voir le wiki))

  • Vous pouvez aussi configurer le dock pour qu'il soit plus léger. Essayer de réduire la tailles des icônes (48x48 est un bon compromis) et réduire le zoom maximum a 1.2 ou moins.

  • De même réduisez la surface de réflexion.

  • Reluisez le nombre d'icônes dans votre dock.

  • Créer des sous-dock pour regrouper vos lanceurs et/ou vos applets par catégories.

  • Utiliser la barre de tache pour grouper les applications par Class, mélanger les applications et les lanceurs ou encore afficher les applications sur le Desktop courant seulement.
  • Utiliser plusieurs dock racine, chacun sur son bord d'écran (voir le chapitre précédent).


Dans le module "System" utiliser l'option pour afficher les libelles seulement sur l'icône pointe par la souris.
Vous pouvez aussi réduire la fréquence de rafraîchissement (n'aller 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'un par seconde). La RAM disponible peut aussi être vérifier tous les 10 secondes dans l'applet System-Monitor, etc...
Désactiver certaine applet comme Cairo-Penguin ou Toons.
Et enfin utiliser la vue "défaut" plutôt que "3D-plane" or "Curve".


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

Fabounet et Lusule.


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

Online users :

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.