Tällä sivulla:
Tervetuloa tänne sivujen tekniseenkin osioon. Olen pyrkinyt tekemään sivut kaikkien tieteen ja taiteen sääntöjen mukaisesti, niitä tosin silloin tällöin venyttäen. Sivujen visuaalinen toimivuus on testattu Internet Explorer 6:lla, Mozilla 1.6:lla sekä Opera 7:llä. Pieniä kosmeettisia poikkeavaisuuksia lukuun ottamatta, näkymät ovat identtiset. Muilla selaimilla sivujen sisältö on hyvin näkyvissä, ainoastaan muotoilussa on puutteita.
Sivujen pitäisi muutamaa yksittäistä poikkeusta lukuun ottamatta validoitua W3-konsortion spefikaatioiden mukaisesti xhtml 1.1:ksi. Tyylitiedosto sekin on oikeellista css 2:ta.
Sivujen ulkoasua pystyy helposti muokkaamaan omaan makuun sopivaksi, jos vain omaa tarpeeksi uuden selaimen. Jokaisen html-sivun body-elementtiin on liitetty attribuutti id="seppanen-org", jonka avulla pystyy oman tyylitiedoston avulla muokkaamaan vaikka kaikkien sivulla olevien elementtien ulkoasua. Käytännössä riittää kevyempikin lähestymistapa esimerkiksi leipätekstin kirjasimen vaihtamisella. Riittää, kun kirjoitat omaan tyylitiedostoon (esimerkiksi):
body#seppanen-org div#tekstialue p {
font-family: Verdana, sans-serif !important;
background-color: pink !important;
}
Näin saat vaihdettua kirjasimen Verdanaksi ja sivun taustavärin vaaleanpunaiseksi. Provosoiva väri on vain havainnollistava. Muista laittaa !important-merkintä jokaisen määreen loppuun, jotta selain priorisoisi sinun tyylitiedostoasi.
Oman tyylitiedoston asettaminen käy Internet Explorer 6:lla seuraavasti: Tools › Internet Options › Accessibility › User Style Sheet. Lataa kyseiseen kohtaan vaikka yllä mainittu tyylitiedosto.
Mozillalla asettaminen käy taas seuraavasti (Windowsissa): kopioi yllä mainittu tyylitiedosto hakemistoon %APPDATA%\Mozilla\Profiles\[profiilin nimi]\[satunnaisjono].slt\chrome\. Muille käyttöjärjestelmille ohjeet Gemalin sivuilla. Huomaa, että Mozilla haluaa tiedoston olevan userContent.css-nimellä. Joudut käynnistämään selaimen uudestaan, jotta muutokset tulisivat voimaan.
Operalla joutuukin näkemään hieman enemmän vaivaa. Siirry asetuksiin: File › Preferences › Page Style. Lataa My Style Sheet -kohtaan yllä oleva tyylitiedosto. Katso seuraavaksi, että kohdassa Configure modes… -valikossa on valittuna My Style Sheet siinä moodissa, jota käytät (Author tai User).
Sivujen sisältö ja otsikot näkyvät kirjasimella Trebuchet MS, ja pienemmät tekstit Verdanalla, mikäli koneellesi on nämä asennettu. Vaihtoehtoisena kirjasimena olen tarjonnut Genevaa, minkä pitäisi ilahduttaa Mac-käyttäjiä. Logon teksti on Futura Light Condensed ja symbolina toimiva et-merkki Nora Casual.
Ja viimeiseksi ripaus itseäni työpöytäni muodossa.