Ulkonäön räätälöinnit
https://peda.net/id/Ht4FQNM
2014-03-06T13:50:17+02:00
https://peda.net/:static/535/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>
Info-tv:n ulkoasun määrittäminen. Lisätietoja info@peda.net.
https://peda.net/id/b243bfc08
2017-11-02T13:14:11+02:00
<p class="p1">Info tv:n tyyliä voi siis nykyään muokata omien mieltymysten mukaan.</p>
<p class="p2"> </p>
<p class="p1"><span class="s1">.infotv luokkavalitsinta käyttämällä tyylit kohdentuu inffoteeveeseen. Muutama esimerkki alla.</span></p>
<p class="p2"> </p>
<p class="p1"><span class="s1">//Taustavärin määritys:</span></p>
<p class="p1"><span class="s1">body.presentation,</span></p>
<p class="p1"><span class="s1">div.jsrequired</span></p>
<p class="p1"><span class="s1">{</span></p>
<p class="p1"><span class="s1">background: #991;</span></p>
<p class="p1"><span class="s1">color: #182;</span></p>
<p class="p1"><span class="s1">}</span></p>
<p class="p2"> </p>
<p class="p1"><span class="s1">//Otsikon muotoilu:</span></p>
<p class="p1"><span class="s1">.infotv h1</span></p>
<p class="p1"><span class="s1">{</span></p>
<p class="p1"><span class="s1">color: #917;</span></p>
<p class="p1"><span class="s1">font-style: italic;</span></p>
<p class="p1"><span class="s1">}</span></p>
2015-11-10T14:36:42+02:00
Etusivun poistetut tyylit (tammikuu 2017)
https://peda.net/id/7e58430ad1b
2017-01-03T15:28:20+02:00
/*@media all and (min-width:19em)<br/>
{<br/>
body > header > nav.path<br/>
{<br/>
background: url(<a href="https://peda.net/dev/theme/itk/itk2016:file/download/c4a13755527ad7e4b9ef32a0768707293714a45e/taitettu-kulma-itk-2016.png)">https://peda.net/dev/theme/itk/itk2016:file/download/c4a13755527ad7e4b9ef32a0768707293714a45e/taitettu-kulma-itk-2016.png)</a> transparent no-repeat 100% 100%;<br/>
background-size: contain;<br/>
}<br/>
}*/<br/>
<br/>
.frontpage.box.infofeed<br/>
{<br/>
background: #0066CC;<br/>
}<br/>
.frontpage.box.infofeed:first-child<br/>
{<br/>
padding-top: 0em;<br/>
}<br/>
<br/>
<br/>
<br/>
/*JOULUTEEMA UUJEA!*/<br/>
@media all and (min-width:19em)<br/>
{<br/>
body > header > nav.path<br/>
{<br/>
background: url(<a href="https://peda.net/dev/theme/joulu/snowmen-160883-png:file/download/)">https://peda.net/dev/theme/joulu/snowmen-160883-png:file/download/)</a> transparent no-repeat 95% 100%;<br/>
background-size: contain;<br/>
}<br/>
}
2017-01-03T15:28:20+02:00
Pieni kuva yläpalkin oikeaan reunaan (suositeltava kuva: läpikuultava PNG)
https://peda.net/id/911230a2a
2015-02-02T09:32:22+02:00
<pre>@media all and (min-width:19em)<br/>
{<br/>
body > header > nav.path<br/>
{<br/>
background: url(<a href="https://peda.net/dev/theme/joulu/snowmen-160883-png:file/download/)">https://peda.net/dev/theme/joulu/snowmen-160883-png:file/download/)</a> transparent no-repeat 95% 100%;<br/>
background-size: contain;<br/>
}<br/>
}</pre>
2015-02-02T09:31:56+02:00
Yläpalkin kuvan vaihtaminen (tumma taustakuva, suositeltu kuva JPG min 1200x200 pikseliä)
https://peda.net/id/05313186a
2015-02-02T10:16:36+02:00
<pre>body > header<br/>
{<br/>
background: url(<a href="https://peda.net/dev/theme/tyk/kuvia/vk0:file/download/)">https://peda.net/dev/theme/tyk/kuvia/vk0:file/download/)</a> no-repeat 10% 20% #000;<br/>
background-size: cover;<br/>
}<br/>
<br/>
body > header > .path,<br/>
header .path a,<br/>
header .path .service.toplevel a<br/>
{<br/>
color: #fff;<br/>
text-shadow: 0 0 0.2em rgba(0,0,0,0.25);<br/>
}<br/>
<br/>
header .path .pathitem a:hover,<br/>
header .path .pathitem a:active,<br/>
header .path .service.toplevel a:hover,<br/>
header .path .service.toplevel a:active<br/>
{<br/>
color: #fff;<br/>
text-shadow: 0 0 0.2em rgba(255,255,255,0.25);<br/>
}<br/>
<br/>
</pre>
2015-02-02T09:35:11+02:00
Yläpalkin kuvan vaihtaminen (vaalea taustakuva, suositeltu kuva JPG min 1200x200 pikseliä)
https://peda.net/id/7af48cc4a
2015-02-02T10:17:21+02:00
<pre>body > header<br/>
{<br/>
background: url(<a href="https://peda.net/dev/theme/joulu/talvinen-taustakuva:file/download/)">https://peda.net/dev/theme/joulu/talvinen-taustakuva:file/download/)</a> no-repeat 100% 90% #fff;<br/>
background-size: cover;<br/>
}<br/>
<br/>
body > header > .path,<br/>
header .path a,<br/>
header .path .service.toplevel a<br/>
{<br/>
color: #000;<br/>
text-shadow: 0 0 0.2em rgba(255,255,255,0.25);<br/>
}<br/>
<br/>
header .path .pathitem a:hover,<br/>
header .path .pathitem a:active,<br/>
header .path .service.toplevel a:hover,<br/>
header .path .service.toplevel a:active<br/>
{<br/>
color: #000;<br/>
text-shadow: 0 0 0.2em rgba(0,0,0,0.25);<br/>
}</pre>
2015-02-02T10:14:16+02:00