Wikipedia:Ulkoasu

Kohteesta Wikipedia
Loikkaa: valikkoon, hakuun
Wikipedian ohjekirja
Viisi pilaria
  1. Tietosanakirja
  2. Neutraali näkökulma
  3. Tekijänoikeudet
  4. Käytösohjeet
  5. Älä palvo sääntöjä
Käytännöt
Sisällön tuottaminen
Sisällön rajoitteet
Yleiset
Eriävät mielipiteet
Ylläpito
Käytösohjeet
Tyyliopas
Ohjeet
Alkeet
Tekniikka
Wikipedian käyttö
Mielipidekirjoitukset
Yleiset
Kanssakäyminen
Sisällön kehittäminen
Vältettävät
Wikismit
n · k · m

Jokainen rekisteröitynyt käyttäjä voi muokata sivun ulkoasua, tekstin kokoa ja tyyliä, värejä, reunuksia ja paljon muuta. Muutokset tehdään CSS-tiedostoihin, jotka ovat oman käyttäjäsivun alasivuja.

Yleistä[muokkaa wikitekstiä]

Jokainen käyttäjä voi valita oman valmiin ulkonäön asetuksista. Jokaiselle ulkonäölle on sitä vastaava oletus-CSS. Suomenkielisessä wikipediassa ne löytyvät osoitteista:

Jos käytät monobook-ulkonäköä, niin omat muutokset voit laittaa sivulle Käyttäjä:Omatunnus/monobook.css ja Käyttäjä:Omatunnus/monobook.js.

Tällä sivulla esikatselussa osa tyylien vaikutuksista näkyy heti. Ei kuitenkaan kaikki. Tallentamisen jälkeen muista ladata sivu uudelleen, jotta saat uuden tyylitiedoston.

Css[muokkaa wikitekstiä]

Esimerkkejä[muokkaa wikitekstiä]

/* 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 Mozilla-selaimissa[muokkaa wikitekstiä]

/* make a few corners round, only supported by moz/firefox/other gecko browsers for now */
#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;
}

/* same following the css3 draft specs, any browsers supporting this? */
#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;
}

Suomenkielisen wikipedian erikoisuudet[muokkaa wikitekstiä]

  • 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ä[muokkaa wikitekstiä]

/* 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;     
}

Esimerkkityylejä[muokkaa wikitekstiä]

Simppeli[muokkaa wikitekstiä]

Simppeli käytössä

Pyöristykset onnistuvat luultavasti vain mozilla-selaimilla.

Asiasta muualla[muokkaa wikitekstiä]

Noudettu kohteesta https://fi.wikipedia.org/w/index.php?title=Wikipedia:Ulkoasu&oldid=12213419