Aide:Personnaliser monobook

CSS
Monobook
Aide • Personnaliser
Fonctions avancées
(en) User styles
monobook.css personnel
monobook.css commun
common.css
main.css logiciel
(en) Catalogue of classes
Index des propriétés CSS2
JavaScript
monobook.js personnel
common.js commun
Projet:JavaScript
Fonctions JavaScript
*Cliquez ici pour purger le cache*

En utilisant l'apparence monobook (voir .

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 de 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-après (et presque clé en main), voir l'article Aide:Monobook.

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

Sommaire

1 CSS
2 Javascript
3 Quelques liens utiles
- 3.1 CSS
  - 3.1.1 Coins arrondis (anglais)
- 3.2 JavaScript

CSS

Le fichier à modifier est monobook.css.

Essentiel CSS pour personnaliser monobook


Syntaxe du CSS de l'interface de MediaWiki Le style de tout Wiki utilisant MediaWiki est modifiable par les administrateurs du wiki. Certaines pages clefs permettent les modifications majeures. Elles, et leurs syntaxes sont présentées ci-dessous.
Pages		Focus
Special:Allmessages →MediaWiki:Sidebar →MediaWiki:Sitenotice → ...	Chaines de caractères visibles →colone de gauche →message central supérieur temporaire → ...
MediaWiki:Common.css MediaWiki:Modern.css Special:Mypage/Myskin.css	Styles des éléments du wiki: couleurs, tailles,... Les ajouts affecterons Common.css* et tous les skins. Les ajouts affecterons Modern.css* et tous ses utilisateurs. Les ajouts affecterons l'utilisateur MyName (son skin). * fichier non-modifiable, sur le serveur. Voir WP:CSSsytem
CSS texte format	introduction
#block elemt.class { varbls } #block {} element { } .class {}	Dans le bloc <block></block>, si également dans l'élément <elemt></elemt> ET classe "class", alors appliquer le style des variables.
CSS Texte format	Description et variables fréquentes
a { } a:visited { } #mw_content a.external { }	Changer le style des liens internes → color
body { } #mw_content { } textarea { }	Fond général, visible à gauche Zone de la page, à droite Zone d'édition → background
#p-personal ul { } #p-cactions { } #firstHeading	Outils de l'utilisateur, en haut. Outils de la page, en haut Titre page → background
#mw_portlets { } .portlet h5 { }	Colone de gauche: toutes boîtes, et tous titres → background, color, border-bottom, border-top
#toc { } #toc #toctitle { }	Table of Content, et titre → background, color, font-size, border, border-bottom
h1, h2, h3, h4, h5, h6 { }	Colone de droite, Titre sections → background, color, font-size
table.wikitable { } .wikitable caption {} .wikitable th, .wikitable td {}	Wikitable → background, color, border, font-size, text-align border-collapse: collapse;
#footer { }	Bas de page Style: → background, color, border, font-size, text-align Contenu: → nécessite admin serveur (MonoBook.php > $footerlinks)
http://fr.wikipedia.org

Classes

