Moderateur
1 943
modifications
Différences entre les versions de « Aide:Monobook »
m
→Exemples de codes pour le monobook
m (Nouvelle page: {{En construction}} Le '''monobook''' est une page dont dispose chaque utilisateur enregistré permettant de personnaliser l'apparence des pages de Wikipédia, et d'ajouter des outil...) |
|||
| Ligne 102 : | Ligne 102 : | ||
= 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]]. | ||
| Ligne 132 : | Ligne 113 : | ||
=== Échantillons === | === Échantillons === | ||
<pre> | |||
< | |||
/* pour mettre autre chose à la place du fond monobook */ | /* pour mettre autre chose à la place du fond monobook */ | ||
body { background: Purple; } | body { background: Purple; } | ||
| Ligne 173 : | Ligne 151 : | ||
/* désactiver les petits caractères de la balise <small> AJOUTÉS dans les pages */ | /* désactiver les petits caractères de la balise <small> AJOUTÉS dans les pages */ | ||
small {font-size: 1em} | small {font-size: 1em} | ||
</pre> | |||
</ | |||
=== Arrondir les coins === | === Arrondir les coins === | ||
| Ligne 181 : | Ligne 157 : | ||
Ceci ne fonctionne que pour les navigateurs utilisant Gecko (Mozilla / Mozilla Firefox). | Ceci ne fonctionne que pour les navigateurs utilisant Gecko (Mozilla / Mozilla Firefox). | ||
<pre> | |||
< | |||
/* Fenêtres arrondies (pour les navigateurs moz/firefox/gecko) */ | /* Fenêtres arrondies (pour les navigateurs moz/firefox/gecko) */ | ||
| Ligne 198 : | Ligne 173 : | ||
-moz-border-radius-topleft: 0.5em; | -moz-border-radius-topleft: 0.5em; | ||
} | } | ||
</ | </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> | |||
< | |||
.ns-0 #toc { | .ns-0 #toc { | ||
counter-reset: chapter -1; | counter-reset: chapter -1; | ||
| Ligne 229 : | Ligne 201 : | ||
content: counter(chapter) "." counter(section) "." counter(sousection) " · "; | content: counter(chapter) "." counter(section) "." counter(sousection) " · "; | ||
counter-increment: sousection; | counter-increment: sousection; | ||
} | }</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 | |||
<pre>/******************************************************************/ | |||
< | |||
/******************************************************************/ | |||
/* moving catlinks to the right */ | /* moving catlinks to the right */ | ||
/******************************************************************/ | /******************************************************************/ | ||
| Ligne 277 : | Ligne 240 : | ||
p.catlinks a { | p.catlinks a { | ||
color:#888888; | color:#888888; | ||
} | }</pre> | ||
</ | |||
=== Arrière-plan des pages spéciales === | === Arrière-plan des pages spéciales === | ||
<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 304 : | Ligne 263 : | ||
.ns-7 * #content, .ns-7 * #p-cactions li, .ns-7 * #p-cactions li a {background: #ffffff} | .ns-7 * #content, .ns-7 * #p-cactions li, .ns-7 * #p-cactions li a {background: #ffffff} | ||
/* Pages | /* Pages GWiki, puis pages de discussion MediaWiki */ | ||
.ns-8 * #content, .ns-8 * #p-cactions li, .ns-8 * #p-cactions li a {background: #ffffff} | .ns-8 * #content, .ns-8 * #p-cactions li, .ns-8 * #p-cactions li a {background: #ffffff} | ||
.ns-9 * #content, .ns-9 * #p-cactions li, .ns-9 * #p-cactions li a {background: #ffffff} | .ns-9 * #content, .ns-9 * #p-cactions li, .ns-9 * #p-cactions li a {background: #ffffff} | ||
| Ligne 318 : | Ligne 277 : | ||
/* 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} | .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 */ | |||
< | |||
/* hide this from ie/mac and konq2.2 */ | |||
@media All { | @media All { | ||
| Ligne 352 : | Ligne 294 : | ||
} | } | ||
} | }</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'''. | |||
<pre>/* pour désactiver fond jaune et bordure des discussions indentées dans les pages de discussion */ | |||
< | |||
/* 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 395 : | Ligne 333 : | ||
.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 */ | /* 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 { | |||
< | |||
p.catlinks { | |||
font-family:Arial; | font-family:Arial; | ||
font-size:100 %; | font-size:100 %; | ||
| Ligne 416 : | Ligne 348 : | ||
white-space:normal; | white-space:normal; | ||
margin: 0.2em; | margin: 0.2em; | ||
} | }</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 { | |||
< | |||
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 { | |||
< | |||
input.searchButton { | |||
font-family: Comic Sans MS; | font-family: Comic Sans MS; | ||
} | } | ||
#searchInput { border: 1px inset !important; } | #searchInput { border: 1px inset !important; }</pre> | ||
</ | |||
=== Pas de sommaire === | === Pas de sommaire === | ||
<pre>#toc {display:none}</pre> | |||
== Javascript == | == Javascript == | ||
Dans ce cas, la page à modifier est [[Special:Mypage/monobook.js|monobook.js]]. | Dans ce cas, la page à modifier est [[Special:Mypage/monobook.js|monobook.js]]. | ||
=== Personnaliser les caractères spéciaux === | === Personnaliser les caractères spéciaux === | ||
<pre>function customSpecialChars() | |||
< | |||
function customSpecialChars() | |||
{ | { | ||
var elmtP = document.getElementById("specialchars") | var elmtP = document.getElementById("specialchars") | ||
| Ligne 669 : | Ligne 397 : | ||
} | } | ||
addLoadEvent(customSpecialChars) | 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 | ||
* ''Titre du lien'' par le titre souhaité | * ''Titre du lien'' par le titre souhaité | ||
<pre> | |||
< | |||
function addLoadEvent(func) | function addLoadEvent(func) | ||
{ | { | ||
| Ligne 706 : | Ligne 429 : | ||
} | } | ||
addLoadEvent(nouveauLien); | addLoadEvent(nouveauLien);</pre> | ||
</ | |||