CSS-tyylimäärittely

CSS-määrittelyiden muokkaus (syksyllä 2020)

Pääset muuttamaan uudet Kuopion kaupungin CSS-määrittelyt valitsemalla Peda.netin päätason sivulla Muokkaa -- Asetukset - Tyylin muokkaaminen -- Lisää Räätälöity CSS-tyyli. CSS-tyyli ja otsikkokuva & kuvake-ikoni periytyvät päätason alisivuille (normaali ja välitasolle), mutta ei uudelle päätason sivulle.



Klikattuasi Tyylin muokkaaminen, lisää oletus-CSS Lisäasetuksissa ikkunaan Räätälöity CSS-tyyli.



Oletustyylit Kuopion sivuille löydät täältä (huom. kouluille oma oletustyylinsä). Oletustyylin kanssa lähtökohtaisesti käytetään oletusotsikkokuvaa (CSS-pohjiin liittyviä kuvia). Tallenna tämä kuva koneellesi, josta pystyt sen sitten hakemaan. Koulut voivat vaihtaa otsikkokuvan mieleisekseen, kun käyttävät kouluille muokattua omaa CSS-pohjaa. Klikkaa Tyylin muokkaus -kohdassa Otsikon taustakuvan vaihtaminen ja selaamalla etsi oma otsikkokuvasi.

Tärkeää: Halutessasi vaihtaa yläbannerin otsikkokuvan, niin CSS-pohjassa kuvatiedoston uusi suosituskoko on 1280 x 720 px (mielellään alle 100 kt kooltaan ja jpg- tai png-muodossa). CSS-pohjaan valittuun kuvaan kannattaa jättää alareunaan tyhjää tilaa tai "turhaa sisältöä", jotta alaosassa olevat kuvan osat eivät jää alapalkin alle (alapalkki ei ole läpinäkyvä, yläpalkki on).

Kuvakkeena eli vasemman laidan logona suositellaan käyttämään aina Kuopion kaupungin uuden Kuopion graafisen asun Kuopio-tekstiä (2022-). Löydät sen tiedostona täältä Koulutuskoulun CSS-pohjiin liittyviä kuvia -sivulta. Sieltä löydät myös uuden yläbannerin oletusotsikkokuvan (valkopohjainen, sisältää uuden ilmeen sinisiä Kuopio-elementtejä).

Peda.net käyttää vain välttämättömiä evästeitä istunnon ylläpitämiseen ja anonyymiin tekniseen tilastointiin. Peda.net ei koskaan käytä evästeitä markkinointiin tai kerää yksilöityjä tilastoja. Lisää tietoa evästeistä