Wikipédia:Personnaliser monobook
Un article de Freepedia.
| Image:Wmerge.png | Cet article fait partie du « doublon<u> » Wikipédia:Personnaliser monobook - Wikipédia:Monobook. Il a été demandé de les fusionner sur la page prévue à cet effet. Merci de n'y apporter aucune modification tant que cette fusion n'aura pas été effectuée et que ce message n'aura pas disparu. |
| Cet article fait partie des FAQ |
| FAQ générale |
| FAQ lecteurs |
| FAQ participants |
| FAQ administration |
| FAQ technique |
| FAQ divers |
| Personnaliser monobook |
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 ou.
Les modifications se trouvent dans deux sous-pages de votre page d'utilisateur appelées monobook.css et monobook.js. Par exemple à [[Utilisateur:Dupont/monobook.css]] pour la sous-page de l'utilisateur Dupont. 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).
→ Pour obtenir des scripts Javascript plus simples que ceux présentés ci-dessous (et presque clé en main), voir l'article Wikipédia:Monobook.
CSS
Le fichier à modifier est monobook.css
Classes
Les pages liste de suivi et modifications récentes utilisent deux classes : autocomment and new, liens cassés (voir le source HTML de ces pages). Cela permet de spécifier des polices et des couleurs séparées pour chaque classe.
La page historique utilise les classes : autocomment, user and minor (pour les modifications mineures du code).
Dès lors la police spécifiée pour user s'apliquera à la page historique mais pas à liste de suivi et modifications récentes.
É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é */
#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}
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}
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) " ) ";
}
}
Transformer la barre utilisateur en boite
Testé pour fonctionner avec Camino et Safari (avec Opéra, la boîte s'insère malencontreusement derrière le logo ...)
/* transformer la barre utilisateur en boite */
#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.
Menus monobook avec polices serif dans le cadre de contenu
Tillwe (utilisateur sur w:en) a fait des essais de menus monobook avec des polices serif à [1] dont vous pouvez copier la première partie pour tester.
Déplacer les liens de catégorie
Déplace les liens de catégorie dans le coin supérieur droit du cadre de contenu avec un fond gris -- Tillwe 21:22, 31 May 2004 (UTC)
/******************************************************************/
/* 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;
}
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}
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}
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}
Changer le logo
Remplacer <URL> par l'adresse du logo, par exemple "/upload/7/7e/Wiki_original.png" (sans ").
div#p-logo a { background-image: url(<URL>) !important; }
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;
}
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.
/* 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.
/* 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 */
Liens CSS (anglais)
- http://www.csszengarden.com/
- http://css-discuss.incutio.com/
- http://www.alistapart.com/
- http://www.positioniseverything.net/
Coins arrondis (anglais)
- Moz: voir ci-dessus
- http://www.vertexwerks.com/tests/sidebox/
- http://www.alistapart.com/articles/slidingdoors2/
- http://www.alistapart.com/articles/customcorners/
- http://alistapart.com/articles/customcorners2/
- http://www.alistapart.com/articles/mountaintop/
- http://www.virtuelvis.com/gallery/css/rounded/
Javascript
Dans ce cas, la page à modifier est nommée monobook.js.
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.
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 :
function catsattop() {
var cats = document.getElementById('catlinks');
var bc = document.getElementById('bodyContent');
bc.insertBefore(cats, bc.childNodes[0]);
}
addLoadEvent( catsattop ) ;
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 ) ;
Stopper plus facilement un suivi
Dans la liste de suivi, il faut passer par afficher et modifier la liste complète pour enlever un seul suivi. Avec ce script à placer dans monobook.js, un lien (stop) est ajouté à gauche de (diff) (hist) dans la liste de suivi (une fois la page complètement chargée). Un clic sur le lien et l'article est retiré de la liste. Cela est particulièrement utile si le suivi automatique a été activé dans les préférences.
// auteur : Utilisateur:Dake
// version corrigée - 18.09.2005 - 13:25
function OptimizedSuivi()
{
if (document.URL.indexOf("http://fr.wikipedia.org/wiki/Special:Watchlist")==0 ||
document.URL.indexOf("http://fr.wikipedia.org/w/index.php?title=Special:Watchlist")==0 ){
var allDays = document.getElementsByTagName("ul");
for (i=0; i<allDays.length; i++) {
if (allDays[i].getAttribute("class") == "special") {
var artList = allDays[i].getElementsByTagName("li");
for (j=0; j<artList.length; j++) {
var elem = artList[j];
var aTag = elem.getElementsByTagName("a");
var articleName = aTag[0].getAttribute("title");
var stopWatch = "/w/index.php?title=" + articleName + "&action=unwatch"
elem.innerHTML = "(<a href=\"" + stopWatch + "\">stop</a>) " + elem.innerHTML;
}
}
}
}
}
addLoadEvent(OptimizedSuivi);
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);
}
// auteur : Utilisateur:Dake
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);
Souhaiter la bienvenue
// auteur : Utilisateur:Solensean
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);
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 + '">purge</a>'
+ '</li>';
}
}
}
// Onglet Purge
addLoadEvent(OngletPurge);
Ajouter un onglet sur Google
// auteur : Utilisateur:Solensean
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);
Aide à l'administration
Optimisation de la fonction de suppression
// Suppression de luxe
function insertAfter(parent, node, referenceNode) {
parent.insertBefore(node, referenceNode.nextSibling);
}
function SuppressionDeluxe() {
if (document.title.indexOf("Confirmer la suppression - Supprimer - Wikipédia")!=0) return;
var mainNode = document.getElementsByTagName("form");
var firstForm = mainNode[0];
// vous pouvez ajouter vos messages ci-dessous
var messages = new Array()
messages[0] = "Vandalisme";
messages[1] = "Supprimé à la demande de son auteur";
messages[2] = "Image vandale";
messages[3] = "Essai de débutant";
messages[4] = "Contrevient aux règles de nommage";
messages[5] = "Image sans licence";
messages[6] = "Publicité ou autopromotion";
messages[7] = "Redirect orphelin";
messages[8] = "Fair-use non argumenté";
messages[9] = "Violation de copyright";
messages[10] = "Traduction automatique";
messages[11] = "Image orpheline, sans licence";
var table = document.createElement("table");
var tr = document.createElement("tr");
table.appendChild(tr);
// normalement, pas besoin de toucher à partir d'ici
if (firstForm.getAttribute("id")=="deleteconfirm") {
actionDelete = firstForm.getAttribute("action");
var inputs = firstForm.getElementsByTagName("input");
var token = inputs[2].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", "deleteconfirm");
formElement.setAttribute("method", "post");
formElement.setAttribute("action", actionDelete);
var inputReason = document.createElement("input");
inputReason.setAttribute("name", "wpReason");
inputReason.setAttribute("value", messages[i]);
inputReason.setAttribute("type", "hidden");
var inputConfirm = document.createElement("input");
inputConfirm.setAttribute("name", "wpConfirmB");
inputConfirm.setAttribute("value", messages[i]);
inputConfirm.setAttribute("type", "submit");
var inputToken = document.createElement("input");
inputToken.setAttribute("name", "wpEditToken");
inputToken.setAttribute("value", token);
inputToken.setAttribute("type", "hidden");
formElement.appendChild(inputReason);
formElement.appendChild(inputConfirm);
formElement.appendChild(inputToken);
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(SuppressionDeluxe);
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);
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);
Doublement des onglets en bas de page
1°) dans votre monobook.js
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 :
@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;
}*/
Importer monobook.css/.js d'un autre Wikipedia
Si vous travaillez sur plusieurs Wikipedia, vous pouvez unifier et synchroniser vos styles et n'avoir à mettre à jour que les pages de votre compte « principal ». En admettant que le Wikipedia francophone soit le lieu où vous agissez en priorité, vous pouvez :
- importer votre monobook.css depuis n'importe quel Wikipedia en insérant là-bas, dans le monobook.css correspondant :
@import url(http://fr.wikipedia.org/w/index.php?title=Utilisateur:Bidule/monobook.css&action=raw&ctype=text/css);
- importer votre monobook.js depuis n'importe quel Wikipedia en insérant là-bas, dans le monobook.js correspondant :
document.write('<SCRIPT SRC="http://fr.wikipedia.org/w/wiki.phtml?title=Utilisateur:Bidule/monobook.js&action=raw&ctype=text/javascript"><\/SCRIPT>');
"Bidule" étant à remplacer par votre nom d'utilisateur. 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 _ (underscore).
Sommaire moins encombrant
Note : le texte ci-dessous a été déplacé depuis le Bistro de Wikipédia pour alléger cette page qui ne cesse de s'allonger.
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
.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)
Pas de sommaire
Il faut ajouter dans Utilisateur:Toto/monobook.css :
#toc {display:none}
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.
Quelques liens utiles
CSS
- http://www.le-webmestre.net/web/cours/html/cours_13.php
- 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
