Aide:Monobook

Cet article n'est pas fini. Son état est provisoire et vous pouvez nous aider à l'améliorer.

Le monobook est une page dont dispose chaque utilisateur enregistré permettant de personnaliser l'apparence des pages de Wikipédia, et d'ajouter des outils pour faciliter l'interacton avec Wikipédia. Il s'agit en fait de deux pages :

• Special:Mypage/monobook.css pour personnaliser l'apparence grâce au CSS
• Special:Mypage/monobook.js pour ajouter des scripts JavaScript (petits logiciels)

Le nom de la sous-page ne prend pas de majuscule. Il faut écrire non pas Monobook.js mais bien monobook.js.

À qui s'adresse le monobook ?

Le monobook s'adresse aux utilisateurs voulant naviguer plus facilement au sein des pages, optimiser la recherche de contenu sur les différents projets Wikimedia, ou encore effectuant des tâches particulières et répétitives. C'est notamment le cas des administrateurs et modérateurs qui passent du temps à faire la maintenance des articles.

À quoi sert le monobook ?

Le fait de créer un compte vous donne accès à de nouvelles fonctionnalités prévues par le logiciel MediaWiki et à un monobook que vous pouvez personnaliser, qui sera chargé à chaque page.

Le monobook personnel permet d'offrir certaines fonctionnalités avancées et personnalisées. Grâce à lui, vous pouvez par exemple ajouter les codes wiki ou HTML pré-écrits que vous avez choisis. Si vous utilisez souvent des formules mathématiques complexes, vous pouvez ainsi les ajouter sans avoir à les taper à chaque fois. Bref, il vous simplifie la wikivie avec les scripts ainsi que rendre les couleurs du site plus à votre goût (par exemple).

Il existe un monobook par défaut qui régit l'ensemble du site et qui est chargé à chaque page. Il s'agit de MediaWiki:Monobook.css et de MediaWiki:Common.css pour l'apparence, ainsi que de MediaWiki:Monobook.js et de MediaWiki:Common.js pour les scripts.

Personnaliser l'apparence avec les CSS

Créez d'abord une sous-page de la forme Special:Mypage/monobook.css. Attention : le nom de la sous-page ne prend pas de majuscule : il faut écrire non pas Monobook.css mais monobook.css. Ensuite, pour personnaliser l'apparence, il vous faut connaître les rudiments des feuilles de style en cascade (CSS) et/ou prendre exemple sur MediaWiki:Monobook.css, MediaWiki:Common.css ou les monobook personnalisés des autres utilisateurs. Voici quelques exemples :

 /* '''Changer la couleur de fond des articles''' */
 .ns-0 * #content, .ns-0 * #p-cactions li, .ns-0 * #p-cactions li a {
   background:#FFEEEE; /* couleur rose comme cette page */
 }
 /* '''Afficher les liens déjà visités en vert''' */
 a:visited {
   color:green;
 }
 /* '''Retirer (la plupart) des bandeaux [[Modèle:Ébauche|{{ébauche}}]]''' */
 .stub { display:none; }

Vous pouvez prévisualiser (c'est d'ailleurs conseillé) l'apparence ainsi définie. Une fois satisfait, vous enregistrez, et devez recharger le cache (Mozilla / Konqueror / Firefox : Shift-Ctrl-R, IE / Opera : Ctrl-F5, Safari : Cmd-R) pour que les changement deviennent effectifs.

Personnaliser les scripts avec Javascript

De même que pour les CSS, il vous faut d'abord créer une sous-page de la forme Special:Mypage/monobook.js. Attention : le nom de la sous-page ne prend pas de majuscule : il faut écrire non pas Monobook.js mais monobook.js.

Vous pouvez prévisualiser (c'est d'ailleurs conseillé) le résultat des scripts et ainsi voir s'il fonctionnent bien sur votre ordinateur. Quand vous avez fini, vous enregistrez, et devez recharger le cache (Mozilla / Konqueror / Firefox : Shift-Ctrl-R, IE / Opera : Ctrl-F5, Safari : Cmd-R) pour que les changement deviennent effectifs.

