Bureaucrates, Vérificateurs IP, emailconfirmed, Administrateurs d’interface, Patrouilleurs, Administrateurs système, Administrateurs (MediaWiki Sémantique), Conservateurs (Médiawiki Sémantique), Administrateurs
55 954
modifications
Différences entre les versions de « Aide:Monobook »
m
aucun résumé de modification
m |
m |
||
| Ligne 1 : | Ligne 1 : | ||
{{Icône|Lien=Aide:Aide|Texte=Sommaire de l'aide|Image=Icone Aide.png|Taille=20}} | {{Icône|Lien=Aide:Aide|Texte=Sommaire de l'aide|Image=Icone Aide.png|Taille=20}} | ||
Le ''' | Le '''Monobook''' est une page dont dispose chaque utilisateur enregistré permettant de personnaliser l'apparence des pages de '''''GWiki''''', et d'ajouter des outils pour faciliter l'interaction avec le wiki. Il s'agit en fait de deux pages : | ||
* ''[[Special:Mypage/monobook.css]]'' pour personnaliser l'apparence grâce au CSS | * ''[[Special:Mypage/monobook.css]]'' pour personnaliser l'apparence grâce au CSS | ||
* ''[[Special:Mypage/monobook.js]]'' pour ajouter des scripts JavaScript ( | * ''[[Special:Mypage/monobook.js]]'' pour ajouter des scripts JavaScript (petites extensions logiciels) | ||
;'''Le nom de la sous-page ne prend pas de majuscule'''. Il faut écrire non pas <s>Monobook.js</s> mais bien '''monobook.js'''. | ; '''Le nom de la sous-page ne prend pas de majuscule'''. Il faut écrire non pas <s>Monobook.js</s> mais bien '''monobook.js'''. | ||
== À qui s'adresse le monobook ? == | == À qui s'adresse le monobook ? == | ||
Le monobook s'adresse aux utilisateurs voulant naviguer plus facilement au sein des pages, optimiser la recherche de contenu, 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. | |||
Le monobook s'adresse aux utilisateurs voulant naviguer plus facilement au sein des pages, optimiser la recherche de contenu | |||
== À quoi sert le monobook ? == | == À quoi sert le monobook ? == | ||
Le fait de créer un compte vous donne accès à de nouvelles fonctionnalités prévues par le logiciel [[mw:Accueil|MediaWiki]] et à un monobook que vous pouvez personnaliser, qui sera chargé à chaque page. | |||
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). | 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. | 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. (actuellement désactivés sur '''''GWiki''''') | ||
== Personnaliser l'apparence avec les CSS == | == 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 <s>Monobook.css</s> 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 monobooks personnalisés des autres utilisateurs. | |||
Voici quelques exemples : | Voici quelques exemples : | ||
<pre> /* '''Changer la couleur de fond des articles''' */ | <pre> | ||
/* '''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 */ | background:#FFEEEE; /* couleur rose comme cette page */ | ||
} | |||
/* '''Afficher les liens déjà visités en vert''' */ | |||
a:visited { | |||
color:green; | color:green; | ||
} | |||
/* '''Retirer (la plupart) des bandeaux [[Modèle:Ébauche|{{ébauche}}]]''' */ | |||
.stub { display:none; } | |||
</pre> | |||
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. | 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. | ||
| Ligne 48 : | Ligne 48 : | ||
Réponse : | Réponse : | ||
<pre> | |||
addOnloadHook(function() { | |||
addPortletLink('p-cactions', '/wiki/Utilisateur:Yug/Bac à sable', 'Ma Zone Test'); | |||
;} | |||
</pre> | |||
C'est aussi valable pour les boîtes à gauche ou la barre de boutons. Il faut remplacer <code>'p-cactions'</code> par : | C'est aussi valable pour les boîtes à gauche ou la barre de boutons. Il faut remplacer <code>'p-cactions'</code> par : | ||
* <code>'p-personal'</code> : barre utilisateur en haut à droite | * <code>'p-personal'</code> : barre utilisateur en haut à droite | ||
| Ligne 63 : | Ligne 66 : | ||
Réponse : | Réponse : | ||
<pre> | <pre> | ||
function nouvelleBoite() { | |||
var l = document.getElementById('column-one'); | var l = document.getElementById('column-one'); | ||
if (!l) return; | if (!l) return; | ||
| Ligne 75 : | Ligne 78 : | ||
+ ' </div>' | + ' </div>' | ||
+ '</div> '; | + '</div> '; | ||
} | |||
addOnloadHook(nouvelleBoite); | |||
</pre> | </pre> | ||
== Importer un monobook d'un autre Wiki == | == Importer un monobook d'un autre Wiki == | ||
Travaillant sur plusieurs | 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 : | ||
<nowiki>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" />');</nowiki> | <nowiki>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" />');</nowiki> | ||
Pour importer votre monobook.css, coller cette ligne dans le monobook.css de l'autre | Pour importer votre monobook.css, coller cette ligne dans le monobook.css de l'autre wiki : | ||
<nowiki>@import "http://gwiki.fr/w/index.php?title=Utilisateur:Bidule/monobook.css&action=raw&ctype=text/css";</nowiki> | <nowiki>@import "http://gwiki.fr/w/index.php?title=Utilisateur:Bidule/monobook.css&action=raw&ctype=text/css";</nowiki> | ||
« Bidule » étant à remplacer par votre nom d'utilisateur de l'autre | « Bidule » étant à remplacer par votre nom d'utilisateur de l'autre wiki. 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. | ;Attention: Les règles @import doivent précéder toutes autres règles dans la feuille de style. | ||
== Voir aussi == | == Voir aussi == | ||
; Monobook généraux : | |||
;Monobook généraux : | |||
* CSS : [[MediaWiki:Common.css]] (commun à toutes les apparences) - [[MediaWiki:Monobook.css]] (spécifique à l'apparence Monobook) | * 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) | * JavaScript : [[MediaWiki:Common.js]] (commun à toutes les apparences) - [[MediaWiki:Monobook.js]] (spécifique à l'apparence Monobook) | ||
== Exemples de codes pour le monobook == | |||
= Exemples de codes pour le monobook = | === CSS === | ||
== CSS == | |||
Le fichier à modifier est [[Special:Mypage/monobook.css|monobook.css]]. | Le fichier à modifier est [[Special:Mypage/monobook.css|monobook.css]]. | ||
=== Classes=== | ==== 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. | 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. | ||
| Ligne 111 : | Ligne 111 : | ||
Dès lors la police spécifiée pour ''user'' s'appliquera à la page '''historique''' mais pas à '''liste de suivi''' et '''modifications récentes'''. | Dès lors la police spécifiée pour ''user'' s'appliquera à la page '''historique''' mais pas à '''liste de suivi''' et '''modifications récentes'''. | ||
=== Échantillons === | ==== Échantillons ==== | ||
<pre> | <pre> | ||
/* pour mettre autre chose à la place du fond monobook */ | /* pour mettre autre chose à la place du fond monobook */ | ||
| Ligne 152 : | Ligne 152 : | ||
</pre> | </pre> | ||
=== Arrondir les coins === | ==== Arrondir les coins ==== | ||
Ceci ne fonctionne que pour les navigateurs utilisant Gecko (Mozilla / Mozilla Firefox). | Ceci ne fonctionne que pour les navigateurs utilisant Gecko (Mozilla / Mozilla Firefox). | ||
| Ligne 174 : | Ligne 173 : | ||
</pre> | </pre> | ||
=== Numéroter automatiquement les titres et sous-titres des articles === | ==== 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". | Note : Fonction dispo dans "Préférences" / "préférences diverses" / "Afficher la numérotation des titres". | ||
<pre> | <pre> | ||
| Ligne 202 : | Ligne 201 : | ||
}</pre> | }</pre> | ||
=== Déplacer les liens de catégorie === | ==== 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 | Déplace les liens de catégorie dans le coin supérieur droit du cadre de contenu avec un fond gris | ||
| Ligne 241 : | Ligne 240 : | ||
}</pre> | }</pre> | ||
=== Arrière-plan des pages spéciales === | ==== Arrière-plan des pages spéciales ==== | ||
<pre> | |||
<pre>/* Classes à modifier, pour qui ne veut pas de couleur pour les pages spéciales... */ | /* Classes à modifier, pour qui ne veut pas de couleur pour les pages spéciales... */ | ||
/* .ns-6, .ns-10 et .ns-14 actuellement non modifiées dans /wiki/MediaWiki:Monobook.css */ | /* .ns-6, .ns-10 et .ns-14 actuellement non modifiées dans /wiki/MediaWiki:Monobook.css */ | ||
| Ligne 276 : | Ligne 275 : | ||
/* Pages Catégorie, puis pages de discussion Catégorie */ | /* Pages Catégorie, puis pages de discussion Catégorie */ | ||
.ns-14 * #content, .ns-14 * #p-cactions li, .ns-14 * #p-cactions li a {background: #ffffff} | .ns-14 * #content, .ns-14 * #p-cactions li, .ns-14 * #p-cactions li a {background: #ffffff} | ||
.ns-15 * #content, .ns-15 * #p-cactions li, .ns-15 * #p-cactions li a {background: #ffffff}</pre> | .ns-15 * #content, .ns-15 * #p-cactions li, .ns-15 * #p-cactions li a {background: #ffffff} | ||
</pre> | |||
=== Remplacer les boutons gris === | ==== 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. | 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. | ||
<pre>/* hide this from ie/mac and konq2.2 */ | <pre> | ||
/* hide this from ie/mac and konq2.2 */ | |||
@media All { | @media All { | ||
| Ligne 295 : | Ligne 296 : | ||
}</pre> | }</pre> | ||
=== Indentations sur fond jaune des pages de discussion === | ==== Indentations sur fond jaune des pages de discussion ==== | ||
Le code suivant permet de '''faire disparaître, sur les pages de discussion le fond jaune des discussions indentées, ainsi que les lignes de bordure qui les accompagnent'''. | Le code suivant permet de '''faire disparaître, sur les pages de discussion le fond jaune des discussions indentées, ainsi que les lignes de bordure qui les accompagnent'''. | ||
<pre>/* pour désactiver fond jaune et bordure des discussions indentées dans les pages de discussion */ | <pre> | ||
/* pour désactiver fond jaune et bordure des discussions indentées dans les pages de discussion */ | |||
.ns-1 dl, .ns-3 dl, .ns-5 dl, .ns-7 dl, .ns-9 dl, .ns-11 dl, .ns-13 dl, .ns-15 dl | .ns-1 dl, .ns-3 dl, .ns-5 dl, .ns-7 dl, .ns-9 dl, .ns-11 dl, .ns-13 dl, .ns-15 dl | ||
{ border: none} | { border: none} | ||
| Ligne 332 : | Ligne 334 : | ||
.ns-1 dl dl dl dl dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl dl dl dl dl, .ns-5 dl dl dl dl dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl dl dl dl dl, .ns-9 dl dl dl dl dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl dl dl dl dl, .ns-13 dl dl dl dl dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl dl dl dl dl | .ns-1 dl dl dl dl dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl dl dl dl dl, .ns-5 dl dl dl dl dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl dl dl dl dl, .ns-9 dl dl dl dl dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl dl dl dl dl, .ns-13 dl dl dl dl dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl dl dl dl dl | ||
{ background-color: transparent } | { background-color: transparent } | ||
/* fin du listing de désactivation */</pre> | /* fin du listing de désactivation */ | ||
</pre> | |||
=== Centrer et changer la police des catégories === | ==== Centrer et changer la police des catégories ==== | ||
Code pour changer l'alignement (''center'' ou ''right'') et 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. | Ici, l'alignenement est centré et la police est Arial. | ||
<pre>p.catlinks { | <pre> | ||
p.catlinks { | |||
font-family:Arial; | font-family:Arial; | ||
font-size:100 %; | font-size:100 %; | ||
| Ligne 347 : | Ligne 351 : | ||
white-space:normal; | white-space:normal; | ||
margin: 0.2em; | margin: 0.2em; | ||
}</pre> | } | ||
</pre> | |||
=== Modifier la police... === | ==== Modifier la police... ==== | ||
Remplacer Comic sans Ms par la police voulue. | Remplacer Comic sans Ms par la police voulue. | ||
==== des titres des articles ==== | ===== ...des titres des articles... ===== | ||
<pre>h1 { | <pre> | ||
h1 { | |||
font-family: Comic Sans MS; | font-family: Comic Sans MS; | ||
} | |||
</pre> | |||
==== des boutons rechercher et consulter ==== | ===== ...des boutons rechercher et consulter ===== | ||
<pre>input.searchButton { | <pre> | ||
input.searchButton { | |||
font-family: Comic Sans MS; | font-family: Comic Sans MS; | ||
} | } | ||
#searchInput { border: 1px inset !important; }</pre> | #searchInput { border: 1px inset !important; } | ||
</pre> | |||
==== Pas de sommaire ==== | |||
=== Pas de sommaire === | |||
<pre>#toc {display:none}</pre> | <pre>#toc {display:none}</pre> | ||
=== Javascript === | |||
Dans ce cas, la page à modifier est [[Special:Mypage/monobook.js|monobook.js]]. | |||
= | ==== Personnaliser les caractères spéciaux ==== | ||
<pre> | |||
=== Personnaliser les caractères spéciaux === | function customSpecialChars() | ||
<pre>function customSpecialChars() | |||
{ | { | ||
var elmtP = document.getElementById("specialchars") | var elmtP = document.getElementById("specialchars") | ||
| Ligne 396 : | Ligne 405 : | ||
} | } | ||
addLoadEvent(customSpecialChars)</pre> | addLoadEvent(customSpecialChars) | ||
</pre> | |||
=== Ajouter un lien au menu ''utilisateur'' (en haut à droite) === | ==== Ajouter un lien au menu ''utilisateur'' (en haut à droite) ==== | ||
Copier/coller le code dans monobook.js puis modifier: | Copier/coller le code dans monobook.js puis modifier: | ||
* ''nom de la page'' par l'adresse de la page souhaitée | * ''nom de la page'' par l'adresse de la page souhaitée | ||
| Ligne 428 : | Ligne 438 : | ||
} | } | ||
addLoadEvent(nouveauLien);</pre> | addLoadEvent(nouveauLien); | ||
</pre> | |||