Aide:Personnaliser l'interface/Exemples
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
(en) Catalogue of classes |
Index des propriétés CSS2 |
![]() |
![]() |
![]() |
Vous pouvez modifier chaque aspect de l'interface en utilisant votre propre JavaScript (JS) ou CSS. Cette page donne des exemples de personnalisation.
Les modifications se placent dans deux sous-pages de votre page d'utilisateur :
Il vous suffit d'écrire quelques lignes de CSS/JS dans ces pages dédiées, sauvegarder puis de recharger/actualiser le cache pour que cela prenne effet. Pour cela selon le navigateur web, cliquer simultanément sur une combinaison de touches (Mozilla / Konqueror / Firefox : Shift-Ctrl-R ; IE / Opera : Ctrl-F5, Safari : Cmd-R).
Le contenu de ces pages est visible par les autres utilisateurs, mais modifiable seulement par l'utilisateur titulaire du compte et les administrateurs.
CSS
[modifier | modifier le code]Le fichier à modifier est common.css.
| |
Le style de tout wiki | |
Pages | Focus |
---|---|
Special:Allmessages →MediaWiki:Sidebar →MediaWiki:Sitenotice → ... |
Chaines de caractères visibles → colonne 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 affectent Common.css* et tous les skins. Les ajouts affectent Modern.css* et tous ses utilisateurs. Les ajouts affectent l'utilisateur MyName (son skin). * fichier non modifiable, sur le serveur. Voir WP:CSSsytem |
CSS texte format | Introduction |
elemt.class#id { ... } #id { } element { } .class { } |
Sélecteurs CSS : dans les éléments <elemt></elemt> ET classe "class", celui avec id="block" alors appliquer le style CSS "..." |
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 { } |
Colonne de gauche : toutes boîtes et tous titres → background, color, border-bottom, border-top |
#toc { } #toc.toctitle { } |
Sommaire (table of content) et titre → background, color, font-size, border, border-bottom |
h1, h2, h3, h4, h5, h6 { } | Colonne 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) |
fr.wikipedia.org |
Classes
[modifier | modifier le code]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
[modifier | modifier le code]/* 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;}
/* ne pas afficher les liens en bleu */
a { color: black }
/* 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
[modifier | modifier le code]Pour le skin monobook. Internet Explorer n'est compatible qu'à partir de la version 9.
/* Fenêtres arrondies */
.pBody {
border-top-right-radius: 0.5em;
}
.portlet h3 {
border-top-right-radius: 0.5em;
}
#p-cactions ul li, #p-cactions ul li a {
border-top-right-radius: 0.5em;
border-top-left-radius: 0.5em;
}
Justification du texte des paragraphes
[modifier | modifier le code].ns-0 #content { text-align: justify; /* texte paragraphes justifié */
}
#mw-content-text { text-align: justify; }
Numéroter automatiquement les titres et sous-titres des articles
[modifier | modifier le code]Note : Fonction disponible dans "Préférences" / "préférences diverses" / "Afficher la numérotation des titres".
.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
[modifier | modifier le code]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
[modifier | modifier le code]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;
}
Arrière-plan des pages spéciales
[modifier | modifier le code]/* 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
[modifier | modifier le code]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
[modifier | modifier le code]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.
/* 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
[modifier | modifier le code]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 */
Centrer et changer la police des catégories
[modifier | modifier le code]Code pour changer l'alignement (center ou right) et la police des catégories.
Ici, l'alignement est centré et la police est Tahoma.
p.catlinks {
font-family:Calibri;
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...
[modifier | modifier le code]Remplacer Comic Sans MS par la police voulue.
des titres des articles
[modifier | modifier le code]h1 {
font-family: Comic Sans MS;
}
des boutons rechercher et consulter
[modifier | modifier le code]input.searchButton {
font-family: Comic Sans MS;
}
#searchInput { border: 1px inset !important; }
des textes en langue étrangère
[modifier | modifier le code]Les textes identifiés par le modèle {{langue}} peuvent être mis en évidence par une police de caractère spécifique
span[lang] { font-family: serif; }
modifier la taille de la police des sous-paragraphes
[modifier | modifier le code]h2 {
font-size: 20px;
}
h3 {
font-size: 16px;
}
Mettre la liste des langues dans une boîte déroulante
[modifier | modifier le code]#p-lang .pBody ul{
height: 6em;
overflow: auto;
}
Pas de sommaire
[modifier | modifier le code]#toc {display:none}
Modifier {{article détaillé}}
[modifier | modifier le code]Ce code permet d'épurer l'apparence du modèle {{article détaillé}}, pour le faire ressembler à :
ou encore simplement :
.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.
Masquer des liens dans la barre personnelle
[modifier | modifier le code]Vous pouvez masquer les liens de la barre personnelle à partir de leur identifiant (pt-userpage
: page utilisateur, pt-mytalk
: discussion, pt-sandbox
: brouillon, pt-preferences
: préférences, pt-betafeatures
: bêta, pt-watchlist
: liste de suivi, pt-mycontris
: contributions, pt-logout
: se déconnecter).
Exemple de code pour les liens « Brouillon » et « Bêta » :
#pt-sandbox { display: none !important; } /* Masquer le lien « Brouillon » */
#pt-betafeatures { display: none !important; } /* Masquer le lien « Bêta » */
Javascript
[modifier | modifier le code]Dans ce cas, la page à modifier est common.js. Pour une liste des fonctions les plus avancées consultez Aide:Personnaliser l'interface/Fonctions avancées.
Optimisation de la barre de navigation
[modifier | modifier le code]//Bistro d'aujourd'hui
function TodayDate() {
var m = ["janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "décembre"];
var today = new Date();
var day = today.getDate();
var year = today.getFullYear();
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
[modifier | modifier le code]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ô ¬¬]
// 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
[modifier | modifier le code]// 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)
Quelques liens utiles
[modifier | modifier le code]CSS
[modifier | modifier le code]- 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)
[modifier | modifier le code]- 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
[modifier | modifier le code]- https://www.mozilla.org/js/ page JavaScript de mozilla.org