Suntuubi-palvelussa käytetään evästeitä. Palvelua käyttämällä hyväksyt evästeiden käytön. Lue lisää. OK

Materiaali

Ennen kuin siirryt kopioimaan materiaalia sivuiltamme, luethan tältä sivulta löytyvät ohjeet ja säännöt? Ne ovat tärkeitä, sillä tarjoamme vapaasti kopioitavaa materiaalia teille, ja emme halua että tätä käytetään väärin, sillä se olisi loukkaavaa. Jos huomaamme, että näitä ehtojamme on rikottu, tulemme huomauttamaan asiasta. 

Haluatko toivoa jotain, tai tilausulkoasun? Tilausulkoasuja teemme joskus kun riittää aikaa ja jaksamista, mutta toiveita voi aina jättää vieraskirjaan. Jos haluat tilata ulkoasun (tai jotain muuta!), siitä kannattaa kysyä myös vieraskirjassa. Toiveista ja tilauksista luodaan lista tänne: (klick).
 

Säännöt

1. Merkitse tekijänoikeudet aina heti ja oikein. Niiden tulee löytyä helposti ja olla selkeästi aseteltu. Linkkien tulee olla oikein. Esimerkiksi ulkoasusta ei myöskään saa poistaa Lyraen osoitetta. 

2. Älä väitä mitään sivuiltamme kopioidusta materiaalista omaksesi. Pieniä muutoksia saa tehdä (niistä kannattaa ilmoittaa!) ja isommista muutoksista tulee kysyä ensin! Jos vain otat meiltä pohjan muokattavaksesi, ja sitten väität sitä omaksesi, se on varastamista. 

2.1. Fonttia saa vaihtaa, ja esimerkiksi ulkoasuun voi editoida oman sivunsa otsikon. Värejäkin saa muuttaa vähäsen, mutta vain hyvän maun rajoissa. Kaikista muutoksista tulee ilmoittaa tekijänoikeuksissa erikseen, ja suuremmista muutoksista tulee aina kysyä etukäteen! 

2.2. Ulkoasujen taustakuvaa saa vaihtaa, eikä sitä ole pakko kopioida. Jos taustakuva ei ole Lyraesta, muista kuitenkin merkitä myös sen tekijänoikeudet kunnolla.

3. Kun kopioit ulkoasun, sinun tulee kopioida se kokonaan. Suurimmassa osaa ulkoasuistamme koodi on tehty juuri sille ulkoasulle, eikä se välttämättä sovi muille sivuille. Ulkoasuissa et voi vaihtaa esimerkiksi yläkuvaa, vaan se täytyy kopioida kokonaan, eikä siihen voi vaihtaa jotakin toista koodia. 

3.1. Jos haluat kopioida meiltä pelkän CSS-koodin, kopioi se "Koodit" -osioista, älä "Ulkoasut" -osiosta! 

4. Ilmoita materiaalin kopioimisesta aina Lyraeen mahdollisimman pian. Jos sinulla on aikaa kopioida koodi ja lisätä se sivuillesi, sinulla on myös aikaa merkitä tekijänoikeudet ja ilmoittaa tänne! Kopiointikirja: (klick)

Asentaminen

Ulkoasun asentaminen tapahtuu niin, että menet haluamasi ulkoasun sivuille Lyraessa. Olemme listanneet ja linkittäneet kuvat, jotka tarvitset ulkoasua varten ensimmäiseksi. Tallenna kaikki kuvat omalle tietokoneellesi, ja lataa ne sitten sivuillesi. (Ylhäällä oleva oranssi palkki → Tiedostot → Image) Ylä- ja alakuvia ei tarvitse sivuille tallentaa.

Kun olet ladannut kuvat sivuillesi, voit siirtyä seuraaviin ohjeisiin, eli itse ulkoasun asentamiseen. Ulkoasun ylä- ja alakuvat lisätään sivuille Grafiikka -osiosta. (Ylhäällä oleva oranssi palkki → Grafiikka) Yläkuva lisätään ensimmäisestä linkistä, eli "Lisää grafiikkaa yläpalkkiin". Valitse ensimmäinen kohta, eli "Vaihtoehto 1: Valitse kuva kovalevyltä:" ja paina sen vieressä olevaa nappia. Sitten lataat kuvan tietokoneeltasi Suntuubiin, ja painat vielä alhaalta "Ota käyttöön" nappia. Tee samoin myös alakuvan kohdalla. (Grafiikka → Lisää grafiikkaa alapalkkiin)

Sitten lisäät asetukset niin kuin ne on ulkoasun sivulla kerrottu. Eli menet esimerkiksi ulkoasun asetuksien sivulla (Ylhäällä oleva oranssi palkki → Yleiset asetukset → Ulkoasu) kohtaan "Sivujen leveys pikseleinä tai prosentteina", ja lisäät siihen sen numeron, mikä ulkoasun sivulla lukee. On tärkeää, että kopioit kaikki tiedot juuri sellaisina kuin ne ovat, ja lisäät ne oikeisiin kohtiin. Tee samoin navigaation kohdalla. 

