<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="https://peda.net/:static/548/atom.xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>Otsikkokuvan vaihtaminen</title>
<id>https://peda.net/id/45f52188328</id>
<updated>2023-08-04T09:22:52+03:00</updated>
<link href="https://peda.net/id/45f52188328:atom" rel="self" />
<link href="https://peda.net/ohjeet/ty%C3%B6v%C3%A4lineet/sivut/sivun-ulkoasun-muokkaus-tyyliasetukset/varien-ja-kirjasintyylin-muuttaminen#top" rel="alternate" />
<logo>https://peda.net/:static/548/peda.net.logo.bg.svg</logo>
<rights type="html">&lt;div class=&quot;license&quot;&gt;Tämän sivun lisenssi &lt;a rel=&quot;license noopener&quot; href=&quot;https://peda.net/info&quot; target=&quot;_blank&quot;&gt;Peda.net-yleislisenssi&lt;/a&gt;&lt;/div&gt;&#10;</rights>

<entry>
<title>Näin vaihdat sivun otsikkokuvan eli bannerikuvan: </title>
<id>https://peda.net/id/0ea2eb6a329</id>
<updated>2023-11-17T13:04:33+02:00</updated>
<link href="https://peda.net/ohjeet/ty%C3%B6v%C3%A4lineet/sivut/sivun-ulkoasun-muokkaus-tyyliasetukset/varien-ja-kirjasintyylin-muuttaminen/nain-vaihdat-sivun-otsikkokuvan-eli-bannerikuvan-%C2%A0#top" />
<content type="html">&lt;span&gt;Jotta voit muokata sivun tyyliasetuksia, tulee sivun olla päätasona ja sinulla olla sinne ylläpitäjän oikeudet. &lt;/span&gt;&lt;a href=&quot;https://peda.net/id/c421f5b4bed&quot; rel=&quot;noopener&quot; target=&quot;_blank&quot;&gt;Ohjeet sivun tason vaihtamiseen löydät täältä.&lt;/a&gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;br/&gt;&#10;1. Mene sivulle, jonka bannerikuvan (eli sivun yläreunassa näkyvän kuvan) haluat vaihtaa. &lt;br/&gt;&#10;&lt;br/&gt;&#10;2. Klikkaa vasemmasta reunasta &amp;quot;Muokkaa tyyliä&amp;quot; ja &amp;quot;Vaihda bannerikuva&amp;quot;.&lt;br/&gt;&#10;&lt;br/&gt;&#10;3. Klikkaa &amp;quot;Valitse tiedosto&amp;quot; ja etsi koneeltasi haluama kuva. Klikkaa kuvaa ja paina vielä &amp;quot;Avaa&amp;quot;.&lt;br/&gt;&#10;&lt;br/&gt;&#10;4. Rajaa kuva sopivaksi ja paina &amp;quot;Tallenna valinta&amp;quot;. &lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;b&gt;&lt;br/&gt;&#10;Huom! &lt;/b&gt;Bannerikuvaa valitessa kannattaa huomioida, että kuva rajautuu korkeussuunnassa matalammaksi eli osa kuvan ylä-/alareunasta rajautuu pois. Mikäli kuvassa on jokin erityinen huomiopiste, jonka haluat näkyvän myös esim. pienillä mobiilinäytöillä, kannattaa tämä tärkeä kuvasisältö olla ylä-/alasuunnassa keskellä kuvaa ja kuva-alueen vasemmassa neljänneksessä. Kun bannerikuva skaalautuu pienemmäksi mobiililaitteita ja pienempiä näyttöjä varten, alkaa se ensin zoomautua pienemmäksi. Sen jälkeen (esim. tableteilla ja kännykkänäytöillä) kuva rajautuu oikeasta reunasta alkaen pienemmäksi.&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;b&gt;Huom!&lt;/b&gt; &amp;quot;Muokkaa tyyliä&amp;quot; -painikkeen takaa voit poistaa bannerikuvan myös kokonaan, jolloin sivun taustakuva näkyy paremmin.</content>
<published>2023-08-04T09:27:59+03:00</published>
</entry>


</feed>