CSS ylikirjoitus

Kuvasivuston ulkoasua voi muokata ylikirjoittamalla elementtien CSS-tyylejä (CSS-muokkaus ei ole saatavilla palvelun ilmaisversiossa). Luodessasi uuden tyylitiedoston, voit valita pohjaksi haluamasi järjestelmän oletusulkoasun ja ylikirjoittaa haluamasi CSS-tyylit. Ylikirjoittamalla tyylejä vain halutuille elementeille, tulevat muut tyylit järjestelmän oletus CSS-tiedostoista. Tämä menetelmä helpottaa huomattavasti palvelun toimivuutta päivitysten yhteydessä ja mahdollistaa pienienkin muutosten tekemisen omalle kuvasivustolle ilman että käyttäjän tarvitsee päivittää tyylitiedostoon uusia ja muutettuja elementtejä joka päivityksen yhteydessä.

Kuvasivuston lähdekoodissa on body -elementillä luokkanimi "Custom" joka näkyy aina kun käytössä on oma ulkoasu. Tämän luokan avulla voi varmistaa että ylikirjoitat palvelun omia CSS-tyylejä, sillä internet-selaimet käyttävät aina css-tyylejä jotka ovat enemmän kohdistettuja.

Esimerkkinä tyyli järjestelmän omasta tyylitiedostosta (älä käytä samaa viittausta):

body {
    background: #000;
}

Tyyli ylikirjoitettuna omaan ulkoasuun (käytä aina näin):

body.Custom {
    background: red;
}

Tyyli ylikirjoitettuna omaan ulkoasuun pelkästään gallerian etusivulle:

body.Custom.GalleryFront {
    background: red;
}

Vanhojen tyylitiedostojen käyttäminen

Uuden Kuvasivuston päivityksessä olemme muokanneet itse kuvasivuston rakennetta sekä ulkoasua. Mikäli käytössäsi on oma tyylitiedosto joka on tehty ennen kuin CSS-muokkaus oli ylikirjoittava, puuttuu kuvasivustoltasi kokonaan osa uusista elementeistä ja osa vanhoista elementeistä näkyy virheellisesti. Mikäli haluat käyttää muokkaamiasi elementtejä uudessa versiossa, kannattaa toimia näin:

• 1) Kytke pois käytöstä oma tyylitiedostosi
• 2) Kytke käyttöön järjestelmän oletustyylitiedosto joka on sävyltään lähin omaa tyyliäsi
• 3) Tarkastele ulkoasua ja muuttuneita elementtejä ja Harkitse mitä elementtejä haluat muuttaa omilla tyyleillä
• 4) Käyttäen selaimen sivun tutkija -työkaluja, katso lähdekoodista elementti ja tyyliviittaukset joita haluat muokata
• 5) Luo uusi tyylitiedosto, ja kirjoita sinne uudet tyylit vain haluamillesi elementeillle (katso ohje alempaa)

Varoitus

Omien tyylitiedostojen käyttö on aina käyttäjän omalla vastuulla eikä koskaan suositeltavaa mikäli haluaa varmistaa kuvasivuston täyden toimivuuden. Palvelun ylläpito ei pysty huomioimaan käyttäjien omia tyylitiedostoja eikä tarjoa tukea niiden muokkaamiseen. Jatkossakin omien tyylitiedostojen käyttö voi aiheuttaa ongelmia kuvasivuston ulkoasun ja käytettävyyden suhteen.