CSS-koodi lisätään grafiikkaan kohtaan CSS-tyylien lisäys. Kopioi ulkoasun sivulta kokonaan laatikossa oleva koodinpätkä, ja liitä se koodikenttään. Paina "Päivitä" -nappia kun olet valmis. Älä muuta koodia mitenkään. Muista merkitä Lyrae tekijänoikeuksiin, ja älä muokkaa ulkoasuja suuresti (tietenkin esim. sivujen nimen saa muokata yläkuvaan tms.). 

Jos ulkoasun asentamisessa on ongelmia, suosittelen vilkaisemaan Viimakourasta löytyvää kuvallista ohjetta (klick) tai kysymään apua täällä! 
 

 

CSS-koodin asentaminen riippuu hiukan koodista. CSS-koodit lisätään sivulle grafiikkaosiosta kohtaan CSS-tyylien lisäys. Huomaa, että sinun täytyy ensin muokata ulkoasuosiosta Tarkistetaanko muokattujen tyylitiedostojen olemassaoloa? -kohtaan vastaukseksi kyllä. Sitten liität Lyraesta haluamasi CSS-koodin sivuillesi. Sinun kannattaa muokata esimerkiksi ulkoasusi marginaaleja, jotta koodi näyttää järkevältä sivuillasi. Jos tarvitset siinä apua, pyydä täältä apua! 

Huomaa, että Lyraesta CSS-koodeja saa kopioida vain niille tarkoitetusta paikasta. Ulkoasujen CSS-koodeja ei saa (luvatta ainakaan) kopioida, sillä yleensä ne on räätälöity juuri niille ulkoasuille, mille ne ne on tehty. Ethän muokkaa koodejamme, ja muistathan lisätä aina tekijänoikeudet oikein?
 

 

Div-koodin asentaminen voi olla hiukan haastavampaa, jos et ole koskaan käyttänyt Suntuubin koodipuolta. Divit ovat siis CSS-koodissa muokattuja elementtejä, kuten esimerkiksi laatikoita, joita voi sitten käyttää itse sivujen puolella, asentamalla ne HTML-koodiin. Jos et ymmärtänyt tuota, ei se haittaa. CSS-koodit lisätään muidenkin koodien tavalla niille tarkoitettuun paikkaan, joka löytyy grafiikan sivulta. Divin koodin voi laittaa vaikkapa muiden jälkeen.

 Jos olet käyttänyt Suntuubin sivujen muokkaustilaa, olet varmasti huomannut sen yllä olevan työkalupalkin. Sieltä - jossain siinä keskellä - on nappi, jossa lukee "Koodi", ja sitä painamalla pääset käsiksi sivun koodiin.

Divit asennetaan lisäämällä koodiin tyhjään kohtaan seuraavanlainen tekstinpätkä:
<div class="NIMI"> tekstisi tulee tähän </div>
Huomaa, ettei divin sisällä olevan tekstin tule olla ainakaan lisäysvaiheessa <p> merkintöjen sisällä! Divin nimen saat tietää CSS-koodista, jossa se on merkitty alkuun näin: .NIMI, jonka jälkeen loput koodista tulee. Lyraessa divien nimet ovat samat, kuin millä ne on merkitty muutenkin sen sivulle, joten sen löytämisen ei tulisi olla ongelma. 

Divien asentaminen ja käyttäminen saattaa vaatia hiukan harjoittelua, joten älä lannistu jos se ei ensimmäisellä yrittämällä onnistu! Ja jos jokin ei vain tunnu sujuvan, älä pelkää tulla kysymään meiltä, minkälainen ongelma on kyseessä - pystymme varmasti auttamaan! Muistathan myös, että div-koodienkin kopioimisesta tulee ilmoittaa ilmoituskirjaamme, tekijänoikeudet tulee merkitä oikein eikä koodeja saa muokata runsaasti tai väittää omaksi! 
 

 

Vieraskirjakoodit on todella helppoja asennettavia. Menet vain vieraskirjan asetuksiin (Ylhäällä oleva oranssi palkki → Yleiset asetukset → Vieraskirja) ja liität Lyraesta kopioidut koodit sinne. Huomaa, että joskus kaikki vieraskirjakoodit eivät sovi kaikille sivuille, esim. jos koodissa on tumma tausta, ja sivullasi on tumma teksti. Muistathan lisätä myös vieraskirjakoodien kohdalla tekijänoikeuksiin Lyraen, äläkä muuta koodia tai väitä sitä omaksesi! 

©2019 Lyrae - suntuubi.com