Wikipedia:Ulkoasu

Tämä artikkeli käsittelee Wikipedia:Ulkoasu:n aihetta ja tutkii sen eri puolia ja merkityksiä. Wikipedia:Ulkoasu on ollut alkuperästään nykypäivän merkityksellisyyteen asti kiinnostavan ja keskustelun kohteena yhteiskunnan eri osa-alueilla. Syvän ja yksityiskohtaisen analyysin avulla pyrimme valaisemaan Wikipedia:Ulkoasu:n keskeisiä näkökohtia sekä tarjoamaan rikastuttavan näkemyksen ja mielenkiintoisia näkökulmia sen vaikutuksista kulttuuriin, historiaan, politiikkaan tai mihin tahansa muuhun asiaankuuluvaan alaan. Tämän merkittävän aiheen ymmärtämisen syventämiseksi tarkastellaan myös sen käytännön seurauksia ja mahdollisia seurauksia tulevaisuuden kannalta.

Wikipedian ohjekirja

Wikipediassa on useita eri ulkoasuja, joista rekisteröitynyt käyttäjä voi valita haluamansa. Valinnan voi tehdä omista asetuksistaan. Lisäksi käyttäjä voi muokata ulkoasua CSS-tyyleillä tekemällä käyttäjäkohtaisen CSS-tyylisivun (asetuksissa suora linkki). Rekisteröitymättömät käyttäjät näkevät oletusulkoasun, joka on helmikuusta 2025 lähtien ollut Vektori 2022.

Yleiset CSS-tiedostot

Ulkoasujen yleisiä CSS-tiedostoja voivat muokata vain Ylläpitäjät.

Lisäksi on Järjestelmäviesti:Common.css ja Järjestelmäviesti:Mobile.css, jotka sisältävät kaikille ulkoasuille yhteisiä tyylejä työpöytä- ja mobiilinäkymissä.

CSS

Esimerkkejä

/* välilehtien ja sisältöalueen taustavärin muuttaminen */
#content, #content table
#p-cactions ul li a { background: #f5f5f5; }

/* sivuston taustavärin muuttaminen */
body { background: Purple; }

/* pre-alueiden värien muuttaminen */
pre { background: White }

/* logon vaihtaminen */
#p-logo a { background: url(http://en.wikipedia.org/upload/wiki.png) 35% 50% no-repeat !important; }

/* logon poistaminen */
#p-logo { display: none }
#column-one { padding-top: 0; }

/* tunnuksen vieressä sijaitsen kuvan poistaminen */
li#pt-userpage { background: none }

/* käytä selaimen asetuksia tekstin koolle ja fontille */
body, #globalWrapper { font: inherit !important; }

/* alleviivaa linkit aina */
a { text-decoration: underline; }

/* vaihda valitsemattomien välilehtien väriä */
#p-cactions ul li a { background: #C7FDC7; }

/* vaihda valittujen välilehtien väriä */
#p-cactions ul li.selected a { background: white; }

/* vaihda valittujen välilehtien reunusten väriä */
#p-cactions li.selected { border-color: #aaaaaa; }

/* normaalit värit linkeille */
a { color: #0000FF; }
a:visited { color: #7F007F; }
a:active, a.new { color: #FF0000; }
a.interwiki, a.external { color: #3366BB; }
a.stub { color: #772233; }

Pyöreät kulmat

#p-cactions ul li, #p-cactions ul li a {  
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
}
#content { 
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
}
div.pBody {
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
}

Suomenkielisen Wikipedian erikoisuudet

  • Muokkaustilan alapuolella olevan työkalupalkin tunnus on fiwiki-bottom-toolbar
  • Muokkaustilassa olevien erikoismerkkien luokka on fiwiki-special-character
  • Muokkaustilassa olevien muiden painikkeiden luokka on fiwiki-feature
  • Osa muokkaustilassa olevista merkeistä on oletuksena piilotettu:
  1. fiwiki-special-character-comment - <!-- * -->
  2. fiwiki-special-character-ae - æ ja Æ
  3. fiwiki-special-character-ostroke - ø ja Ø

Esimerkkejä

/* Työkalupalkin piilottaminen */
#fiwiki-bottom-toolbar { display:none; }

/* Erikoismerkkien koon suurentaminen */
.fiwiki-special-character {
  font-size: 150% !important;
  font-weight:bold;
}

/* Kaikkien erikoismerkkien näyttäminen */
#fiwiki-special-character-comment,
#fiwiki-special-character-ae,
#fiwiki-special-character-ostroke {	
display: inline !important;	
}

Asiasta muualla