Paljon kysytyt hahmosivun säätämiskeinot « Hahmot « Foorumit « Yhteisö « Aapeli

Paljon kysytyt hahmosivun säätämiskeinot

Käsitteitä
BB-koodi/BBC = lyhenne sanoista Bulletin Board Code. BBCode on merkintäkieli ja sitä käytetään usein keskustelupalstoilla.

HTML = (HyperText Markup Language) on merkintäkieli, jolla WWW-sivut tehdään.

Tagi = komento

Attribuutti = tagin lisäominaisuus

URL = (Uniform Resource Identifier) netin katuosoite, eli sivun osoite, kuten http://www.aapeli.com/

Yleistä
Aapelissa voidaan käyttää BB-koodeja, jotka ovat suppea "koodikirjasto" HTML-koodeista. BB-koodeihin on otettu mukaan vain tärkeimpiä tekstin muokkauskoodeja. BB-koodeilla voidaan rajata kirjoittajan tapaa muokata tekstiä / sivua, kun suljetaan pois kaikki muut koodit (HTML-koodeista). Rajaus ihan vain selkeyden vuoksi.

BB-tagit ovat aina avattava sekä suljettava:

[??]tekstiä[/??]

Tagit tulevat siis sen tekstin ympärille, eteen ja taakse. Huomaathan myös, että tagin sulkevassa osassa on / merkki (kauttaviiva), se on aina oltava kun tagi suljetaan, muuten aloittavan tagin vaikutusalue jatkuu loppuun asti ja sehän ei näytä hyvältä.

Pysy kohtuudessa tagien käytön suhteen, älä rupea leikkimään liikaa tekstin värien ja kokojen kanssa - varsinkaan foorumissa. Tekstiä muotoilemalla saa tektistä selkeää ja helppolukuista, mutta myös sekavaa sekamelskaa - käytä muotoiluja siis harkiten.

Tekstin muokkaus-tagit

Perusmuokkaus:

[b]Lihavointi[/b]
[i]Kursivointi[/i]
[u]Alleviivaus[/u]
[s]Yliviivaus[/s]

[sup]Teksti on ^{yläindeksinä}[/sup]
[sub]Teksti on _{alaindeksinä}[/sub]

Akronyymi:

Akronyymi eli lyhennesana voidaan määrittää Acronym-tagilla:

[acronym="eli Aapeli"]Aapo[/acronym]

Akronyymin sisältävä sana erottuu yleensä sillä, että sen alla on katkonainen alleviivaus. Kun hiiren vie sanan päälle, näkee sanan selitteen.

Tekstin koko:

Tekstin koko määritellään Size-tagilla.

[size=7]tekstin koko on nyt 7[/size]

Size-lukema voi olla Aapelissa 7 - 25 väliltä.

Tekstin ulkoasu

Tekstin fontin vaihto:

Tekstin fontti määritellään Font-tagilla.

Fontteja:
Times New Roman
Arial Black
Comic Sans MS

Yllä oli vain muutama fontti esimerkiksi. Itse koodi on seuraavanlainen:

[font="fontin nimi"]Tämä teksti näkyy määritetyllä fontilla[/font]

Jotta monisanaisetkin fonttien nimet toimisivat oikein, kannattaa aina laittaa fontin nimen eteen ja taakse " merkit.

Voit laittaa myös saataville montakin eri fonttia, jos jollakin ei ole sitä pääfonttia minkä olet määritellyt. Toissijaiset fontit erotellaan pilkulla:

[font="Times New Roman","Arial Black","Comic Sans MS"]Tämä teksti näkyy fontilla, joka on saatavissa ensimmäisenä[/font]

Tekstin värin vaihto:

Tekstin väri määritellään Color-tagilla.

Väri määritetään tagiin kirjoittamalla värin nimi englanniksi tai sitten väri voidaan määrittää tarkemmin heksakoodina.

Perusvärit:
█████ - #000000 - Black
█████ - #808080 - gray
█████ - #c0c0c0 - silver
█████ - #ffffff - white
█████ - #00ffff - aqua
█████ - #0000ff - Blue
█████ - #000080 - navy
█████ - #800080 - purple
█████ - #ff00ff - fuchsia
█████ - #ff0000 - red
█████ - #008080 - teal
█████ - #008000 - green
█████ - #808000 - olive
█████ - #00ff00 - lime
█████ - #ffff00 - yellow

