Lokarin valmiista ulkoasutyyleistä löytyy myös yliopiston "virallisia" tyylejä eri tiedekuntien väreissä. Tarjolla on kuitenkin vain tiedekuntien tunnisteet suomeksi ja ylhäältä puuttuvat kieli- ym. linkit. Tässä ohjeessa kerrotaan, miten Lokarisivuille on mahdollista saada HY:n ulkoasutyylien mukaiset, laitoksille kustomoidut "täydelliset" ylätunnisteet.
"Täydellistä" ylätunnistetta varten on
- otettava käyttöön laitokselle kustomoitu ulkoasutyyli ja
- tehtävä muutoksia sivuston ylätunnisteen xhtml-koodiin.
1. Ulkoasutyyli
- Ota ensin käyttöön oman tiedkuntasi mukainen ulkoasutyyuli valmiista tyyelistä (Asetukset -> Ulkoasu -> Hae valmis ulkoasutyyli).
- Rivillä 121 löytyy taustakuva-määritys, jota muuttamalla sivulle saadaan oman laitoksen ylätunniste, eismerkkinä tässä valtsikan:
background-image: url(http://www.valt.helsinki.fi/blogs/skins/hy_banner_valt_fi.gif);
- Muuta tuosta kohdan valt-tilalle oman laitoksesi laitotunnus (esim. sosiolgia=sosio, kansantaloustiede=katal, viestintä=comm, jne).
- Jos haluat sivuista englannin tai ruotsinkieliset, muuta kirjainten
fitilalleen(englanti) taisw(ruotsi).
2. Kustomoitu ylätunniste
Kopioi seuraava XHTML-koodi ylätunnisteeksi (kohtaan Asetukset -> Ylä- ja alatunniste):
<!-- Kustomoitu ylätunniste alkaa tästä ---> <div id="top"> <a href="http://www.helsinki.fi/yliopisto/" id="hyhome"><em>Yliopiston etusivulle</em></a> <a href="http://www.valt.helsinki.fi/" id="langfi"><em>Suomeksi</em></a> <a href="http://www.valt.helsinki.fi/fakulteten/" id="langsv"><em>På Svenska</em></a> <a href="http://www.valt.helsinki.fi/faculty/" id="langen"><em>In English</em></a> </div> <div id="banner"> <h1 id="university"> <a href="http://www.helsinki.fi/yliopisto/" id="hy"><em>Helsingin yliopisto</em></a> </h1> <h1 id="faculty"> <a href="http://www.valt.helsinki.fi/sosio/" id="org"><em>Valtiotieteellinen tiedekunta (vaihda tähän oma laitos)</em></a> </h1> </div> <div id="header"> <h1> <a href="index.htm">SIVUSTON NIMI</a> </h1> </div> <!-- Kustomoitu ylätunniste loppuu tähän --->
- Ensimmäinen div-elementti (#top) sisältää kielilinkit. Vaihda linkkien osoitteet haluamiksesi, tässä ne johtavat tiedekunnan eri kielisille sivuille.
- Toinen div (#banner) sisältää kielilinkkien alla olevat suuremmat linkit yliopiston ja tiedkunnan tai laitoksen sivuille. Vaihda tdk-linkistä sekä osoite, että teksti.
- Alin div (#header) on sivun pääotsikko. Päivitä tähän sivuston nimi. Käytettäessä näin kustomoitua ylätunnistetta sivuston nimi ei enää asetuksista vaihdettaessa päivity ylätunnisteeseen automaattisesti, vaan se on kirjoitettava tänne koodiin erikseen.
Ongelmia?
Jos näiden asetusten jälkeen ylätunniste on suuren "logopalkin" kohdalta tyhjä, syynä on todennäköisesti, etten ole vielä tehnyt ko. laitokselle ylätunnistekuvaa ko. kielellä. Asiasta voi meilata tai soittaa, saan sen tehtyä yleensä saman tien.
Kommentoi
Erota kappaleet kahdella rivinvaihdolla. Ei HTML-merkkausta.