Quelques opérations simples

Voici une liste de fonctions de base qui peuvent servir à élaborer des fonctions plus complexes

Ajouter un onglet en haut

Que dois-je ajouter dans ma page Special:Mypage/monobook.js pour me retrouver avec un onglet de plus (tel que un lien vers mon bac à sable) ?

Réponse :

addOnloadHook(function() {
     addPortletLink('p-cactions', '/wiki/Utilisateur:Yug/Bac à sable', 'Ma Zone Test');
   ;}

C'est aussi valable pour les boîtes à gauche ou la barre de boutons. Il faut remplacer 'p-cactions' par :

• 'p-personal' : barre utilisateur en haut à droite
• 'p-navigation' : pour la boite Navigation
• 'p-Contribuer' : pour la boîte Contribuer
• 'p-search' : pour la boîte Rechercher
• 'p-tb' : pour la Boîte à outils

Ajouter une boîte de liens à gauche

Que dois-je ajouter dans ma page monobook pour me retrouver avec un lien spécifique ?

Réponse :

  function nouvelleBoite() {
    var l = document.getElementById('column-one');
    if (!l) return;
    l.innerHTML = l.innerHTML
     + '<div class="portlet" id="p-nbx">'
     + ' <h5>Boîte perso</h5>'
     + ' <div class="pBody">'
     + '   <ul>'
     + '     <li><a href="http://fr.wikipedia.org/wiki/Special:Mypage/monobook.js">Mon monobook.js</a></li>'
     + '   </ul>'
     + ' </div>'
     + '</div> ';
  }
  addOnloadHook(nouvelleBoite);

Importer un monobook d'un autre Wiki

Travaillant sur plusieurs Wikis, vous pouvez unifier et synchroniser vos personnalisations et n'avoir à mettre à jour que la page monobook.js de votre compte « principal ». En admettant que GWiki soit le lieu où vous agissez en priorité et où votre monobook.js est déjà personnalisé, copiez/collez dans votre monobook.js de l'autre Wiki :

document.write('<'+'script type="text/javascript" src="http://fr.wikipedia.org/w/index.php?title=Utilisateur:Bidule/monobook.js&action=raw&ctype=text/javascript&dontcountme=s" />');

Pour importer votre monobook.css, coller cette ligne dans le monobook.css de l'autre Wikipédia :

@import "http://gwiki.fr/w/index.php?title=Utilisateur:Bidule/monobook.css&action=raw&ctype=text/css";

« Bidule » étant à remplacer par votre nom d'utilisateur de l'autre Wikipédia. En n'oubliant pas, le cas échéant, de transformer les caractères accentués et en remplaçant les espaces de votre nom d'utilisateur par _ (souligné).

Attention

Les règles @import doivent précéder toutes autres règles dans la feuille de style.

Voir aussi

Monobook généraux

• CSS : MediaWiki:Common.css (commun à toutes les apparences) - MediaWiki:Monobook.css (spécifique à l'apparence Monobook)
• JavaScript : MediaWiki:Common.js (commun à toutes les apparences) - MediaWiki:Monobook.js (spécifique à l'apparence Monobook)

Exemples de codes pour le monobook

En utilisant l'apparence monobook (voir préférences), vous pouvez dorénavant modifier chaque aspect de l'interface spécifiée à https://www.gwiki.fr/style/monobook/main.css et à MediaWiki:Monobook.css en utilisant votre propre Javascript ou CSS.

Les modifications se placent dans deux sous-pages de votre page d'utilisateur :

• monobook.css
• et monobook.js

Il vous suffit d'écrire quelques lignes de css/js dans cette page, et recharger/actualiser la page (CTRL-F5).

Le contenu de ces pages est visible par les autres utilisateurs, mais modifiable seulement par l'utilisateur titulaire du compte (et les administrateurs).

Note: Si vous utilisez une autre apparence, c'est le même principe sauf qu'il vous faut remplacer monobook par le nom de votre style.

→ Pour une description plus détaillée du monobook et obtenir des scripts Javascript plus simples que ceux présentés ci-dessous (et presque clé en main), voir l'article Aide:Monobook.

→ Une partie des fonctions peut être trouvé sur meta:Aide:Personnalisation.

CSS

Le fichier à modifier est monobook.css.

Classes

Les pages liste de suivi et modifications récentes utilisent deux classes : autocomment and new, liens cassés (voir le source HTML de ces pages). Cela permet de spécifier des polices et des couleurs séparées pour chaque classe.

La page historique utilise les classes : autocomment, user and minor (pour les modifications mineures du code).

Dès lors la police spécifiée pour user s'appliquera à la page historique mais pas à liste de suivi et modifications récentes.

Arrondir les coins

Ceci ne fonctionne que pour les navigateurs utilisant Gecko (Mozilla / Mozilla Firefox).

Numéroter automatiquement les titres et sous-titres des articles

Note : Fonction dispo dans "Préférences" / "préférences diverses" / "Afficher la numérotation des titres".

Menus monobook avec polices serif dans le cadre de contenu

Tillwe (utilisateur sur w:en) a fait des essais de menus monobook avec des polices serif à [1] dont vous pouvez copier la première partie pour tester.

Déplacer les liens de catégorie

Déplace les liens de catégorie dans le coin supérieur droit du cadre de contenu avec un fond gris -- Tillwe 21:22, 31 May 2004 (UTC)

Remplacer les boutons gris

Le code suivant permet de pouvoir configurer les boutons « Consulter », « Rechercher », « Sauvegarder » et « Prévisualisation » (afin de récupérer, par exemple, les boutons blancs à bord bleu apparus avec MediaWiki 1.4 et disparus quelques mois plus tard), mais aussi les boîtes de saisie « recherche » et « résumé de modification », moyennant divers réglages sur les classes ou identificateurs qui leurs correspondent.

Indentations sur fond jaune des pages de discussion

Ne concerne que le Wikipédia francophone. Le code suivant permet de faire disparaître, sur les pages de discussion (Discuter, Discussion, + Le Bistro et sous-pages) le fond jaune des discussions indentées, ainsi que les lignes de bordure qui les accompagnent.

Centrer et changer la police des catégories

Code pour changer l'alignement (center ou right) et la police des catégories.

Ici, l'alignenement est centré et la police est Arial.

Modifier la police...

Remplacer Comic sans Ms par la police voulue.

Pas de sommaire

#toc {display:none}

Supprimer les bandeaux de série

Pour les bandeaux verticaux (latéraux)

.WSerieV {display:none}

Pour les bandeaux horizontaux

.WSerieH {display:none}

Modifier

Ce code permet d'épurer l'apparence du modèle , pour le faire ressembler à :

Article détaillé : Pissenlit. 15px

Modèle:Boîte déroulante Ceci affecte également les modèles , et . La manipulation est similaire pour la classe principal, utilisée par ce dernier.

Javascript

Dans ce cas, la page à modifier est monobook.js. Pour une liste des fonctions les plus avancées consultez Aide:Monobook/Fonctions avancées.

Ajouter un bouton de recherche wikipédia + onglet Google

En plus de l'onglet Google ce morceau de script ajoute un lien pour rechercher l'article dans n'importe quel wikipédia ainsi que dans commons (écrit com, common ou commons) et meta (marche aussi avec l'accent). Tapez le nom du wiki (ex: en, it, commons, meta) et cliquez sur le lien. Par défaut la recherche se fait dans en.wikipedia.org, pour le modifier il faut changer var whichWiki = "en" en ce que l'on veut.
Note: à présent on peut aussi rechercher pendant que l'on modifie l'article (le nom est retrouvé).

[Dernière modification le 27 novembre 2005 à 01:30 (CET) par GôTô ¬¬]

Ajouter un lien au menu utilisateur (en haut à droite)

Copier/coller le code dans monobook.js puis modifier:

• nom de la page par l'adresse de la page souhaitée
• Titre du lien par le titre souhaité