Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Uuden teeman yläpalkki on tehty oletuksena valkoiseksi. Yläpalkin taustaväri on mahdollista vaihtaa less-muuttujalla (@header-background-color). Aiemmassa teemassa logoa käytettiin tummalla pohjalla, useimmissa
    tilanteissa logo pitää vaihtaa. 
  • Logo vaihdetaan "Ulkoasu"-välilehdeltä ja valitsemalla Lisää uusi logokuva...  Logo skaalautuu yläpalkin korkeuden mukaan automaattisesti.  Logo kannattaa testata useammalla päätelaitteella ennen näkymän julkaisua (tietokoneen näyttö, mobiili jne.). Logossa kannattaa käyttää png-tiedostomuotoa (suositus: enimmäisleveys 200px ja  korkeus: 40px). Logossa on mahdollista käyttää myös tarkempaa pikselitiheyttä, jolloin logon koko voi olla esimerkiksi 400px*80px. Mikäli logon oletuskorkeutta halutaan kasvattaa, pitää muutos tehdä @navbar-logo-height less-muuttujaan (korkeus suositus 35-50px).
  • Taustaväri kannattaa asettaa hallintaliittymästä valkoikseksi
  • Jotta näkymä toimisi oikein, pitää osa less-muuttujista käydä läpi. Less-muuttujat sijaitsevat tiedostossa: themes/custom/less/variables.less.
    • Uudet ja merkittävät less-muuttujat (sinisellä merkityt ovat uusia):
      • @header-background-color (ylävalikon taustaväri) 
      • @header-text-color (ylävalikon tekstinväri)
      • @finna-browsebar-background (selaa palkin taustaväri)
      • @finna-browsebar-link-color(selaa palkin linkin)
      • @finna-browsebar-highlight-background (selaa palkin korotuksen taustaväri)
      • @finna-search-background (hakupalkin taustaväri)
      • @finna-search-link-color (hakupalkin linkin väri)
      • @filters-background-color (hakurajaimen taustaväri)
      • @filters-text-color (hakurajaimen tekstinväri)
      • @action-link-color (toiminto linkin väri)
      • @finna-feedback-background (palautepainikkeen taustaväri)
      • @finna-feedback-color (palautepainikkeen tekstinväri)
      • @link-color (linkin väri)

View file
nameFinna less-muuttujat v2 20172311.pdf
height400

 

 

Note

Uudet less-muuttujat eivät tule automaattisesti näkyviin variables.less tiedostoon, mikäli teema on kopioitu vanhasta teemasta. Mikäli haluat muuttaa uusia less-muuttujia, pitää ne lisätä kopioidun näkymän variables.less tiedostoon.

Note

Näkymän kopioinnin jälkeen taustakuva pitää jossakin tapauksissa asettaa uudestaan hallintaliittymästä (Lisää uusi taustakuva...). 



 

 

...