Handboek MediaWiki/Monobook.css en Common.css

De MediaWiki kan met verschillende skins (uiterlijk) worden bekeken. De volgende skins zijn er:

• Monobook (de standaard)
• Keuls blauw
• Nostalgie
• Simple
• MySkin
• Standaard
• Chick

Al deze skins (behalve MySkin) hebben een eigen MediaWiki-css file.
Daarnaast bestaat er een common.css-file. De vormgeving die hier wordt gedefinieerd, wordt toegepast op alle skins.

Als je voldoende kennis van css hebt is het goed mogelijk om de vormgeving van de pagina's zelf aan te passen aan de eigen wensen.
Dit veranderen van het uiterlijk gebeurt wel binnen de grenzen die de standaardskin (bijv. monobook) opwerpt. Als je het uiterlijk van de pagina echt helemaal zelf wilt regelen, dan moet de voor de skin MySkin gekozen worden. De opmaak is dan nog volledig wijzigbaar. Het spreekt voor zich dat als je de opmaak volledig zelf wilt regelen, je een flinke dosis kennis omtrent CSS moet hebben.

Het overgrote gedeelte van de MediaWiki softwaregebruiker werkt met monobook, daarom worden hier enkel de common.css en de monobook.css files behandeld. Het hier vertelde kan ook op de andere skins worden overgedragen, maar het is mogelijk dat het dan iets anders werkt.

• 
  Chick
• 
  Keuls blauw
• 
  Monobook
• 
  Myskin
• 
  Nostalgie
• 
  Simple
• 
  Standaard

css

Css staat voor Cascading Style Sheets en is een instructieset voor het opmaken van documenten, en dan voornamelijk HTML/XHTML en XML documenten.

monobook.css

De monobook.css bestaat uit meerdere lagen:

1. De in de MediaWiki gedefineerde code. Deze is enkel wijzigbaar voor developers en is vastgelegd in de volgende files: main.css en commonPrint.css.
2. De in de common.css gedefineerde code. Deze geldt voor alle gebruikers en kan alleen gewijzigd worden door een moderator/sysop.
3. De in de MediaWiki:Monobook.css gedefinieerde code. Die geldt voor alle monobook-skin gebruikers (de overgrote meerderheid). Deze code kan alleen gewijzigd worden door een moderator/sysop.
4. De in de eigen naamruimte gedefineerde code. Dit is de code die door de gebruiker zelf kan worden gemaakt. Geef hiervoor in het zoekvenster in: Gebruiker:JouwNaam/monobook.css, of klik hier. Deze pagina kan alleen worden gewijzigd door Gebruiker:JouwNaam en een moderator/sysop.

De programmering die hieronder wordt gegeven is in ieder geval toepasbaar in de MediaWiki:Common.css MediaWiki:Monobook.css en in de Gebruiker:JouwNaam/monobook.css

Opbouw van een MediaWiki-pagina

Een MediaWiki-pagina is opgebouwd uit verschillende elementen of stijlblokken.

Indien een pagina wordt weergegeven met de Monobook-skin ziet het eruit zoals hier rechts is afgebeeld. In het rood is de naam van de stijlblokken weergegeven.

Redirects groen maken

De volgende code wordt gebruikt om redirect in de speciaal:Allpages groen te maken (afwijkend van de andere normale interne links).

.allpagesredirect a {
    font-style: italic;
    color: green;
}

.allpagesredirect a:visited {
    color: #008000;
}

• allpagesredirect; is de aanduiding voor de pagina speciaal:Allpages met redirects
• a; staat voor de a-tag in HTML, dat staat voor een link, zie HTML/Basiscursus/Links
• fonte-style: italic; zorgt voor ervoor dat de redirects met een scheve font (italic) wordt weergegeven
• color: green; maakt de link groen
• a:visited; is de link (a-tag) nadat hij bezocht is
• color:#00800; is een andere kleur in hexadecimale notatie
• Bij a:visited hoeft de font italic niet meer gedefinieerd worden, dat is boven al gebeurd.

Interwikilinks uitschakelen

Met de volgende code kan je de weergave van de interwikilinks uitschakelen:

#p-lang li { display: none; }

Om bepaalde interwikilinks wel weer te geven, kan je deze code toevoegen (voor de Duitstalige en Engelstalige, maar andere talen gaan analoog):

#p-lang li.interwiki-de { display: list-item; }
#p-lang li.interwiki-en { display: list-item; }

• li staat voor een list-item in HTML
• interwiki voor interwiki
• display vertelt wat er met de link moet worden gedaan
  • none: verbergen
  • list-item: als lijst weergegeven