https://peda.net/id/a9cd525a9 2017-12-29T10:47:01+02:00 https://peda.net/:static/539/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> https://peda.net/id/bbe838f89 2024-05-14T15:24:53+03:00 Pääset muuttamaan uusia räätälöityjä (mm. madallettu yläbanneri) Kuopion kaupungin CSS-määrittelyjä valitsemalla Peda.netin sivuksi <b>päätason</b> (Muokkaa -- Asetukset - Sivun tyyppi -- Päätaso). CSS-tyyli ja yläbannerin kuva &amp; kuvake-ikoni periytyvät päätason alisivuille (normaali ja välitasolle).<br/> <br/> <span class="small"><a href="https://peda.net/kuopio/p/kk2/css/cm/e#top" title="Esimerkki_csstyylin_muokkaaminen1_290920.JPG"><img src="https://peda.net/kuopio/p/kk2/css/cm/e:file/photo/682923a4ee56ae76d120d76923e1a97cf09a0b7b/Esimerkki_csstyylin_muokkaaminen1_290920.JPG" alt="" title="Esimerkki_csstyylin_muokkaaminen1_290920.JPG" class="inline" loading="lazy"/></a></span><br/> <br/> Päätasolla voit ylläpitäjän roolissa klikata yläbannerista &quot;<b>Muokkaa tyyliä</b>&quot;. Tyyliasetukset-kohdan alalaidassa on ikkuna, jonne lisätään räätälöity pohja-CSS. Kohdissa &quot;Vaihda/Poista bannerikuva&quot; voit lisätä tai poistaa yläbannerikuvan.<br/> <br/> Oletustyylit Kuopion sivuille<b><a href="https://peda.net/kuopio/p/kk2/css/css-pohjia" rel="noopener" target="_blank"> löydät täältä</a></b><b>. </b>Oletustyylin kanssa lähtökohtaisesti käytetään oletusotsikkokuvaa <b>(<a href="https://peda.net/kuopio/p/kk2/css/css-pohjia/clk" rel="noopener" target="_blank">CSS-pohjiin liittyviä kuvia)</a>. </b>Tallenna tämä kuva koneellesi, josta pystyt sen sitten hakemaan. <b>Koulut voivat vaihtaa yläbannerikuvan mieleisekseen. </b>Klikkaa Tyylin muokkaus -kohdassa Vaihda bannerikuva ja selaamalla etsi oma otsikkokuvasi.<br/> <br/> <b>Tärkeää:</b> Halutessasi vaihtaa yläbannerin otsikkokuvan, niin CSS-pohjassa kuvatiedoston uusi suosituskoko on <b>1920x533 px</b> (mielellään alle 100 kt kooltaan ja jpg- tai png-muodossa). CSS-pohjaan valittuun kuvaan kannattaa jättää ylä- ja alareunaan tyhjää tilaa tai &quot;turhaa sisältöä&quot;, jotta ylä/alaosassa olevat kuvan osat eivät jää ylä/alapalkin alle (alapalkki ei ole läpinäkyvä, yläpalkki on liukuvasti läpinäkyvä). Alapalkkia ei näy lainkaan kirjautumattomille Peda.netin käyttäjille.<br/> <br/> <b>Kuvakkeena</b> 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<a href="https://peda.net/kuopio/p/kk2/css/css-pohjia/clk" rel="noopener" target="_blank"> CSS-pohjiin liittyviä kuvia</a> -sivulta. Sieltä löydät myös uuden <a href="https://peda.net/kuopio/p/kk2/css/css-pohjia/clk/clk/pedanet-kuopio-logo-banneri-1920x533-pinkki-vaihtoehto3.png" rel="noopener" target="_blank">yläbannerin oletusotsikkokuvan</a> (OLO ELO ILO eli Kuopio-brändin uusia kuvaelementtejä). 2014-12-31T12:56:55+02:00