Un article de Wikipédia, l'encyclopédie libre.
En utilisant l'apparence monobook (voir préférences), vous pouvez dorénavant modifier chaque aspect de l'interface spécifiée à http://fr.wikipedia.org/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 :
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.
Le fichier à modifier est Utilisateur:Votre_nom_d'utilisateur/monobook.css.
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.
Code pour « Échantillons »
/* placer un gris léger comme couleur d'arrière-plan dans les cadres de contenu */
#content, #content table
#p-cactions ul li a { background: #f5f5f5; }
/* pour mettre autre chose à la place du fond monobook */
body { background: Purple; }
/* changer la couleur des zones pre */
pre { background: White }
/* changer le logo */
#p-logo a { background: url(http://en.wikipedia.org/upload/wiki.png) 35% 50% no-repeat !important; }
/* pas de logo, les boites sont remontées d'autant */
#p-logo { display: none }
#column-one { padding-top: 0; }
/* 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; }
/* couleur des liens standard */
a { color: #0000FF; }
a:visited { color: #7F007F; }
a:active, a.new { color: #FF0000; }
a.interwiki, a.external { color: #3366BB; }
a.stub { color: #772233; }
/* désactiver les petits caractères de la balise <small> AJOUTÉS dans les pages */
small {font-size: 1em}
[modifier] Arrondir les coins avec Mozilla
Code pour « Arrondir les coins avec Mozilla »
/* arrondir quelques coins, seulement possible avec mozilla/firefox/et autres navigateurs spéciaux */
#p-cactions ul li, #p-cactions ul li a {
-moz-border-radius-topleft: 1em;
-moz-border-radius-topright: 1em;
}
#content {
-moz-border-radius-topleft: 1em;
-moz-border-radius-bottomleft: 1em;
}
div.pBody {
-moz-border-radius-topright: 1em;
-moz-border-radius-bottomright: 1em;
}
/* Arrondir quelques boutons */
#wpSave, #wpSave:hover {-moz-border-radius: 1em}
#wpPreview, #wpPreview:hover {-moz-border-radius: 1em}
.searchButton, .searchButton:hover {-moz-border-radius: 1em}
/* coins arrondis pour les vignettes + effet de relief */
div.thumb div {
border: 1px solid #999;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
-moz-border-radius: 0.6em
}
/* coins arrondis pour les zones de texte préformaté */
pre {-moz-border-radius: 0.6em}
/* coins arrondis pour les tables */
table {-moz-border-radius: 0.6em}
[modifier] Numéroter automatiquement les titres et sous-titres des articles
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;
}
[modifier] Règles d'impression
Code pour « Règles d'impression »
/*
** placer toutes les règles d'impression dans un bloc d'impression @media.
*/
/* économiser du papier en employant de toutes petites polices */
@media print {
#footer,
#content,
body { font-size: 8pt !important; }
h1 { font-size: 17pt }
h2 { font-size: 14pt }
h3 { font-size: 11pt }
h4 { font-size: 9pt }
h5 { font-size: 8pt }
h6 {
font-size: 8pt;
font-weight: normal;
}
}
/* niveau avancé: il est possible d'utiliser :before et :after pour imprimer le href complet arpès le lien (pas nécessaire avec la version actuelle) : */
@media print {
#content a:link:after,
#content a:visited:after {
content: " ( " attr(href) " ) ";
}
}
[modifier] Transformer la barre utilisateur en boîte
Testé pour fonctionner avec Camino et Safari (avec Opéra, la boîte s'insère malencontreusement derrière le logo ...)
Code pour « Transformer la barre utilisateur en boîte »
/* transformer la barre utilisateur en boîte */
#p-personal {
position:relative;
z-index:3;
width: 11.6em;
}
#p-personal .pBody {
width: 10.8em;
border: none;
margin: 0 0 0.5em 0em;
float: none;
overflow: hidden;
font-size: 95%;
background: White;
border-collapse: collapse;
border: 1px solid #aaaaaa;
padding: 0 0.8em 0.3em .5em;
}
#p-personal ul {
line-height: 1.5em;
list-style-type: square;
list-style-image: url("/style/monobook/bullet.gif");
font-size:95%;
margin: 0.3em 0 0 1.5em;
padding:0;
text-align:left;
text-transform: none;
}
#p-personal li {
display: list-item;
padding:0;
margin: 0 0 0 0;
margin-bottom: 0.1em;
}
/* supprime l'icône à côté du nom d'utilisateur */
li#pt-userpage { background: none }
Voir le monobook main.css pour l'ensemble des styles par défaut.
[modifier] 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.
[modifier] 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;
}
[modifier] Symboles graphiques de liens externes
Code pour « Symboles graphiques de liens externes »
/* supprimer l'affichage des symboles graphiques de lien externe */
#bodyContent a[href ^="http://"] {background: url(); padding-right: 0}
#bodyContent a[href ^="gopher://"] {background: url(); padding-right: 0}
#bodyContent a[href ^="https://"], .link-https {background: url(); padding-right: 0}
#bodyContent a[href ^="mailto:"], .link-mailto {background: url(); padding-right: 0}
#bodyContent a[href ^="news://"] {background: url(); padding-right: 0}
#bodyContent a[href ^="ftp://"], .link-ftp {background: url(); padding-right: 0}
#bodyContent a[href ^="irc://"], .link-irc {background: url(); padding-right: 0}
[modifier] Notification de message plus discrète
Code pour « Notification de message plus discrète »
/* Affichage plus discret de la notification de message */
.usermessage {background-color: transparent; border: 0; font-weight: normal;
margin: 0 0 1em 0; padding: 0 0 0.5em 0; border-bottom: 1px solid #999}
[modifier] 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}
[modifier] Changer le logo
Remplacer <URL> par l'adresse du logo, par exemple "/upload/7/7e/Wiki_original.png" (sans ").
Code pour « Changer le logo »
div#p-logo a { background-image: url(<URL>) !important; }
[modifier] Mettre la première lettre de chaque paragraphe en double hauteur
Code pour « Mettre la première lettre de chaque paragraphe en double hauteur »
/* Mettre la première lettre de chaque paragraphe en double taille */
div#bodyContent p:first-letter
{
font-size: 200%;
float: left;
}
/* Désactiver la double taille pour la ligne de catégorie et le sommaire*/
div#catlinks p:first-letter, table#toc p:first-letter
{
font-size: 100%;
float: none;
}
[modifier] 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}
[modifier] Dupliquer les onglets en bas de page
Code pour « Dupliquer les onglets en bas de page »
@media print {
#mytabs {
display: none
}
}
@media screen {
#mytabs {
margin: -0.3em 0 0 11.5em;
white-space:nowrap;
line-height: 1.1em;
overflow: visible;
border-collapse: collapse;
padding: 0 0 0 1em;
list-style: none;
font-size: 95%;
}
#mytabs .hiddenStructure { display: none; }
#mytabs li {
display: inline;
border: 1px solid #aaaaaa;
border-top: none;
padding: 0.1em 0 0 0;
margin: 0 0.3em 0 0;
overflow: visible;
background: White;
}
#mytabs li.selected {
border-color: #fabd23;
padding: 0.2em 0 0 0;
}
#mytabs li a {
background-color: White;
color: #005189;
border: none;
padding: 0.3em 0.8em 0 0.8em;
text-decoration: none;
text-transform: lowercase;
position: relative;
margin: 0;
}
#mytabs li.selected a { z-index: 3; }
#mytabs .new a { color:#ba0000; }
#mytabs li a:hover {
z-index: 3;
text-decoration: none;
}
#mytabs h5 { display: none; }
#mytabs li.istalk { margin-right: 0; }
#mytabs li.istalk a { padding-right: 0.5em; }
#mytabs-ca-addsection a {
padding-left: 0.4em;
padding-right: 0.4em;
}
}
/* offsets to distinguish the tab groups */
li#mytabs-ca-talk { margin-right: 1.6em; }
li#mytabs-ca-watch { margin-left: 1.6em; }
/* comment out if bottom tabs should be rounded as well in moz */
/* utile aux seuls utilisateurs des divers Mozilla */
/* #mytabs li, #mytabs li a {
-moz-border-radius-bottomleft: 1em;
-moz-border-radius-bottomright: 1em;
}*/
[modifier] 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.
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;
}
}
[modifier] 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 */
[modifier] 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.
Code pour « centrer et changer la police des catégories »
p.catlinks {
font-family:Arial;
font-size:100 %;
line-height: 1.5em;
text-align:center;
text-indent:0;
text-transform: none;
white-space:normal;
margin: 0.2em;
}
[modifier] Modifier la police...
Remplacer Comic sans Ms par la police voulue.
[modifier] des titres des articles
Code pour « modifier la police des titres des articles »
h1 {
font-family: Comic Sans MS;
}
[modifier] 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; }
[modifier] Liens CSS (anglais)
[modifier] Coins arrondis (anglais)
Dans ce cas, la page à modifier est Utilisateur:nom_d'utilisateur/monobook.js. Pour une liste des fonctions les plus avancées consultez Aide:Monobook/Fonctions avancées.
[modifier] Changer les touches d'accès
La configuration js par défaut est à [2], vous pouvez la personnaliser en changeant quelques éléments de 'ta' array. Par exemple :
ta['ca-nstab-main'] = new Array('c','View the content page');
Remplacez 'c' pour modifier la touche d'accès. Pour désactiver tous les accès et tooltips, écrivez
ta = false;
dans votre monobook.js.
[modifier] Déplacer les catégories vers le haut
Le code suivant déplace la boite de lien catégorie en haut de l'article. Naturellement, vous pouvez ajouter quelques lignes dans le .js pour rendre l'apparence plus jolie :
Code pour « Déplacer les catégories vers le haut »
function catsattop() {
var cats = document.getElementById('catlinks');
var bc = document.getElementById('bodyContent');
bc.insertBefore(cats, bc.childNodes[0]);
}
addLoadEvent( catsattop ) ;
[modifier] Placer une liste de catégories dans la colonne de gauche
Code pour « Placer une liste de catégories dans la colonne de gauche (moins moche) »
function CategoriesAGauche() {
var catlinks = document.getElementById("catlinks");
if (!catlinks) { return; }
var categories = catlinks.getElementsByTagName("a") ;
var h5_cats = document.createElement( "h5" );
var text = document.createTextNode( "Catégories" ) ;
h5_cats.appendChild( text ) ;
var div_cats = document.createElement( "div" );
div_cats.setAttribute( "class", "pBody" );
var ul = document.createElement( "ul" );
var a_debut = 1 ; // evitons le lien Categories:
for (var i = a_debut ; i < categories.length ; i++ ) {
var a = categories[i] ;
var li = document.createElement( "li" ) ;
li.appendChild( a.cloneNode(1) ) ;
ul.appendChild( li );
}
div_cats.appendChild( ul ) ;
var portlet = document.createElement( "div" ) ;
portlet.setAttribute( "class", "portlet" );
portlet.setAttribute( "id", "p-cat" ) ;
portlet.appendChild( h5_cats ) ;
portlet.appendChild( div_cats ) ;
//document.getElementById("column-one").insertBefore( document.getElementById("p-search"), portlet ) ;
//document.getElementById("column-one").appendChild( portlet ) ;
div_ptb = document.getElementById( "p-tb" );
document.getElementById("column-one").insertBefore( portlet, div_ptb)
}
addLoadEvent( CategoriesAGauche ) ;
[modifier] 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>'
}
}
}
addLoadEvent(OptimizedNavig);
[modifier] Souhaiter la bienvenue
Code pour « Souhaiter la bienvenue »
// auteur : Utilisateur:Dake
function DeluxeBar() {
if (document.createTextNode) {
var toolbar = document.getElementById("toolbar");
if (!toolbar) return;
var messages = new Array()
// le texte a été splitté sinon Mediawiki casse tout...
messages[0] = "{{subst:" + "Bienvenue sur ta page" + "}}" + "~~" + "~~";
messages[1] = "{{subst:" + "Bienvenue" + "}}" + "--" + "~~" + "~~";
messages[2] = "{{subst:" + "Bienvenue vandale" + "}}" + "--" + "~~" + "~~";
var images = new Array()
images[0] = "http://upload.wikimedia.org/wikipedia/fr/1/12/Button_accueilA.png";
images[1] = "http://upload.wikimedia.org/wikipedia/fr/e/eb/Button_accueilB.png";
images[2] = "http://upload.wikimedia.org/wikipedia/fr/0/00/Button_vandale.png";
for (var i=0;i<messages.length;i++) {
var img = document.createElement("img");
img.setAttribute("src", images[i]);
var ref = document.createElement("a");
ref.setAttribute("href", "javascript:insertTags('', \"" + messages[i] + "\", '');");
ref.appendChild(img);
toolbar.appendChild(ref);
}
}
}
addLoadEvent(DeluxeBar);
[modifier] Ajouter un onglet pour purger la page
Code pour « Ajouter un onglet pour purger la page »
// Onglet Purge
function OngletPurge() {
var a = document.getElementById("p-cactions");
if (a)
{
var pageName = document.title.replace(" - Wikipédia", "");
b = a.getElementsByTagName("ul");
if(b.length > 0)
{
b[0].innerHTML = b[0].innerHTML
+ '<li id="ca-nstab-user">'
+ '<a href="/w/index.php?action=purge&title=' + pageName + '">purger</a>'
+ '</li>';
}
}
}
// Onglet Purge
addLoadEvent(OngletPurge);
[modifier] Ajouter un onglet sur CopyScape (détection de plagiats)
Code pour « Ajouter un onglet sur Copyscape »
/*
* plagiarismsearch : détection de plagiats
* Auteur: Pabix
* amélioration: djo0012
*/
function getArticleNameURL()
{
var strOut = document.URL;
strOut = strOut.replace('http://fr.wikipedia.org/wiki/', "");
return strOut;
}
function plagiarismsearch(){
var formElement = document.createElement('form');
formElement.setAttribute('method', 'post');
formElement.setAttribute('id', 'copyscapequery');
formElement.setAttribute('name', 'copyscapequery');
formElement.setAttribute('action', 'http://www.copyscape.com/?results');
var queryInput = document.createElement('input');
queryInput.setAttribute('name', 'q');
queryInput.setAttribute('type', 'hidden');
queryInput.setAttribute('value', "http://fr.wikipedia.org/w/index.php?title="+getArticleNameURL()+"&action=raw");
formElement.appendChild(queryInput);
var queryGO = document.createElement('a');
queryGO.setAttribute('href', 'javascript:document.forms.copyscapequery.submit();');
var queryText = document.createTextNode('copyscape');
queryGO.appendChild(queryText);
var link = document.createElement('li');
link.setAttribute ('id', 'ca-copyscape');
link.appendChild(queryGO);
link.appendChild(formElement);
var panelControl = document.getElementById('p-cactions');
if (panelControl) {
panelLinks = panelControl.getElementsByTagName('ul')[0];
if (panelLinks){
panelLinks.appendChild(link);
}
}
}
addLoadEvent(plagiarismsearch);
[modifier] Ajouter un onglet sur Google
Code pour « Ajouter un onglet sur Google »
// auteur : Utilisateur:Dake
function OngletGoogle() {
var a = document.getElementById("p-cactions");
if (a)
{
var pageName = document.title.replace(" - Wikipédia", "");
b = a.getElementsByTagName("ul");
if(b.length > 0)
{
b[0].innerHTML = b[0].innerHTML
+ '<li id="ca-nstab-user"><img src="http://www.google.com/intl/en/logos/Logo_60wht.gif" height="20px">'
+ '<a href="http://www.google.fr/search?num=20&hl=en&safe=off&q=site%3Afr.wikipedia.org+' + pageName + '&btnG=Search">'
+ '(fr)</a>'
+ '<a href="http://www.google.fr/search?num=20&hl=en&safe=off&q=' + pageName + '&btnG=Search">'
+ '(web)</a>'
+ '</li>';
}
}
}
addLoadEvent(OngletGoogle);
[modifier] 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>'
}
}
}
addLoadEvent(searchLinks)
[modifier] 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
}
addLoadEvent(customSpecialChars)
[modifier] Aide à l'administration
[modifier] Optimisation de la fonction de suppression
Code pour « Optimisation de la fonction de suppression »
// Auteur : Dake
// Commentaires : Pabix
// Suppression de luxe
function insertAfter(parent, node, referenceNode) {
parent.insertBefore(node, referenceNode.nextSibling);
}
function SuppressionDeluxe() {
// Si le titre de la page ne contient pas "Confirmer la suppression, etc." pas besoin de la fonction
if (document.title.indexOf("Confirmer la suppression - Wikipédia")!=0) return;
// Obtenir l'ensemble des formulaires dans la variable mainNode
var mainNode = document.getElementsByTagName("form");
// Obtenir le premier des formulaires à partir de mainNode, dans la variable firstForm
var firstForm = mainNode[0];
// Création du tableau "messages"
var messages = new Array();
// Initialisation de i à 0
var i = 0;
// vous pouvez ajouter et personnaliser vos messages ci-dessous (pour insérer un guillemet dans un message,
// il faut l'échapper avec le backslash comme ceci : \"
messages[i++] = "Vandalisme";
messages[i++] = "Supprimé à la demande de son auteur";
messages[i++] = "Image vandale";
messages[i++] = "Essai de débutant";
messages[i++] = "Contrevient aux règles de nommage";
messages[i++] = "Image sans licence";
messages[i++] = "Publicité ou autopromotion";
messages[i++] = "Redirect orphelin";
messages[i++] = "Fair-use non argumenté";
messages[i++] = "Violation de copyright";
messages[i++] = "Traduction automatique";
messages[i++] = "Image orpheline, sans licence";
// ces lignes initialisent les éléments du tableau messages (i++ incrémentant la valeur de i à chaque fois).
// créer un élément HTML table et un élément HTML tr
var table = document.createElement("table");
var tr = document.createElement("tr");
// Ajouter l'élément tr à l'intérieur de l'élément table (comme ceci : <TABLE><TR></TR></TABLE>)
table.appendChild(tr);
// normalement, pas besoin de toucher à partir d'ici
// Si le premier formulaire de la page a pour attribut ID "deleteconfirm" (voir le code source)
if (firstForm.getAttribute("id")=="deleteconfirm") {
// récupérer dans les variables actionDelete, et token les variables de formulaire nécessaires
// pour la validation (le token permet d'identifier la session)
actionDelete = firstForm.getAttribute("action");
var inputs = firstForm.getElementsByTagName("input");
var token = inputs[2].getAttribute("value");
// Pour i variant de 0 jusqu'au nombre d'éléments du tableau de messages
for (var i=0;i<messages.length;i++) {
// Si i est divisible par 3
if (i%3==0) {
// Ajouter un élément <TR></TR> à la table (soit une rangée de tableau en HTML)
tr = document.createElement("tr");
table.appendChild(tr);
}
// Créer un élément <FORM ID="deleteconfirm" METHOD="post" ACTION= (actionDelete récupéré précédemment) ></FORM>
var formElement = document.createElement("form");
formElement.setAttribute("id", "deleteconfirm");
formElement.setAttribute("method", "post");
formElement.setAttribute("action", actionDelete);
// Créer un élément <INPUT NAME="wpReason" VALUE=" (un message du tableau) " TYPE="hidden"/>
var inputReason = document.createElement("input");
inputReason.setAttribute("name", "wpReason");
inputReason.setAttribute("value", messages[i]);
inputReason.setAttribute("type", "hidden");
// Créer un élément <INPUT NAME="wpConfirmB" VALUE=" (un message du tableau) " TYPE="submit"/>
var inputConfirm = document.createElement("input");
inputConfirm.setAttribute("name", "wpConfirmB");
inputConfirm.setAttribute("value", messages[i]);
inputConfirm.setAttribute("type", "submit");
// Créer un élément <INPUT NAME="wpEditToken" VALUE= (token récupéré précédemment) TYPE="hidden"/>
var inputToken = document.createElement("input");
inputToken.setAttribute("name", "wpEditToken");
inputToken.setAttribute("value", token);
inputToken.setAttribute("type", "hidden");
// Ajouter ces trois éléments dans le formulaire
formElement.appendChild(inputReason);
formElement.appendChild(inputConfirm);
formElement.appendChild(inputToken);
// Créer une cellule de tableau contenant le formulaire dans la rangée courante
var td = document.createElement("td");
td.appendChild(formElement);
tr.appendChild(td);
}
// Créer un paragraphe
var separation = document.createElement("p");
// Insérer dans ce paragraphe une ligne horizontale <HR>
separation.appendChild(document.createElement("hr"));
// Placer le formulaire à l'endroit voulu dans la page
insertAfter(firstForm.parentNode, separation, firstForm);
insertAfter(firstForm.parentNode, table, separation);
}
}
// Appeler la fonction SuppressionDeluxe à l'ouverture d'une page
addLoadEvent(SuppressionDeluxe);
[modifier] Optimisation de la fonction de blocage
Code pour « Optimisation de la fonction de blocage »
/*
* BlocageDeluxe : Rajout de boutons prédéfinis pour justifier un blocage
* Auteur : Pabix
*/
function BlocageDeluxe() {
if (document.title.indexOf("Bloquer le compte - Wikipédia")!=0) return;
var mainNode = document.getElementsByTagName("form");
var firstForm = mainNode[0];
var ca = 0;
var messages = new Array();
var duree = new Array();
messages[ca] = "Vandale non averti mais voulant manifestement nuire";
duree[ca++] = "10 minutes";
messages[ca] = "Et vulgaire avec ça";
duree[ca++] = "30 minutes";
messages[ca] = "Vandale averti";
duree[ca++] = "1 hour";
messages[ca] = "Vandale averti plusieurs fois";
duree[ca++] = "6 hours";
messages[ca] = "Récidiviste";
duree[ca++] = "10 days";
messages[ca] = "Suite à décision du comité d'arbitrage";
duree[ca++] = "2 weeks"
messages[ca] = "Identifiant à caractère injurieux";
duree[ca++] = "infinite";
messages[ca] = "Robot fou";
duree[ca++] = "infinite";
messages[ca] = "Spammeur";
duree[ca++] = "infinite";
var table = document.createElement("table");
var tr = document.createElement("tr");
table.appendChild(tr);
if (firstForm.getAttribute("id")=="blockip") {
actionBlock = firstForm.getAttribute("action");
var inputs = firstForm.getElementsByTagName("input");
var token = inputs[4].getAttribute("value");
var lePauvre = inputs[0].getAttribute("value");
for (var i=0;i<messages.length;i++) {
// if (i%3==0) {
tr = document.createElement("tr");
table.appendChild(tr);
// }
var formElement = document.createElement("form");
formElement.setAttribute("id", "blockip");
formElement.setAttribute("method", "post");
formElement.setAttribute("action", actionBlock);
var inputReason = document.createElement("input");
inputReason.setAttribute("name", "wpBlockReason");
inputReason.setAttribute("value", messages[i]);
inputReason.setAttribute("type", "hidden");
var dureeC = document.createElement("input");
dureeC.setAttribute("name", "wpBlockExpiry");
dureeC.setAttribute("value", "other");
dureeC.setAttribute("type", "hidden");
var dureeC2 = document.createElement("input");
dureeC2.setAttribute("name", "wpBlockOther");
dureeC2.setAttribute("value", duree[i]);
dureeC2.setAttribute("type", "text");
var inputConfirm = document.createElement("input");
inputConfirm.setAttribute("name", "wpBlock");
inputConfirm.setAttribute("value", messages[i]);
inputConfirm.setAttribute("type", "submit");
var ident = document.createElement("input");
ident.setAttribute("name", "wpBlockAddress");
ident.setAttribute("value", lePauvre);
ident.setAttribute("type", "hidden");
var inputToken = document.createElement("input");
inputToken.setAttribute("name", "wpEditToken");
inputToken.setAttribute("value", token);
inputToken.setAttribute("type", "hidden");
formElement.appendChild(inputReason);
formElement.appendChild(dureeC);
formElement.appendChild(dureeC2);
formElement.appendChild(inputConfirm);
formElement.appendChild(inputToken);
formElement.appendChild(ident);
var td = document.createElement("td");
td.appendChild(formElement);
tr.appendChild(td);
}
var separation = document.createElement("p");
separation.appendChild(document.createElement("hr"));
insertAfter(firstForm.parentNode, separation, firstForm);
insertAfter(firstForm.parentNode, table, separation);
}
}
addLoadEvent(BlocageDeluxe);
[modifier] Optimisation de l'affichage des « Articles courts »
Code pour « Optimisation de l'affichage des Articles courts »
// auteur : Utilisateur:Dake
function OptimizedShortPages() {
if (document.URL.indexOf("http://fr.wikipedia.org/wiki/Special:Shortpages")!=0) return;
var mainNode = document.getElementsByTagName("ol");
var allArticles = mainNode[0].getElementsByTagName("li");
for (i=0; i<allArticles.length; i++) {
var articleName = allArticles[i].childNodes[0].getAttribute("title");
var historyElement = document.createElement("a");
var histUrl = "/w/index.php?title=" + articleName + "&action=history"
historyElement.setAttribute("href", histUrl);
var historyText = document.createTextNode(" (hist) ");
historyElement.appendChild(historyText);
var diffElement = document.createElement("a");
var diffUrl = "/w/index.php?title=" + articleName + "&diff=0"
diffElement.setAttribute("href", diffUrl);
var diffText = document.createTextNode(" (diff) ");
diffElement.appendChild(diffText);
var relatedElement = document.createElement("a");
var relatedUrl = "/wiki/Special:Whatlinkshere/" + articleName
relatedElement.setAttribute("href", relatedUrl);
var relatedText = document.createTextNode(" (liens) ");
relatedElement.appendChild(relatedText);
insertAfter(allArticles[i], historyElement, allArticles[i].childNodes[1]);
insertAfter(allArticles[i], diffElement, historyElement);
insertAfter(allArticles[i], relatedElement, diffElement);
insertAfter(allArticles[i], document.createTextNode(allArticles[i].childNodes[1].data), diffElement);
allArticles[i].removeChild(allArticles[i].childNodes[1]);
}
}
addLoadEvent(OptimizedShortPages);
[modifier] Optimisation de la barre de navigation
Code pour « Optimisation de la barre de navigation »
// Optimisation de la barre de navigation
function OptimizedNavigAdmin()
{
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-admin" title="Wikipédia:Administrateur">'
+ '<a href=";/wiki/Wikipédia:Administrateur">Administrateur</a>'
+ '</span></li>'
+ '<li><span id="n-cadmin" title="Wikipédia:Coordination des administrateurs">'
+ '<a href="/wiki/Wikipédia:Coordination des administrateurs">Coordination</a>'
+ '</span></li>'
+ '<li><span id="n-badmin" title="Wikipédia:Bulletin des administrateurs">'
+ '<a href="/wiki/Wikipédia:Bulletin des administrateurs">Bulletin</a>'
+ '</span></li>'
+ '<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>'
+ '<br>'
+ '</span></li>'
+ '<li><span id="n-spages" title="Special:Shortpages">'
+ '<a href="/wiki/Special:Shortpages">Articles courts</a>'
+ '</span></li>'
+ '<li><span id="n-logs" title="Special:Log">'
+ '<a href="/wiki/Special:Log">Historiques</a>'
+ '</span></li>'
+ '<br>'
+ '<li><span id="n-blockip" title="Special:BlockIp">'
+ '<a href="/wiki/Special:Blockip">Bloquer</a>'
+ '</span></li>'
}
}
}
addLoadEvent(OptimizedNavigAdmin);
[modifier] Doublement des onglets en bas de page
1°) dans votre monobook.js
Code pour « Doublement des onglets en bas de page »
function morelinks() {
var tabs = document.getElementById('p-cactions').cloneNode(true);
tabs.id = 'mytabs';
var listitems = tabs.getElementsByTagName('LI');
for (i=0;i<listitems.length;i++) {
if(listitems[i].id) listitems[i].id = 'mytabs-' + listitems[i].id;
}
document.getElementById('column-content').appendChild(tabs);
}
if (window.addEventListener) window.addEventListener("load",morelinks,false);
else if (window.attachEvent) window.attachEvent("onload",morelinks);
2°) dans votre monobook.css
Pas d'onglets lors de l'impression :
Code pour « »
@media print {
#mytabs {
display: none
}
}
@media screen {
#mytabs {
margin: -0.3em 0 0 11.5em;
white-space:nowrap;
line-height: 1.1em;
overflow: visible;
border-collapse: collapse;
padding: 0 0 0 1em;
list-style: none;
font-size: 95%;
}
#mytabs .hiddenStructure { display: none; }
#mytabs li {
display: inline;
border: 1px solid #aaaaaa;
border-top: none;
padding: 0.1em 0 0 0;
margin: 0 0.3em 0 0;
overflow: visible;
background: White;
}
#mytabs li.selected {
border-color: #fabd23;
padding: 0.2em 0 0 0;
}
#mytabs li a {
background-color: White;
color: #005189;
border: none;
padding: 0.3em 0.8em 0 0.8em;
text-decoration: none;
text-transform: lowercase;
position: relative;
margin: 0;
}
#mytabs li.selected a { z-index: 3; }
#mytabs .new a { color:#ba0000; }
#mytabs li a:hover {
z-index: 3;
text-decoration: none;
}
#mytabs h5 { display: none; }
#mytabs li.istalk { margin-right: 0; }
#mytabs li.istalk a { padding-right: 0.5em; }
#mytabs-ca-addsection a {
padding-left: 0.4em;
padding-right: 0.4em;
}
}
/* offsets to distinguish the tab groups */
li#mytabs-ca-talk { margin-right: 1.6em; }
li#mytabs-ca-watch { margin-left: 1.6em; }
/* comment out if bottom tabs should be rounded as well in moz */
/* utile aux seuls utilisateurs des divers Mozilla */
/* #mytabs li, #mytabs li a {
-moz-border-radius-bottomleft: 1em;
-moz-border-radius-bottomright: 1em;
}*/
[modifier] Sommaire moins encombrant
Note : le texte ci-dessous a été déplacé depuis le Bistro de Wikipédia.
Ma'ame Michu | Discuter 2 aoû 2004 à 09:52 (CEST)
Ça vaut ce que ça vaut, mais c'est bien pratique pour éviter d'avoir un bloc de sommaire trop allongé dans le sens de la hauteur :
- 4 lignes à insérer dans sa page : Utilisateur:Toto/monobook.css
Code pour « Sommaire moins encombrant »
.tocline, .tocindent p {display: inline}
.tocline:after, .tocindent a:after {content: " | "}
.tocline br, .tocindent br {display:none}
.tocindent {display: inline; margin: 0}
La ligne de suppression des BR est nécessaire, car le logiciel place un <br /> à l'intérieur de chaque <div class="tocline"> (dans le Bistro, mais pas dans les articles), mais aussi en cas de sous-sections.
Résultat : sommaire avec liste des sections en un paragraphe continu, séparées par " | ", et ne causant apparemment pas de conflit avec les "tableaux de données" ou "messages de série" flottants à droite. Ma'ame Michu | Discuter 25 jul 2004 à 11:19 (CEST)
Quelqu'un saurait peut-être trifouiller dans le code du logiciel pour faire en sorte qu'au lieu de l'espace entre le numéro de section et le titre
<div class="tocline"><a href="#Titre_de_section">17 Titre de section</a></div> on ait plutôt :
<div class="tocline"><a href="#Titre_de_section">17 Titre de section</a></div>
pour éviter un saut de ligne disgracieux entre le numéro de section et le début du titre de section ???
Deuxième "problème" : en cas de sous-section, le logiciel renvoie le <p> consécutif au <div class="tocindent"> sur la ligne suivante, ce qui se traduire, à l'affichage, par une sorte de tabulation" disgracieuse (ne se produit pas avec les sous-sections de même rang qui suivent aussitôt : 11.1 est décalé par rapport à la fin de 11, mais 11.2 n'est pas décalé par rapport à 11.1, 11.3 n'est pas décalé par rapport à 11.2, etc.
J'ai l'impression qu'il faudrait que le logiciel écrive le <p> sur la même ligne que le <div class="tocindent"> qui le précède...
Ma'ame Michu | Discuter 25 jul 2004 à 13:25 (CEST)
[modifier] Pas de sommaire
Il faut ajouter dans Utilisateur:Toto/monobook.css :
#toc {display:none}
[modifier] Supprimer les bandeaux de série
Il faut ajouter dans Utilisateur:Toto/monobook.css :
- pour les bandeaux verticaux (latéraux)
.WSerieV {display:none}
- pour les bandeaux horizontaux
.WSerieH {display:none}
Certains bandeaux n'admettent pas (encore) cette fonctionnalité, si vous en trouvez signalez-les à Utilisateur:Jyp (qui essaiera d'y remédier)
Il est également possible de supprimer un bandeau ciblé. Par exemple, pour occulter le bandeau {{Serie cinema}} :
#Wcinema {display:none}
Même restriction que précédemment. Pour connaître l'identificateur précis de chaque bandeau, reportez-vous au champ "id=" dans son en-tête.
[modifier] Quelques liens utiles