Yllä olevassa taulukossa on vain perusvärejä, mutta värejä saa heksakoodina 16 777 216 eri värisävyä. Netistä löydät värigeneraattoreita, joilla voit katsoa jonkun tietyn värin heksakoodin. Huomaathan myös, että heksavärikoodi alkaa aina # (risuaita) merkillä.

Värikoodiesimerkit:
[color=blue]Tämä teksti on sinistä[/color]
[color=#0000ff]Tämä teksti on sinistä[/color]

On myös olemassa värijoukko, joita sanotaan Web-turvallisiksi väreiksi, sillä ne näkyvät varmasti täsmälleen samoin kaikilla. Näitä Web-turvallisia värejä on 216 kappaletta - tuttu väripaletti Aapelin hahmogeneraattoristakin. Nämä värit voidaan merkitä myös kolmella merkillä:

[color=#00f]Tämä teksti on sinistä[/color]

Mutta tätä muotoa käytetään harvemmin, selkeämpi tyyli on käyttää värin nimeä tai pidempää heksakoodia.

Lisää väreistä voit lukea blogistani.

Tekstin asemointi

Asemoinnin määritys tapahtuu Align-tagilla:









Tekstin sisennys

Tekstiä voidaan sisentää Indent-tagilla:

Tekstin lainaus

Foorumissa yleensä lainataan tekstiä jotta toiset näkevät kenen ja mihin juttuun vastaa/viittaa. Lainaus määritellään Quote-tagilla:

[quote]
Tämä on lainattua tekstiä
[/quote]

Lainaukseen voidaan myös määrittää otsikko, kun halutaan laittaa kirjoittajan nimi:

[quote="Henkilön nimi, jonka tekstiä lainataan"]
Tämä on lainattua tekstiä
[/quote]

Kun halutaan nimen lisäksi päivämäärä, niin siihen tarvitaan Name- ja Date-attribuutti:

[quote name="Henkilön nimi, jonka tekstiä lainataan" date="10.10.2037"]
Tämä on lainattua tekstiä
[/quote]

WWW- ja sähköposti-linkit

Linkit määritellään URL-tagilla, seuraava malli on ihan perusmallinen linkki:

[url]http://www.aapeli.com/[/url]

Yllä oleva linkki näkyy vain URL-muodossa, mutta jos halutaan tehdä sitten vähän hienompi linkki ns. linkkitekstillä, eli joku haluttu sana on linkki, eikä itse osoitetta näy (muuta kuin selaimen tilarivillä), niin se tehdään seuraavasti:

[url=http://www.aapeli.com/]Paina tästä, niin pääset Aapeliin[/url]

Linkin aloittavaan tagiin lisäsimme = (on) merkin ja sen sivun osoitteen, jolle halutaan ja se haluttu tekstin pätkä tulee URL-tagien väliin. Muista aloittaa WWW-sivun osoite aina http://... niin linkki ei sekoile.

Yllä oli kuvattu normaali linkki, mutta voidaan myös tehdä sähköpostilinkkejäkin, jotka avaavat sinun vakiosähköpostiohjelmasi. Ne määritellään Email-tagilla, seuraava on perussähköpostilinkki:

[email]minun@sähköpostiosoitteeni.fi[/email]

Yllä oleva linkki näyttää samanlaiselta kuin normaalikin linkki, jossa näkyy määritetty sähköpostiosoite linkkinä, mutta sitten eron huomaa, kun katsoo selaimen tilariville, osoite alkaakin nyt "mailto:..", eli linkki avaakin sähköpostiohjelman, jos sitä painaa. Nyt taas voidaan haluta sulauttaa tuo sähköpostilinkkikin paremmin tekstiin, eli piilotamme tuon sähköpostiosoitteen näkyvistä ja laitamme seuraavasti halutun tekstin linkiksi:

[email=minun@sähköpostiosoitteeni.fi]Lähetä tästä minulle postia[/email]

Linkin aloittavaan tagiin lisäsimme = (on) merkin ja sen sähköpostiosoitteen johon halutaan, että posti menee ja se haluttu tekstin pätkä tulee Email-tagien väliin.

Kuvat

Aapelissa kuvat eivät näy suoraan, vaan ne ovat aina Näytä kuva -linkin takana. Kuva määritellään IMG-tagilla:

[img]http://www.operaattori.fi/joku/omakuva.png[/img]

IMG-tagien väliin vain täydellinen WWW-osoite josta kuva löytyy, kuvan on siis oltava jossakin päin internettiä ja kuva voi olla joko GIF, JPG tai PNG-formaatissa (yleisimmät kuvaformaatit netissä).

Painaessasi Näytä kuva -linkkiä, aukeaa se skaalautuen ruutuun kuvan näyttöikkunaan, jonka voi sulkea kuvan yläkulmasta.

Listat

Listoja voi tehdä List- tai Li-tageilla. Listan kohdat merkitään * tagilla.

[list]
[*]Kohta
[*]Kohta
[*]Kohta
[*]Kohta
[*]Kohta
[/list]

• Kohta
• Kohta
• Kohta
• Kohta
• Kohta

Listatyypit:

On mahdollista tehdä monen eri tyyppistä listaa. Tyyppi määritellään listan avaavaan tagiin.

[list=tyypin nimi]
[*]Kohta
[*]Kohta
[*]Kohta
[*]Kohta
[*]Kohta
[/list]

• Kohta
• Kohta
• Kohta
• Kohta
• Kohta

Järjestelemättömät tyypit:
disc (perus), circle, square

Järjestetyt tyypit:
1, 01, A, a, I, i, greek, armenian, georgian

Indent-tagin avulla tehty määritelmälista:

Ensimmäinen kohta: Toinen kohta:
Koodia

Kun käytät Code-tagi, sen vaikutusalueella oleva sisältö on vapaasti muokattavissa. Voi olla esimerkiksi monta välilyöntiä peräkkäin ilman, että niitä häviää mihinkään. Jos sisältö on pitkä niin silloin ilmestyvät rullauspalkit. Code-tagilla voi laittaa esimerkiksi ohjelmointikoodia ilman, että sisällön asemointi muuttuu:

[code]
Tähän koodia tai muuta sisältöä, jossa asemointi ei saa muuttua
[/code]

Tagien yhteiskäyttö

Yllä olevia tageja voidaan käyttää myös yhdessä, alla muutama esimerkki:

[font="courier"][color=blue][size=15][s][i][b]Yhteiskäyttö esimerkkiteksti 1[/b][/i][/s][/size][/color][/font]

Yllä olevassa esimerkissä on "Yhteiskäyttö esimerkkiteksti 1" teksti joka on Courier fontilla, sinisellä värillä, tekstin koko on 15, teksti on yliviivattu, kursivoitu ja vielä lihavoitu.

Tagien yhteyskäytössä kannattaa olla tarkkana ettei jokin tagi jää auki ja tagit kannattaa laittaa loogisessa järjestyksessä, minä laitoin yllä pienet tagit sisemmiksi ja ulkoreunaan isommat tagit. Ja hyvään tagien yhteiskäyttöön kuuluu myös se, että määrätyt tagien avaus- että sulkemisosa ovat yhtä kaukana siitä sisällöstä johon ne vaikuttavat, tällöin varmistutaan, että kaikki toimivat oikein. Alla on esimerkki siitä mitenkä ei kannata tageja sekaisin avata ja sulkea:

[color=blue][i][size=15][s][font=courier][b]Yhteiskäyttö esimerkkiteksti 2[/s][/i][/b][/size][/color][/font]

Erikoismerkit

Erikoismerkit esimerkiksi sydän-merkki saadaan ascii-koodien avulla. Ascii-koodit laitetaan ALT-näppäimen sekä näppäimistön laskinosan (näppäimistön oikea reuna) numeroiden avulla, Num Lock täytyy olla päällä, niin kuin yleensä onkin. ALT pohjassa laitat halutun ascii-merkin koodin ja päästät ALT:in ylös. Nyt sait merkin, joka ei välttämättä ole missään näppäimistön näppäimessä esillä.

Alla on muutama esimerkki:

ALT + 3 = sydän

ALT + 11 ja 12 = sukupuolisymbolit
ALT + 13 ja 14 = nuotit

ALT + 0169 = copyright
ALT + 0174 = trade mark

Netistä löytyy enemmänkin ascii-koodeja. Jos joku ei täsmää, niin lisää koodin eteen nolla, niin saat oikean merkin. Esimerkiksi 169 ja 0169 ovat eri merkki, miksi näin on niin sitä sinun ei tarvitse nyt tietää.

Huomioitavaa

Et voi käyttää HTML-koodia muotoiluun, vaan sinun on käytettävä BB-koodeja.

Lopuksi voit lukea hahmosivun säännöt.