|
|
|
|
Wikipedia:UlkoasuJokainen 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.
[muokkaa] Yleistä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. [muokkaa] Css[muokkaa] Esimerkkejä
/* välilehtien ja sisältöalueen taustavärin muuttaminen */
#f3fff1t, #f3fff1t table
#p-cactions ul li a { background: #0a0a0a; }
/* 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 }
#f3ffff-one { padding-top: 0; }
/* tunnuksen vieressä sijaitsen kuvan poistaminen */
li#pt-userpage { background: none }
/* käytä selaimen asetuksia tekstin koolle ja fontille */
body, #fff4f5Wrapper { font: inherit !important; }
/* alleviivaa linkit aina */
a { text-decoration: underline; }
/* vaihda valitsemattomien välilehtien väriä */
#p-cactions ul li a { background: #380238; }
/* vaihda valittujen välilehtien väriä */
#p-cactions ul li.selected a { background: #000000; }
/* vaihda valittujen välilehtien reunusten väriä */
#p-cactions li.selected { border-color: #555555; }
/* normaalit värit linkeille */
a { color: #ffff00; }
a:visited { color: #80ff80; }
a:active, a.new { color: #00ffff; }
a.interwiki, a.external { color: #cc9944; }
a.stub { color: #88ddcc; }
[muokkaa] Pyöreät kulmat Mozilla-selaimissa
/* 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;
}
#f3fff1t {
-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;
}
#f3fff1t {
border-radius-topleft: 1em;
border-radius-bottomleft: 1em;
}
div.pBody {
border-radius-topright: 1em;
border-radius-bottomright: 1em;
}
[muokkaa] Suomenkielisen wikipedian erikoisuudet
[muokkaa] Esimerkkejä
/* Työkalupalkin piilottaminen */
#f0ffff-bottom-toolbar { display:none; }
/* Erikoismerkkien koon suurentaminen */
.fiwiki-special-character {
font-size: 150% !important;
font-weight:bold;
}
/* Kaikkien erikoismerkkien näyttäminen */
#f0ffff-special-character-comment,
#f0ffff-special-character-ae,
#f0ffff-special-character-ostroke {
display: inline !important;
}
[muokkaa] Esimerkkityylejä[muokkaa] Simppeli
Pyöristykset onnistuvat luultavasti vain mozilla-selaimilla. [muokkaa] Asiasta muualla |
