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

La Traduction est en cours alors soyez patient et aidez moi au besoin
ppmt



Le but de ce tutoriel
Cairo-Dock utilise des themes et vous pouvez completement changer la maniere 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 decrire toutes les options (elles sont deja decrites 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 derniere version utiliser notre depot or recuperer le paquet sur Launchpad ou bien encore intaller a partir des sources.
Tout est explique en detail sur le wiki (http://wiki.glx-dock.org).
N'oubliez pas d'installer les plug-ins.

1er Lancement
La premiere fois que vous lancer Cairo-Dock un theme par defaut est selectionne. C'est un theme parmi bien d'autres qui a ete choisi en parti par un vote mais aussi parceque je l'aime bien donc sans doute qu'il ne correspondra pas a vos gouts.
Avant de demarrer la personalisation de votre dock, vous devriez essayer les autres themes disponibles a travers le gestionnaire de themes : click-droit -> Cairo-Dock -> Gestionnaire de theme.
Ordonnez par leur notem ou bien leur simplicite selon votre gout, selectionnez les 2 petites boites en bas de la page, choississez un theme et appliquez. Simple non?

Nous allons choisir le theme Clear" de Coz comme point de depart.

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

Le theme Clear de Coz pour Cairo-Dock

Changer et sauver les themes
une bonne habitude a prendre c'est de sauver vos themes apres avoir effectuer vos changements.
Pour sauver le theme en cours, ouvrez le gestionnaire de theme et dans le 2eme onglet entrez un nom pour votre theme puis appliquer

Si vous voulez changer de theme, choississez le dans le 12er onglet et appliquer.
VOus pouvez choisir d'y appliquer le comportement et/ou les launchers, mais dans la pratique vous voudrez sans doute garder les votres aussi soyez sur de deselectionner les 2 boites.

Si vous voulez effacer un theme, c'est sur le 3eme onglet que ca se pass. Selectionner les theme dont vous voulez vous debarrasser et valider, c'est radical.


Un survol rapide
Pour ouvir la configuration, un click a droite sur le dock, un click sur le menu Cairo-Dock et selectionnez Configuration.
Plusieurs categories sont disponible a gauche. Celle qui nous interresse est la 2eme (Apparence).
Mais d'abord passons en revue la 1ere category qui controle le comportement du dock.

Selectionnez la categorie "Comportement"; elle contient 4 modules (a droite):
  • Le 1er, Position, sert a modifier le placement du dock sur votre ecran (et sur quel ecran si vous utilisez Xinerama en multi-ecran).
  • Le 2eme, Accessibilite, definit comment vous accedez a vos docks : si il va se cacher automatiquement, si il restera en dessous des autres fenetres ou au contraire si on lui reserve une partie de l'ecran. On y decide aussi si les sous-docks s'ouvriront en cliquant dessus ou en les survolant avec la souris, etc...
  • Le 3eme, Barre des taches, est interressant. Vous pouvez activer ou desactiver l'affichage des applications ouvertes a l'interieur du dock. SI vous l'activez, plusieurs option 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 ferner les applications en utilisant le bouton du mileiu de vore 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 "Apparance"; une dizaine de modules y sont present; il definisse 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 Icones concerne l'affichage des icones : les themes d'icone, leur taille, leur ordre, etc...
  • Le module Etiquettes vous permet de personnaliser la maniere dont le texte au dessus et dans les icones va pparaitre.
  • Le module Vues controle comment vos docks et sous-docks seront dessinnes : sur un plan 3D , sur une courbe, sur une parabole, etc...
  • Le module Dialogues definit l'apparence de bulles que Cairo-Dock utilise pour les notifications.
  • Le module Desklets definit comme les applets sont affichees losrqu'elles sont detachees du dock, et vivent sur votre bureau.
  • Le module Indicateurs sert a personnaliser les indicateurs. Ce sont les graphiques qui sont affiches pour indique des choses telle que lorsque vous lacher un objet sur le dock, ou bien encore quelle est la fenetre active, ou quels lanceurs ont ete executes, etc...
  • Les autres modules sont la pour les animations et les effets speciaux sur les icones.

L'arriere 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 reafficher le dock survolez cette image (aussi appeler zone de rappel) avec vore souris. Normalement la zone est un rectangle avec une grande longueur et une petite hauteur donc choississez 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 theme Clear utilise précédemment avec une couleur d'arrière plan différente.

Les Icones
Occupons nous maintenant des icones elles memes.

  • Pour le moment décidons de l'aspect global des iconesAt this point, it is nice to decide of a global icon look. Vous pouvez trouver beaucoup de theme d'icones sur gnome-look.org ou ailleurs. Le dock vous laisse choisir d'utiliser au choix un theme d'icone ou vos propres icones (elles sont situe dans ~/.cairo-dock/current_theme/icons; quand vous chargez un theme depuis le gestionnaire de theme, c'est aussi la que seront mis ces icones). Si vous choississez un theme d'icone, decoche l'option qui indique d'utiliser les icones locales et entrez le nom du theme dans le champ adequat (par exemple Human, Gartoon, Crystal, etc...). Si vous simplement utiliser les icones du theme courant, laissez le champ vide.
Une maniere facile de modifier l'apparence global de vous icones consiste a rajouter un arriere plan sur chacune d'entre elle

Occupons nous maintenant de la maniere dont sont affichees les icones
  • D'abord nous avons le fameux effet Zoom; ce que vous voulez sans doute regle c'est la taille maximale du zoom : 1.2 donnera un petit effet alors que 2 sera plus prononce.
  • Ensuite nous avons la reflexion des icones (pour les vues qui le gere comme la vue 3D ou la vue Curve). Si vos souhaitez reduire la hauteur du dock, une maniere 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 icones en fonction de leur categorie. Ici encore vous pouvez reduire la taille du dock en utilisant de petits icones. 48*48 est une valeur standard.
  • finalement on peut ordonner les icones 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 icones 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 selection du theme Gartoon comme theme d'icone permet de changer tous vos icones en une seule passe pour donner un look completement different a votre dock

Note :
Vous pouvez aussi changer l'icone d'un seul launcher en cliquant a droite-> modifier le launcher. Indiquer le chemin complet pour accedr a l'image. Le meme principe s'applique pour les applets.

Note 2 :
Pour changer l'icone 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 icones fourni par X ,qui peuvent etre quelques fois abominable, et de chercher une icone plus jolie. Maintenant en supposant que Nautilus est actif avec son icone present dans le dock. Il y 2 possibilites :
      • Il y a aussi un launcher pour Nautilus dans le dock. Dans ce cas Cairo-Dock utilisera son icone pour l'application.
      • Il n'y a pas de launcher et dans ce cas Cairo-Dockcerchera pour uneimage qui s'apppele "nautilus.xxx" ("svg", "png", "xpm") e il y a de grane chance qu'une telle image existe dans le theme d'icone qu'on a choisi precedemment. Si vous preferez utiliser votre propre icone il vous sufit d la placer dans le repertoire d'icone local (~/.cairo-dock/current_theme/icons).
Comment appelez cette image ?
Chaque icone doit avoir le meme nom que la classe de l'application en question. La classe est pour la plupart du temps egale au nom de l'application mais pas toujours
Pour identifier cette classe faites en sorte que l'application sot active puis dans un terminal lancer la commande suivante :
xprop | grep WM_CLASS
Un petit pointeur va apporter et il vous suffit de cliquer sur l'applicaton en question pour que sa classe s'affiche dans le terminal, par example :
WM_CLASS(STRING) = "nautilus", "Nautilus"

Pour que Cairo-Dock utilise le bon icone vous devez nommer votre icone 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 differents des autres. En changeant son rendu vous lui donnez un aspect completement different.
Dans le module "Vues" vous pouvez selctionner le rendu des dock et des sous-docks.
Chaque sous-docks peut avoir sa propre vue (clic a droite -> "Modifier ce launcher"). Le meme 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 libelles des icones
Le module "Labels" vous permet de configurer le libelle et les infos des icones (les infos sont les petits textes affiches sur les icones pour vous informer par exemple du nombre de fichier dans la poubelle).

Vous pouvez changer la fonte, la taille et la couleur (degrade) 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 grace aux bulles d'information vous affichez differents 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 boutton "OK" ou "ANNULER" etc...

Plusieurs style sont disponible. Ils agissent sur la forme de la bulle. Par exemple "comics" genere des bulles qui ressembles a celles des bandes dessinees tandis que "tooltips" auras une fomre plus classique.

Les Desklets
Chaque applets peut-etre detachees du dock et positionnees sur le Bureau. Ce module vous permet de choisir une configuration par defaut pour tous les Desklets. chaque desklets peut bien sur avoir sa propre decoration.
Vous pouvez choisir un des themes disponible or creer le votre (il s'agit d'une image d'avant et d'arriere plan avec un ajustement vertical et horizontal).

Le petit je ne sais quoi qui distinguera votre theme des autres
Pour faire un theme vraiment personnel, vous devriez personaliser les <b>indicateurs</b>
Les indicators sont des petites images qui indique l'etat des icones ou des docks. Il y a des indicateurs pour les glisser-déposer et le déposer , les fenetres ou les launchers 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-etre une avec une orientation du haut vers le bas telle qu'une fleche, de la pluie, une chute d'etoile, etc...
  • L'indicateur déposer est un petit embleme qui s'afficher sur une icone quand vous y deposez un objet. Sa taille est equivalente au 1/3 de la taille de l'icone.
  • L'indicateur de fenetre active sur les icones de fenetres presentement actives. Ca peut-etre une image ou tout simplement une couleur d'avant ou d'arriere plan. Faites en sorte que ce soit discret car l'embleme est dessine car il est dessine a meme l'icone et a la meme taille.
  • L'indicateur de lanceur actif vous montre quelle lanceur ont deja ete executes lorsque vous activez l'option "mixer applications et lanceurs" de la barre des taches. Il est affcihe en bas de l'icone et vous pouvez ajuster sa position verticalement. Ca peut-etre un cercle ou une lumiere, etc... Essayez de choisir en fonction du theme et de la taille des icones.

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 icones" and "Effets des icones" vous permette de definir des animations ou des effets qui seront declenches lorsque vous cliquez ou survolez une icone avec la souris.
Si les effets vous semblent trop kitch, vous pouvez les parametrer individuellement. Vous pouvez aussi les releguer a l'arriere plan pour en attenuer l'impact.
Le module "Illusion" vous permet de choisir une animation lorsqu'une icone apparait ou disparait.

Derniere etape
On y est presque ! vous pouvez selectionner de quelles applets vous allez avoir besoin et ou elles seront placees ( dans le dock principal pour les avoir sous l'oeil, ou bien dans un sous dock ou sur le Bureau). Vous pouvez changer leur icone ou meme pour certain leur attribuer un theme (Clock, Dustbin, PowerManager, etc...).
Pour aller enncore plus loin vous pouvez essayer de faire votretheme de jauges bien a vous. Une jauge c'est juste quelques images et un fichier xml qui va decrire cette jauge. Des examples se trouvent dans /usr/share/cairo-dock/gauges.
Quand vous faite un theme personel pour une applet (une jauge, une horloge, une Poubelle...), mettez tous vos fichiers dans un repertoire qui portera le nomde votre theme 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
Choississez un lanceur ou une applet et ouvrez son panneau de configuration (<click droit> -> "modifier ce lanceur/applet").
Pour un lanceur derouler la partie "Extra Parametres", 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 creer avec ce nom et l'icone y sera a l'interieur. Vous pouvez ensuite remplir ce dock avec d'autres icones de la meme maniere.
Au depart ce dock est positionne en bas et au milieu de l'ecran; pour le deplacer, <click droit> -> "Cairo-dock" -> "Configurer ce dock".
Par contre tous les dock partagent la meme configuration et auront donc tous le meme look.

Il est possible d'avoir plusieurs dock chacun avec sont look mais cela necessite 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 leger possible ?

Le Kitsch c'est beau mais ca a un prix. Si vous trouver que votre dock devore vos ressources, voici quelques astuces qui pourront vous aider.
  • La meilleur maniere d'avoir un dock fluide c'est d'utiliser l'acceleration materielle (OpenGL). VOus aurez besoin d'une carte Nvidia ou une Intel avec un serveur le plus recent 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 leger. Essayer de reduire la tailles des icones (48x48 est un bon compromis) et reduire le zoom maximum a 1.2 ou moins.

  • De meme reduisez la surface de reflechissement.

  • Redsuisez le nombre d'icones dand votre dock.

  • Creer des sous-dock pour regrouper vos lanceurs et/ou vos applest par categories.

  • Utiliser la barre de tache pour grouper les applications par Class, melanger les applications et les lanceurs ou encore afficher les applications sur le Desktop courant seulement.
  • Utiliser plusieurs dock racine, chacun sur son bord d'ecran (voir le chapitre precedent).


Dans le module "System" utiliser l'option pour afficher les libelles seulement sur l'icone pointe par la souris.
Vous pouvez aussi reduire la frequence de rafraichissement (n'aller pas plus bas que 20Hz ou vous pourriez en fait aggraver la situation)
VOus pouvez aussi reduire ls frequence de rafraichissement de certaines applets. Par example ne pas afficher les secondes de l'horloge fera causera un rafraichissement par minute plutot qu'un par seconde). La RAM disponible peut aussi etre verifier tous les 10 secondes dans l'applet System-Monitor, etc...
Desactiver certaine applet comme Cairo-Penguin ou Toons.
Et enfin utiliser la vue "default" plutot que "3D-plane" or "Curve".


Conclusion
J'imagine que maintenant votre dock est completement de ce qu'il etait au commencement
J'espere que ce guide vous a ete utilise pour ne pas vous perdre durant la configuration. Si vous avez des commentaires/suggestions n'hesitez pas a m'ecrire a fabounet (at) users [dot] berlios -dot- de, ou venez nous visiter a http://glx-dock.org !

Fabounet and 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.