Skin:Metrolook/nl

**Handleiding MediaWiki skins** - **categorie**
Metrolook; Release status: stabiel
Beschrijving	Custom Metro-styled skin, created for wikis on PidgiNet
Auteur(s)	immewnity, Paladox, Craig Davison, lagleki
Laatste versie	7.0 alpha 3 (2020-08-03)
MediaWiki	1.27+
Licentie	GNU General Public Licentie 2.0 of hoger
Download	Download skin ; Git [?]: Download Git master; blader door de repository (GitHub); commit geschiedenis; repository beheerders (GitHub); code review; ; README; Changelog
Voorbeeld	Wikimedia Skins Lab
Parameters
	$wgMetrolookFeatures; $wgMetrolookUseSimpleSearch; $wgMetrolookUseIconWatch; $wgMetrolookLogo; $wgMetrolookSiteNameLogo; $wgMetrolookSiteName; $wgMetrolookSiteNameText; $wgMetrolookSiteText; $wgMetrolookSearchBar; $wgMetrolookDownArrow; $wgMetrolookLine; $wgMetrolookUploadButton; $wgMetrolookMobile; $wgMetrolookBartile; $wgMetrolookDisableAvatar;
	Beschikbare hooks MetrolookRightPanel; MetrolookAfterToolbox; SkinMetrolookStyleModules;
Downloads kwartaal	0
Publieke wiki's die het gebruiken	87 (Ranked 35th)
Publieke wiki's die het standaard skin gebruiken	27
	Vertaal de Metrolook skin indien beschikbaar op translatewiki.net
Problemen:	Open taken · Rapporteer een bug

This page is a translated version of the page Skin:Metrolook and the translation is 100% complete.

Metrolook is een Metro-geïnspireerde fork van de skin Vector . It was originally written by Immewnity for use PidgiWiki, and was forked by Paladox to create this public version.

Net als de skin Refreshed , en in tegenstelling tot de basis-skin Vector, is Metrolook volledig responsief , wat betekent dat het zich aanpast aan verschillende schermformaten, zoals smartphones, tablets en desktop.

Installatie

Download en plaats de bestanden in de map Metrolook in de map skins/.
Voeg de volgende code toe onderaan aan uw bestand LocalSettings.php :
```
wfLoadSkin( 'Metrolook' );
```
Klaar - Navigeer naar Special:Version op de wiki om te controleren dat de vormgeving succesvol is geïnstalleerd.

Configuratie

Instelling	Standaardwaarde	Opmerkingen
`$wgMetrolookUseSimpleSearch`	`true`	Zoek formulier. true = use an icon search button false = use Go & Search buttons
`$wgMetrolookUseIconWatch`	`true`	Volgen en ontvolgen met een pictogram in plaats van met een link. true = use an icon watch/unwatch button false = use watch/unwatch text link
`$wgMetrolookLogo`	`true`	Setting this to `false` prevents the `#p-logo` and `#p-logo-custom` portlets from being generated.
`$wgMetrolookSiteName`	`true`	Setting this to `false` prevents certain portlets, which display the site's name, from being generated.
`$wgMetrolookSiteText`		To use this configuration variable, first set `$wgMetrolookSiteNameText = false;` and then set `$wgMetrolookSiteText = 'Enter text here';`
`$wgMetrolookSearchBar`	`true`	When set to `false`, the search bar is not generated. Useful for (semi-)private/read-only wikis.
`$wgMetrolookDownArrow`	`true`	This configuration variable has to be `true` for the tiles (see below) to be generated.
`$wgMetrolookLine`	`true`	If set to `false`, then the `img.line` element (white divider line in the top menu, between the site name and the down arrow/"Upload file" link) won't be generated.
`$wgMetrolookUploadButton`	`true`	When enabled, an "Upload file" link is generated in the top menu bar, before the content-specific action links ("History", "Discussion", etc.)
`$wgMetrolookMobile`	`true`	When enabled, `<meta name="viewport" content="width=device-width; initial-scale=1;">` is added to the HTML output so that the responsive mode works as intended.
`$wgMetrolookBartile`	`true`	When `$wgMetrolookDownArrow` is `true`and this variable is `true`, the tile menu will be generated from `[[MediaWiki:Metrolook-tiles]]`. If `$wgMetrolookDownArrow` is `true`and this variable is `false`, then the tile menu will be generated from `[[MediaWiki:Metrolook-tiles-second]]`.
`$wgMetrolookFeatures`	{ 'collapsiblenav': { 'global': false, 'user': true } ]	Controls the enabling/disabling of the collapsible sidebar portlets feature. Set `$wgMetrolookFeatures = array( 'collapsiblenav' => array( 'global' => false, 'user' => false ) );` to completely disable the collapsible sidebar for everyone.
`$wgMetrolookDisableAvatar`	`true`	To disable please do `$wgMetrolookDisableAvatar = false;`