Les pages liste de suivi et modifications récentes utilisent deux classes : autocomment et new, liens cassés (voir le code 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 et 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.

Échantillons

Code pour « Échantillons »

/* pour mettre autre chose à la place du fond monobook */
body { background: Purple; }
 
/* supprimer l'icône à côté du nom d'utilisateur */
li#pt-userpage { background: none }
 
/* Rendre plus discret le lien "modifier" */
.editsection {font-size: 0.8em; color: gray}
.editsection a {color: gray; margin: 0.5em}
 
/* utiliser la configuration du navigateur comme préférences pour la taille du texte et la police */
body, #globalWrapper { font: inherit !important; }
 
/* toujours souligner les liens */
a { text-decoration: underline; }
 
/* interdire le soulignement des liens au survol de la souris */
a:hover {text-decoration: none;}
 
/* changer la couleur des onglets non sélectionnés */
#p-cactions ul li a { background: #C7FDC7; }
 
/* changer la couleur des onglets sélectionnés */
#p-cactions ul li.selected a { background: white; }
 
/* changer la couleur de bordure des onglets sélectionnés */
#p-cactions li.selected { border-color: #aaaaaa; }
 
/* styliser la boite de recherche et ses boutons */
input.searchButton {
    background-color: #efefef !important;
    border: 1px outset !important;  
}
#searchInput { border: 1px inset !important; }
 
/* désactiver les petits caractères de la balise <small> AJOUTÉS dans les pages */
small {font-size: 1em}

Arrondir les coins

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

Code pour « Arrondir les coins »

/* Fenêtres arrondies (pour les navigateurs moz/firefox/gecko) */
 
.pBody {
   padding: 0.3em 0.3em;
   -moz-border-radius-topright: 0.5em;
}
 
.portlet h5 {
   -moz-border-radius-topright: 0.5em;
}
 
#p-cactions ul li, #p-cactions ul li a {  
  -moz-border-radius-topright: 0.5em;
  -moz-border-radius-topleft: 0.5em;
}

Et pour Webkit (Safari, Shiira...)

Code pour « Arrondir les coins »

/* Fenêtres arrondies (pour les navigateurs webkit/safari) */
 
.pBody {
   padding: 0.3em 0.3em;
   -webkit-border-top-right-radius: 0.5em;
}
 
.portlet h5 {
   -webkit-border-top-right-radius: 0.5em;
}
 
#p-cactions ul li, #p-cactions ul li a {  
  -webkit-border-top-right-radius: 0.5em;
  -webkit-border-top-left-radius: 0.5em;
}

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

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

Code pour « Numéroter automatiquement les titres et sous-titres des articles »

.ns-0 #toc {
    counter-reset: chapter -1;
}
.ns-0 H1 {
    counter-reset: chapter;
}
.ns-0 H2:before {
    content: counter(chapter) " · ";
    counter-increment: chapter;
}
.ns-0 H2 {
    counter-reset: section;
}
.ns-0 H3:before {
    content: counter(chapter) "." counter(section) " · ";
    counter-increment: section;
}
.ns-0 H3 {
    counter-reset: sousection;
}
.ns-0 H4:before {
    content: counter(chapter) "." counter(section) "." counter(sousection) " · ";
    counter-increment: sousection;
}

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 à en:User:Tillwe/monobook.css 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)

Code pour « Déplacer les liens de catégorie »

/******************************************************************/
/* moving catlinks to the right                                   */
/******************************************************************/
 
/* déplace la boite du lien de catégorie */
#catlinks {  
  position:absolute;
  z-index:1;
/*  border: 1px solid #aaaaaa; 
  background: #fafaff; */
  right:1em; 
  top:-0.25em;
  width:10.5em;
  float:right;
  margin: 0.2em;
  padding:0.2em;
}
 
/* format le lien de catégorie lui-même */
p.catlinks {
  color: #aaaaaa;
  font-family: Verdana,sans-serif;
  font-size:67%;
  line-height: 1.5em;
  text-align:left;
  text-indent:0;
  text-transform: none;
  white-space:normal;
  margin: 0.2em;
}
 
/* format du lien */
p.catlinks a {
  color:#888888;
}

Arrière-plan des pages spéciales

Code pour « Arrière-plan des 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 */
 
/* Articles puis pages de discussion des articles */
.ns-0 * #content, .ns-0 * #p-cactions li, .ns-0 * #p-cactions li a {background: #ffffff}
.ns-1 * #content, .ns-1 * #p-cactions li, .ns-1 * #p-cactions li a {background: #ffffff}
 
/* Pages Utilisateur, puis pages de discussion Utilisateur */
.ns-2 * #content, .ns-2 * #p-cactions li, .ns-2 * #p-cactions li a {background: #ffffff}
.ns-3 * #content, .ns-3 * #p-cactions li, .ns-3 * #p-cactions li a {background: #ffffff}
 
