Wikia


Help pagina

In alle MediaWiki skins heeft de gebruiker de mogelijkheid om de weergave hiervan aan te passen. (denk hierbij aan font gebruik, kleuren, link posities, etc...) Cascading Style Sheets (CSS) en JavaScript (JS) word gebruikt om te refereren aan selectors [1], klassen en ID's van HTML elementen. Hierdoor kan de gebruiker, als deze de HTML source code bekijkt, de weergave van Memory Alpha aanpassen en zo een eigen "look" creëren.

Cascading style sheets (CSS)Edit

De standaard style sheets staan op de volgende lokaties:

Alleen administrators kunnen de hierboven genoemde pagina's wijzigen. Gebruikers kunnen via de volgende pagina's hun eigen style sheets wijzigen:


  • Monobook: http://www.memory-alpha.org/nl/index.php/User:USERNAME/monobook.css
  • Klassiek (Standaard): http://www.memory-alpha.org/nl/index.php/User:USERNAME/standard.css
  • Cologne Blue: http://www.memory-alpha.org/nl/index.php/User:USERNAME/cologneblue.css
  • Nostalgia: http://www.memory-alpha.org/nl/index.php/User:USERNAME/nostalgia.css

VoorbeeldenEdit

Je kan de achtergrond kleur van de hoofdsectie wijzigen in een donkerder kleur om het contrast met de witte tekst kleur te verbeteren.:

    /* maak de achtergrond kleur van de hoofd sectie iets donkerder */
    body {
            background-image: url(/graphics/background_monobook.gif);
            background-repeat: repeat;
            background-color: #202020;
    }
    #content, #footer {
            background-color: #202020;
            color: #FFFFFF;
    }
    .pBody {
            background-color: #202020;
            color: #FFFFFF;
    }

Je kan de onderstreping van tekst verwijderen en ervoor zorgen dat deze alleen verschijnt als je de muis over de tekst gaat:

    /* laat onderstrepen van links alleen gebeuren bij een mouseover */
    a { text-decoration: none; }
    a:hover { text-decoration: underline; }

Je kan ook de kleur wijzigen van de verschillende typen links zoals links naar niet bestaande artikelen, links naar externe websites, en e-mail links:

    /* standaard link kleuren wijzigen */
    a.new { color:#ff6633; }
    a.stub { color: #772233; }
    a.external, a.extiw { color:#999999; }
    a.mailto { color: #FFCC00; }
    #p-personal { color: #00CCFF !important; }

Je kan het verschijnen van het "persoonlijk" icoon naast je gebruikersnaam onderdrukken:

    /* icoon naast je gebruikersnaam onderdrukken */
    li#pt-userpage { background: none }

Je kan het Memory Alpha logo verbergen:

    /* geen logo laten zien, hergebruik de ruimte */
    #p-logo { display: none }
    #column-one { padding-top: 0; }

Als je een op de Gecko-engine gebaseerde browser gebruikt zoals Mozilla, Firefox of Camino kan de "afgeronde hoeken" stijl gebruiken:

    /* maak een aantal afgeronde hoeken, werkt alleen bij moz/firefox/en andere op gecko gebasseerde browsers */
    #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;
    }
    
    /* hetzelfde maar dan volgens de css3 specificaties, zijn er al browsers die dit supporten? */
    #p-cactions ul li, #p-cactions ul li a {  
      border-radius-topleft: 1em;
      border-radius-topright: 1em;
    }
    #content { 
      border-radius-topleft: 1em;
      border-radius-bottomleft: 1em;
    }
    div.pBody {
      border-radius-topright: 1em;
      border-radius-bottomright: 1em;
    }

Je kan ook weergave wijzigingen maken op pagina's die afgedrukt worden:

    /*
    ** Alle printer specifieke regels in een @media blok plaatsen.
    */
    
    /* bespaar inkt en papier met zeer kleine font groottes */
    @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;
        }
    }
    
    /* Geavanceerde opties: via :before en :after is het mogelijk om een volledige href of link erachter te plaatsen (niet nodig voor de huidige versie): */
    @media print {
      #content a:link:after, 
      #content a:visited:after {
         content: " <" attr(href) "> ";
      }
    }

JavaScriptEdit

Gebruikers kunnen ook zelf gemaakt JavaScripts importeren via de volgende pagina's:

  • Monobook: http://www.memory-alpha.org/nl/index.php/User:USERNAME/monobook.js
  • Standaard: http://www.memory-alpha.org/nl/index.php/User:USERNAME/standard.js
  • Cologne Blue: http://www.memory-alpha.org/nl/index.php/User:USERNAME/cologneblue.js
  • Nostalgia: http://www.memory-alpha.org/nl/index.php/User:USERNAME/nostalgia.js

VoorbeeldenEdit

Je kan een kopie van de menubalk onderaan de #content sectie plaatsen:

Je kan de sneltoetsen wijzigen door elementen in het "ta" array (zie [2]) te wijzigen. Bijvoorbeeld:

    ta['ca-nstab-main'] = new Array('c','View the content page');

Zie ookEdit

Afkomstig van Memory Alpha, de Vrije Star Trek Encyclopedie. "https://memory-alpha.fandom.com/nl/wiki/Help:Weergave_stijl?oldid=22289"
Community content is available under CC-BY-NC unless otherwise noted.