6.11. Personoitu ulkoasu sivuillehttps://peda.net/id/35a1221221e2024-10-25T08:54:46+03:00https://peda.net/:static/532/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>
Tässä ohjevideo tyylin muuttamiseenhttps://peda.net/id/99fa96b68c52024-10-17T09:25:28+03:00<div class="youtube"><iframe loading="lazy" width="640" height="360" src="https://www.youtube.com/embed/XsUCf0wYYDk?rel=0&modestbranding=1&hl=fi" allowfullscreen="allowfullscreen"></iframe><div><a href="https://youtu.be/XsUCf0wYYDk" title="https://youtu.be/XsUCf0wYYDk" target="_blank" rel="nofollow ugc noopener">https://youtu.be/XsUCf0wYYDk</a></div>
</div>
2024-10-17T09:25:28+03:00Otsikkokuva ja väriteemahttps://peda.net/id/4edcc06c30d2024-10-17T09:21:30+03:00<b><b>Sivun ulkoasun muokkaaminen edellyttää sitä, että <strong class="editor red">toimit OmaTilassasi</strong> tai että muokkaamasi sivu on merkattu asetuksissa päätasoksi, ja että olet muokkaamasi sivun <strong class="editor red">ylläpitäjä</strong>. <br/>
</b></b><hr></hr><b><br/>
Vaihe 1: Valitse muokkaa kolmen pisteen takaa:<br/>
<span class="medium"><a href="https://peda.net/ohjeet/pedanteri/personoitu-ulkoasu-kurssisivuille/nain-lisaat-sivullesi-otsikkokuvan-ja-mu/1.-muokkaa.png2#top" title="1. muokkaa.png"><img src="https://peda.net/ohjeet/pedanteri/personoitu-ulkoasu-kurssisivuille/nain-lisaat-sivullesi-otsikkokuvan-ja-mu/1.-muokkaa.png2:file/photo/227cbb734f0e08e3f9f1e2b31c4e75281480e0f7/1.%20muokkaa.png" alt="" title="1. muokkaa.png" class="inline" loading="lazy"/></a></span><br/>
</b><br/>
<hr></hr><b>Vaihe 2: Tee sivu päätasoksi</b> (uusi sivu, kun luodaan oletuksena on aina normaali ja ulkoasu periytyy yläpuolella olevalta sivulta)<b>:<br/>
<span class="medium"><a href="https://peda.net/ohjeet/pedanteri/personoitu-ulkoasu-kurssisivuille/nain-lisaat-sivullesi-otsikkokuvan-ja-mu/2.-paataso.png2#top" title="2. päätaso.png"><img src="https://peda.net/ohjeet/pedanteri/personoitu-ulkoasu-kurssisivuille/nain-lisaat-sivullesi-otsikkokuvan-ja-mu/2.-paataso.png2:file/photo/12f3afa8f0410c07f29369cb66b725da5033d427/2.%20p%C3%A4%C3%A4taso.png" alt="" title="2. päätaso.png" class="inline" loading="lazy"/></a></span></b> <b><b><br/>
</b></b><hr></hr><b><br/>
Vaihe 3: Sivun tyyliä voi muokata kahdestakin eri paikasta (merkitty punaisella). Nopeampi tapa on käyttää yläpalkissa olevaa kohtaa, mutta lisätoimintoja saa "Muokkaa"-napin takaa enemmän käyttöön,</b><br/>
<span class="medium"><a href="https://peda.net/ohjeet/pedanteri/personoitu-ulkoasu-kurssisivuille/nain-lisaat-sivullesi-otsikkokuvan-ja-mu/3.muokkaa.png#top" title="3.muokkaa.png"><img src="https://peda.net/ohjeet/pedanteri/personoitu-ulkoasu-kurssisivuille/nain-lisaat-sivullesi-otsikkokuvan-ja-mu/3.muokkaa.png:file/photo/6c35645c6d3d962c7b5d80160b6fea6e18c40e00/3.muokkaa.png" alt="" title="3.muokkaa.png" class="inline" loading="lazy"/></a></span><br/>
<hr></hr><b>Vaihe 4: Tyyliasetusten vaihtaminen</b><br/>
<br/>
Voit valita<br/>
- sivullesi <b>väriteeman</b><br/>
- asettaa sivulle <b>otsikkokuvan </b><br/>
- koko sivun taustalta isoilla näytöillä mahdollisesti näkyvän sivun <b>taustakuvan'<br/>
</b>- Lisätä lisäotsikon sivun nimen alle:<b> alitosikko 1 </b>ja <b>aliotsikko 2</b><br/>
- sivulle sopivan <b>fonttityylin</b> (kirjasintyylin)<b><br/>
<br/>
Tässä alla on näkymä "Tyylin muokkaaminen" -alueesta:<br/>
</b><a href="https://peda.net/ohjeet/pedanteri/personoitu-ulkoasu-kurssisivuille/nain-lisaat-sivullesi-otsikkokuvan-ja-mu/4.-tyyliasetukset.png#top" title="4. Tyyliasetukset.png"><img src="https://peda.net/ohjeet/pedanteri/personoitu-ulkoasu-kurssisivuille/nain-lisaat-sivullesi-otsikkokuvan-ja-mu/4.-tyyliasetukset.png:file/photo/f9658577dd5cbba8ee98ae655de2c2ab8aa7e7cb/4.%20Tyyliasetukset.png" alt="" title="4. Tyyliasetukset.png" class="inline" loading="lazy"/></a><br/>
<br/>
<b>Muista lopuksi painaa: Tallenna!</b><br/>
<br/>
<strong class="editor red"><b>p.s. Peda.net-sivujen voimakkaampi, räätälöity muokkaaminen on mahdollista css-työkalujen avulla. Autamme mielellämme räätälöinneissä, ota siis rohkeasti yhteyttä: info@peda.net</b></strong>2021-10-19T15:01:35+03:00