/* Pages Wikipédia, puis pages de discussion Wikipédia */
.ns-4 * #content, .ns-4 * #p-cactions li, .ns-4 * #p-cactions li a {background: #ffffff}
.ns-5 * #content, .ns-5 * #p-cactions li, .ns-5 * #p-cactions li a {background: #ffffff}
 
/* Pages Image, puis pages de discussion Image */
.ns-6 * #content, .ns-6 * #p-cactions li, .ns-6 * #p-cactions li a {background: #ffffff}
.ns-7 * #content, .ns-7 * #p-cactions li, .ns-7 * #p-cactions li a {background: #ffffff}
 
/* Pages MediaWiki, puis pages de discussion MediaWiki */
.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}
 
/* Pages Modèle, puis pages de discussion Modèle */
.ns-10 * #content, .ns-10 * #p-cactions li, .ns-10 * #p-cactions li a {background: #ffffff}
.ns-11 * #content, .ns-11 * #p-cactions li, .ns-11 * #p-cactions li a {background: #ffffff}
 
/* Pages Aide, puis pages de discussion Aide */
.ns-12 * #content, .ns-12 * #p-cactions li, .ns-12 * #p-cactions li a {background: #ffffff}
.ns-13 * #content, .ns-13 * #p-cactions li, .ns-13 * #p-cactions li a {background: #ffffff}
 
/* 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-15 * #content, .ns-15 * #p-cactions li, .ns-15 * #p-cactions li a {background: #ffffff}

Pas de couleur verte pour signaler les redirections

Code pour « Pas de couleur verte pour signaler les redirections »

Ce code permet, dans Special:Allpages et Special:Watchlist/edit, de ne pas faire apparaître les pages de redirection avec une couleur différente de celles des « liens bleus » (pages non visitées) et « bleu modifié » (pages visitées) habituellement utilisée depuis des années, et sans toucher au repère visuel des italiques dans Special:Allpages.

/* pas de couleur verte pour signaler les redirections */
.allpagesredirect a, .watchlistredir a  {color: #002bb8}
.allpagesredirect a:visited, .watchlistredir a:visited  {color: #5a3696}

Remplacer les boutons gris

Le code suivant permet de pouvoir configurer les boutons « Consulter », « Rechercher », « Publier » 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 leur correspondent.

Code pour « Remplacer les boutons gris »

/* hide this from ie/mac and konq2.2 */
@media All {
 
   head:first-child+body input {
       visibility: visible;
       border: 1px solid #2f6fab;  
       color: #000000 ;
       background-color: white;
       vertical-align: middle;
       padding: 0.2em;
   }
 
}

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.

Code pour « Indentations sur fond jaune des 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
{ border: none}
 
.ns-1 dl, .ns-3 dl, .ns-5 dl, .ns-7 dl, .ns-9 dl, .ns-11 dl, .ns-13 dl, .ns-15 dl 
{ background-color: transparent }
 
.ns-1 dl dl, .ns-3 dl dl, .ns-5 dl dl, .ns-7 dl dl, .ns-9 dl dl, .ns-11 dl dl, .ns-13 dl dl, .ns-15 dl dl
{ background-color: transparent }
 
.ns-1 dl dl dl, .ns-3 dl dl dl, .ns-5 dl dl dl, .ns-7 dl dl dl, .ns-9 dl dl dl, .ns-11 dl dl dl, .ns-13 dl dl dl, .ns-15 dl dl dl 
{ background-color: transparent }
 
.ns-1 dl dl dl dl, .ns-3 dl dl dl dl, .ns-5 dl dl dl dl, .ns-7 dl dl dl dl, .ns-9 dl dl dl dl, .ns-11 dl dl dl dl, .ns-13 dl dl dl dl, .ns-15 dl dl dl dl
{ background-color: transparent }
 
.ns-1 dl dl dl dl dl, .ns-3 dl dl dl dl dl, .ns-5 dl dl dl dl dl, .ns-7 dl dl dl dl dl, .ns-9 dl dl dl dl dl, .ns-11 dl dl dl dl dl, .ns-13 dl dl dl dl dl, .ns-15 dl dl dl dl dl
{ background-color: transparent }
 
.ns-1 dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl, .ns-5 dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl, .ns-9 dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl, .ns-13 dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl
{ background-color: transparent }
 
.ns-1 dl dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl dl, .ns-5 dl dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl dl, .ns-9 dl dl dl dl dl dl dl, 
.ns-11 dl dl dl dl dl dl dl, .ns-13 dl dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl dl
{ background-color: transparent }
 
.ns-1 dl dl dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl dl dl, .ns-5 dl dl dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl dl dl, .ns-9 dl dl dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl dl dl, .ns-13 dl dl dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl dl dl
{ background-color: transparent }
 
.ns-1 dl dl dl dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl dl dl dl, .ns-5 dl dl dl dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl dl dl dl, .ns-9 dl dl dl dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl dl dl dl, .ns-13 dl dl dl dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl dl dl dl 
{ background-color: transparent }
 
.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 }
/* fin du listing de désactivation */

Centrer et changer la police des catégories

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

Ici, l'alignement est centré et la police est Tohama.

Code pour « centrer et changer la police des catégories »

p.catlinks {
  font-family:Tohama;
  font-size:100 %;
  line-height: 1.5em;
  text-align:center;
  text-indent:0;
  text-transform: none;
  white-space:normal;
  margin: 0.2em;
}

Modifier la police...

Remplacer Comic sans Ms par la police voulue.

des titres des articles

Code pour « modifier la police des titres des articles »

h1 {
 font-family: Comic Sans MS;
 }

des boutons rechercher et consulter

Code pour « modifier la police des boutons rechercher et consulter »

input.searchButton {
    font-family: Comic Sans MS;
}
#searchInput { border: 1px inset !important; }

Mettre la liste des langues dans une boîte déroulante

Code pour « mettre la liste des langues dans une boîte déroulante »

#p-lang .pBody ul{   
    height: 6em;
    overflow: auto;
}

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 {{article détaillé}}, pour le faire ressembler à :

