Tyylin muokkaus: Ominaisuudet

Valitse jokin seuraavista tyylielementin tyypeistä: Alkiot, Välilehdet, Portlet-sovellukset tai Yleinen.

Tyylielementin ominaisuudet- ja Esikatselu-osioiden sisältö päivittyy vastaamaan valittua tyylielementin tyyppiä.

Valitse tyylielementti, jonka värit ja fontit haluat vaihtaa. Sivu päivittyy automaattisesti, ja sillä näkyvät valittuun sivuelementtiin liittyvät ominaisuudet. Jos valitset esimerkiksi Yleinen-tyylielementtityyppiin kuuluvan Alueen otsikkokuva -tyylielementtiominaisuuden, sivu päivittyy, ja sillä näkyvät tyylin ominaisuudet Taustaväri, Korkeus (pikseleinä) ja Tekstin tasaus.

Huomautuksia:

• Listassa näkyvät tyylielementit määräytyvät Tyylielementtityyppi-osiossa valitun elementtityypin mukaan. Jos esimerkiksi valitaan Välilehti-elementtityyppi, tässä listassa näkyvät Aktiivisen värilehden väri, Aktiivisen välilehden teksti, Ei-aktiivisen välilehden väri ja Ei-aktiivisen välilehden teksti.
• Alkiot-tyylielementtityyppiin kuuluva Oletusmäärite-tyylielementtiominaisuus määrää värin ja fontin kaikille määritteille, joita ei ole listattu erikseen Tyylielementin ominaisuudet -listassa.

Syötä valitun tyylielementin taustana käytettävän värin heksadesimaalikoodi. Tallenna muutokset ja katsele niitä Esikatselu-osiossa napsauttamalla Käytä.

Huomautuksia:

• Jos valittua heksadesimaalikoodia ei ole väripaletissa, välilehtien ja portlet-sovellusten kulmat eivät näy pyöreinä vaan neliskulmaisina.
• Jos et tiedä heksadesimaalikoodia, valitse väri käyttämällä väripalettia.
• Jos sivulla käytetään HTML-sivun olemuksen mallipohjaa, taustaväri otetaan mallipohjasta ja määritetyssä tyylissä määritettyä taustaväriä ei huomioida. Jos HTML-sivun olemus ei määritä taustaväriä, sivussa ei käytetä taustaväriä.

Syötä sivun tai alueen taustalla näytettävän kuvan polku ja tiedostonimi. Voit myös etsiä kuvan valitsemalla Selaa. Kun valitset Käytä, tiedosto ladataan sivuryhmään.

Esimerkki: c:\webimages\pagebg.gif

Voit poistaa taustakuvan napsauttamalla .

Syötä valitun tyylielementin värin heksadesimaalikoodi. Tallenna muutokset ja katsele niitä Esikatselu-osiossa napsauttamalla Käytä.

Huomautus: Jos et tiedä heksadesimaalikoodia, valitse väri käyttämällä väripalettia.

Valitse valitun elementin koristelu: <Ei mitään>, Teksti, Alleviivaus, Yliviivaus tai Alleviivaus-yliviivaus. Tallenna muutokset ja katsele niitä Esikatselu-osiossa napsauttamalla Käytä.

Huomautus: Teksti- ja <Ei mitään>-valinnat tuottavat samat tulokset useimmissa alkiotyypeissä. Ne eroavat kuitenkin toisistaan, kun niitä käytetään alkioissa, jotka näytetään hyperlinkkeinä.

• Kun valintaa Ei mitään käytetään hyperlinkkiin, hyperlinkin näyttötapa määräytyy käyttäjän selaimen asetusten perusteella. Käyttäjän selaimen kokoonpano siis määrää, näytetäänkö hyperlinkki tavallisena tekstinä vai alleviivattuna.
• Kun valintaa Teksti käytetään hyperlinkkiin, hyperlinkki näytetään aina tavallisena tekstinä, jota ei ole alleviivattu. Käyttäjän selaimen asetuksia ei huomioida.

Syötä fontin koon arvo ja mittayksikkö. Valitse jokin seuraavista:

• kiinteä px-yksikkö (pikselit, pikselien määrä vaihtelee näytön koosta riippuen)
• kiinteä pt-yksikkö (pisteet)
• suhteellinen em-yksikkö (määräytyy viimeksi määritetyn fontin fonttikoon perusteella)
• suhteellinen ex-yksikkö (määräytyy viimeksi määritetyn fontin X-koon perusteella)
• suhteellinen %-yksikkö (määräytyy viimeksi määritetyn fontin fonttikoon perusteella).

Kiinteät mittayksiköt ilmaistaan tarkkoina arvoina. Niiden mittakaava ei muutu. Suhteelliset mittayksiköt ilmaistaan arvoina, jotka liittyvät ympäröivään tekstiin. Suhteellisia mittayksiköitä käyttämällä sivujen mittakaavaa voidaan muuttaa, kun ne siirretään eri laitteille tai selaimen tekstiasetuksia muutetaan.

Tallenna muutokset ja katsele niitä Esikatselu-osiossa napsauttamalla Käytä.

Valitse, miltä haluat portlet-sovelluksen otsikoiden näyttävän:

Normaali (Neliö)

Pyöristetty

Pyöristetty vasen reuna

Pyöristetty oikea reuna

Näyttää tälle sivulle valittujen tyylin ominaisuuksien esikatselun. Muokkaa elementin tyylin ominaisuuksia napsauttamalla elementtiä esikatseluikkunassa.

Huomautus: Esikatselussa näkyvät tyylin ominaisuudet määräytyvät Tyylielementtityyppi-osiossa valitun elementtityypin mukaan. Jos esimerkiksi valitaan Välilehti-elementtityyppi, esikatselussa näkyvät määritysten Aktiivisen välilehden väri, Aktiivisen välilehden teksti, Ei-aktiivisen välilehden väri ja Ei-aktiivisen välilehden teksti tyylin ominaisuudet.