Additionally registered and logged-in users can enable or disable Metrolook's collapsible sidebar portlets at will via Special:Preferences. A system administrator can set the global defaults by configuring $wgMetrolookFeatures appropriately, i.e. $wgMetrolookFeatures = array( 'collapsiblenav' => array( 'global' => true, 'user' => true ) ); to have the feature always on but to allow users to toggle it via preferences.

Aanpassen

The tile menu (the menu which is opened by clicking the small down arrow next to the site name in the top menu bar) is customizable via [[MediaWiki:Metrolook-tiles]] and [[MediaWiki:Metrolook-tiles-second]]. The format of the message is:

* URL to the site|alternative text|image URL

For example:

* http://www.pidgi.net/wiki/|PidgiWiki|http://images.pidgi.net/pidgiwikitiletop.png
* http://www.pidgi.net/press/|PidgiWiki Press|http://images.pidgi.net/pidgipresstiletop.png
* http://www.pidgi.net/jcc/|The JCC|http://images.pidgi.net/jcctiletop.png
* http://www.petalburgwoods.com/|Petalburg Woods|http://images.pidgi.net/pwntiletop.png

The alt text can also be the name of another system message (for international compatibility). Likewise, it's possible to have different tiles for French users, for example, by creating [[MediaWiki:Metrolook-tiles/fr]] and [[MediaWiki:Metrolook-tiles-second/fr]].

ADDITIONAL HELP:

Just go to: www.yourwebsite.com/index.php/MediaWiki:Metrolook-tiles and then simple edit the page, like written above and it will automatically change the images and links, on all the pages. Remember, you have to login as admin, to be able to edit this page or else you will not get the edit option.

De kleur van de bovenbalk aanpassen

Set this in the theme.less if you use mediawiki 1.22 or higher or use theme.css file if you use mediawiki 1.21 or lower

You can change color by changing the background-color: element and possibly background for some css. But you will be able to tell where I changed the colors.

@import "../../variables.less";
@import "mediawiki.mixins";
#mw-page-base
{background-color: #9933ff !important;
background-image: none;}
@media (max-width:768px)
{#mw-page-base
{background-color: #9933ff;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)
{#mw-page-base
{background-color: #9933ff;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)
{#mw-page-base
{background-color: #9933ff;}
}
div.vectorTabs a:hover
{background-color: #c5a6ff;}
div.onhoverbg:hover
{background-color: #c5a6ff;}
img.downarrow:hover
{background-color: #c5a6ff;}
div.vectorMenu:hover h5 span
{background-color: #c5a6ff;}
div.vectorMenu h5 span
{background-color: #9933ff;}
div.vectorMenu:hover h5 a
{background-color: #c5a6ff;}
div.vectorMenu h5 a
{background-color: #9933ff;}
div.vectorMenu:hover
{background-color: #c5a6ff;}
div.vectorMenu ul
{border: solid 2px #9933ff;
border-top: none;}
@media (max-width: 768px)
{#hamburgerIcon:hover
{background-color: #c5a6ff;}
img.editbutton:hover
{background-color: #c5a6ff;}
div.actionmenu ul
{border-top: solid 2px #9933ff;}
#left-navigation
{background-color: #9933ff;}
}

Fixing Metrolook to work with Mediawiki 1.43

Inside the MetrolookTemplate.php file (line 170)

 		$this->data['pageLanguage'] = 'en';
   //		$this->data['pageLanguage'] =
   //		$skin->getTitle()->getPageViewLanguage()->getHtmlCode();

This will not work if you need other languages.

Change bullet icon

Set this in the theme.less if you use mediawiki 1.22 or higher or use theme.css file if you use mediawiki 1.21 or lower

You only need to add @import "mediawiki.mixins"; if you haven't set the above.

/* To change bullet icon to a circle */

@import "mediawiki.mixins";

ul {
list-style-type: disc;
.list-style-image-svg('images/bullet-circle-icon.svg', 'images/bullet-circle-icon.png');
}

Change the tile bar background color

Set this in the theme.less if you use mediawiki 1.22 or higher or use theme.css file if you use mediawiki 1.21 or lower

You only need to add @import "mediawiki.mixins"; if you haven't set the above.

/* To change the tile bar background color*/

// For green background tile.
.tilebar {
background: green !important;
}

Deze skin is beschikbaar op de volgende wiki-families en/of onderdeel van de volgende pakketten:

Dit is geen gezaghebbende lijst. Sommige wikifarms/hosts en/of pakketten kunnen deze skin bevatten, zelfs als ze hier niet worden vermeld. Controleer het altijd bij uw wiki farms/hosts of bundel.