Article détaillé : Pissenlit.

ou encore simplement :

Article détaillé : Pissenlit.

Code pour « Modifier article détaillé »

.bandeau-niveau-detail {
        background-color:transparent;
        border-color:transparent;
        font-style: italic;
}
/* version sans la loupe : */
.bandeau-niveau-detail {
        background-image:none;
        background-color:transparent;
        border-color:transparent;
        font-style: italic;
}

Ceci affecte également les modèles {{Article connexe}}, {{Aide détaillée}} et {{Article principal}}. 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.

Simple hyperlien

Pour rajouter un raccourci dans votre boite à outils personnelle du menu de gauche, utiliser la fonction suivante (l'exemple pointe vers le CNRTL) :

addOnloadHook(function() { addPortletLink('p-tb', 'http://www.cnrtl.fr/etymologie/', 'CNRTL', 'lien vers CNRTL');});

Optimisation de la barre de navigation

Code pour « Optimisation de la barre de navigation »

//Bistro d'aujourd'hui
 
function TodayDate() {
      m = new Array("janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "décembre");
      today = new Date();
      day = today.getDate();
      year = today.getYear();
 
      if (year < 2000)    
           year = year + 1900;
 
      return (day + " " + m[today.getMonth()] + " " + year);
}
 
 
function OptimizedNavig() 
{
  var a = document.getElementById("p-navigation");
  if (a) 
  {
    b = a.getElementsByTagName("ul");
    if(b.length > 0)
    {
      b[0].innerHTML = b[0].innerHTML
      + '<br>'
      + '<li><span id="n-bistro" title="Wikipédia:Le Bistro">'
      + '<a href="/wiki/Wikipédia:Le_Bistro/' + TodayDate() + '">Le Bistro</a>'
      + '</span></li>'
      + '<li><span id="n-pas" title="Wikipédia:Pages à supprimer">'
      + '<a href="/wiki/Wikipédia:Pages à supprimer">Pages à supprimer</a>'
      + '</span></li>'
      + '<li><span id="n-ias" title="Wikipédia:Images à supprimer">'
      + '<a href="/wiki/Wikipédia:Images à supprimer">Images à supprimer</a>'
      + '</span></li>'
      + '<br>'
      + '<li><span id="n-radmin" title="Wikipédia:Requête aux administrateurs">'
      + '<a href="/wiki/Wikipédia:Requête aux administrateurs">Requêtes</a>'
      + '</span></li>'
      + '<li><span id="n-npages" title="Special:Newpages">'
      + '<a href="/wiki/Special:Newpages">Nouvelles pages</a>'
      + '</span></li>'
    }
  }
}
 
addOnloadHook(OptimizedNavig);

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ô ¬¬]

Code pour « Ajouter un bouton de recherche wikipédia + onglet Google »

// Modification de l'onglet Google de Dake par GôTô
function getArticleName()
{
        var strOut = document.title
        // case search
        if (strOut == "Rechercher - Wikipédia")
                return document.getElementById("lsearchbox").value
        // case article being modified
        strOut = strOut.replace("modification de ", "").replace(" - Modifier", "")
 
        strOut = strOut.replace(" - Prévisualiser", "")        
        strOut = strOut.replace(" - Wikipédia", "")
        return strOut
}
 
var whichWiki = "en"
function setWiki()
{
        var newWiki = document.getElementById("elmtWhichWiki").value
        // trim
        newWiki = newWiki.replace(/ /g, "")
        if (/com(mon)?/.test(newWiki))
                newWiki = "commons"
        else if (/méta/.test(newWiki))
                newWiki = "meta"
        // no need to change
        if (newWiki == whichWiki)
                return
        var elmt = document.getElementById("whichW")
        // it was a wikipedia and now it's a wikimedia (commons or meta)
        if (/commons|meta/.test(newWiki) && !(/commons|meta/.test(whichWiki)))
        {
                elmt.href = elmt.href.replace(".wikipedia.org", ".wikimedia.org")
                elmt.title = elmt.title.replace(".wikipedia.org", ".wikimedia.org")
        }
        // it was a wikimedia (commons or meta) and now it's a wikipedia
        else if (/commons|meta/.test(whichWiki) && !(/commons|meta/.test(newWiki)))
        {
                elmt.href = elmt.href.replace(".wikimedia.org", ".wikipedia.org")
                elmt.title = elmt.title.replace(".wikimedia.org", ".wikipedia.org")
        }
        // in any case
        elmt.href = elmt.href.replace("http://" + whichWiki, "http://" + newWiki)
        elmt.title = elmt.title.replace("sur " + whichWiki, "sur " + newWiki)
        whichWiki = newWiki
}
 
function searchLinks()
{
        var site = (/commons|meta/.test(whichWiki) ? 'wikimedia' : 'wikipedia')
        var a = document.getElementById("p-cactions")
        if (a)
        {
                var pageName = getArticleName()
                var ulElmt = a.getElementsByTagName("ul")
 
                if(ulElmt.length > 0)
                {
                        ulElmt[0].innerHTML += '<li><a id="whichW" onmousedown="setWiki()" onkeydown="setWiki()" href="http://' + whichWiki + '.' + site + '.org/wiki/Special:Search?search=' + pageName + '" title="Rechercher ' + pageName + '">'
                        + 'Recherche wp</a>'
                        + '<input type=text id="elmtWhichWiki" style="color : #002bb8; font: normal 8pt Arial; text-align: top; border: 0px; background: none; width: 50px" maxlength="7" value="' + whichWiki + '">'
                        + '<span style="color: #002bb8; font-weight: bold; padding-left: 0.5em; background: none">G:</span>'
                        + '<a href="http://www.google.fr/search?num=20&hl=en&safe=off&q=site%3Afr.wikipedia.org+' + pageName + '&btnG=Search" title="Rechercher sur Google dans fr.wikipédia.org">'
                        + 'wp-fr</a>'
                        + '<a href="http://www.google.fr/search?num=20&hl=en&safe=off&q=site%3Awikipedia.org+' + pageName + '&btnG=Search" title="Rechercher sur Google dans wikipédia.org">'
                        + 'wp</a>'
                        + '<a href="http://www.google.fr/search?num=20&hl=fr&safe=off&q=' + pageName + '&btnG=Search&meta=lr%3Dlang_fr" title="Rechercher sur Google dans tout le web en français">'
                        + 'web-fr</a>'
                        + '<a href="http://www.google.fr/search?num=20&hl=en&safe=off&q=' + pageName + '&btnG=Search" title="Rechercher sur Google dans tout le web">'
                        + 'web</a>'
                        + '</li>'
                }
        }
} 
addOnloadHook(searchLinks)

Personnaliser les caractères spéciaux

Code pour « Personnaliser les caractères spéciaux »

// by GôTô :) -- mise à jour le 15/06/06
function customSpecialChars()
{
        var elmtP = document.getElementById("specialchars")
        if (elmtP == undefined)
                return  // not editing mode
        if (elmtP.parentElement)
                elmtP = elmtP.parentElement.getElementsByTagName("P")[0]
        else if (elmtP.parentNode)
                elmtP = elmtP.parentNode.getElementsByTagName("P")[0]
        else
                return
 
        //pour ajouter au lieu de remplacer, inverser les commentaires :
        //var str = ""
        var str = "Caractères spéciaux: "
 
        // ajoutez vos liens ici ; Note pour débutants : accesskey = shortcut (ALT+accesskey) -- pensez que certaines touches de raccourcis sont déjà actives : e -> edit ; a -> article ; etc.
        str += "<a href=\"javascript:insertTags('Á','','')\" accesskey=\"1\" >Á</a> "
        str += "<a href=\"javascript:insertTags('á','','')\" accesskey=\"2\" >á</a> "
 
        //pour ajouter au lieu de remplacer, inverser les commentaires :
        //elmtP.innerHTML += str
        elmtP.innerHTML = str
}
 
addOnloadHook(customSpecialChars)

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é

Code pour « Ajouter un lien au menu utilisateur »

      function nouveauLien() 
      {
        var a = document.getElementById("p-personal");
        if (a) 
        {
          b = a.getElementsByTagName("ul");
          if(b.length > 0)
          {
            b[0].innerHTML = b[0].innerHTML
            + '<li id="ca-nstab-user">'
            + '<a href="/wiki/nom de la page">'
            + 'Titre du lien</a></li>';
          }
        }
      }
 
      addOnloadHook(nouveauLien);

Quelques liens utiles

CSS

http://www.w3.org/TR/1998/REC-CSS2-19980512/ CSS2 W3C Recommendation
http://www.csszengarden.com/
http://css-discuss.incutio.com/
http://www.alistapart.com/
http://www.positioniseverything.net/
http://www.htmlhelp.com/reference/css/
http://www.allhtml.com/css/index.php
http://www.commentcamarche.net/css/cssintro.php3
http://fr.selfhtml.org/css/
http://www.csszengarden.com/tr/francais/ Styles originaux ad nauseam

Coins arrondis (anglais)

JavaScript

http://www.mozilla.org/js/ page JavaScript de mozilla.org

Catégorie :

Aide:Monobook

mentions légales Wikipédia

politique de confidentialité à propos de Wikipédia avertissements contacts logo wikimedia

faire un don

Retour en haut de page

Accueil

Portails thématiques

Index alphabétique

Un article au hasard

Catégories

Sélections

Aide