Aapelissa linkin väri?

Vaikee kuvitella, että siihen väriin voi vaikuttaa joku muukin kuin sivun ylläpito.

KÄSITTEITÄ
***********
HTML = (HyperText Markup Language) on merkkauskieli 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/

Prologi = Alkusanat

Epilogi = Loppusanat

YLEISTÄ (Prologi)
********
Aapelin foorumeissa, pelaajakorteissa, vieraskirjoissa, päiväkirjoissa jne. voidaan käyttää BB-koodeja. BB-koodisto on suppea "koodikirjasto" HTML-koodeista. BB-koodeihin on otettu mukaan vain tärkeinpiä tekstin muokkauskoodeja. BB-koodisysteemillä 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 / elementin 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ä.

HUOM. foorumissa EI toimi värit, tekstin koon, fontin muuttaminen jne. vain perusjutut, mutta muualla toimivat kaikki.

MYÖS aivojen käyttö on sallittua tagien käytön suhteen, ÄLÄ rupea peeloilemaan tekstin värien ja kokojen kanssa.

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 ala-indeksinä[/sub]

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

[size=10]tekstin koko on nyt 10[/size]
[size=15]tekstin koko on nyt 15[/size]
[size=20]tekstin koko on nyt 20[/size]

Size-numero/koko voi olla mikä vain.

Tekstin fontin vaihto:
------------------------
Tekstin fontti vaihdetaan Font-tagilla.

Eri fontteja:

arial
courier
verdana
comic

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

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


Tekstin väri:
--------------
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.

Eri värejä tekstinä:

black
brown
maroon
red
orange
yellow
olive
lime
green
teal
aqua
blue
navy
purple
fuchsia
gray
silver
white

Eri värejä heksakoodina:

#000000 (musta)
#ffffff (valkoinen)
#0000ff (sininen)
jne.

Tuossa oli vain kolme eri väriä heksakoodina, mutta niitä värejä saa heksakoodina ainakin noin 16 500 000 (ylikin) eri väriä. Netistä löydät generaattoreita joilla voit määrittää jonkun värin heksakoodiksi. 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]

TEKSTIN / ELEMENTIN ASEMOINTI
*****************************
BB-koodeilla voidaan myös määrittää missä kohtaa tai miten teksti tai kuva näkyy. Määritys tapahtuu Align-tagilla:

[align=left]Tämä teksti/kuva on sijoitettu vallitsevan alueen vasempaan reunaan[/align]

[align=right]Tämä teksti/kuva on sijoitettu vallitsevan alueen oikeaan reunaan[/align]

[align=center]Tämä teksti/kuva on sijoitettu vallitsevan alueen keskelle[/align]

[align=justify]Tämän tekstin kummatkin reunat ovat tasoitettu[/align]

TEKSTIN LAINAUS
****************
Foorumissa yleensä lainataan tekstiä jotta toiset näkevät kenen ja mihin juttuun vastaa/viittaa. Lainaus määritellään Quote-tagilla. Tämä tagi toimii/näkyy vähän erilailla (paremmin) foorumissa kuin esim. vieraskirjassa:

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

Foorumissa ainakin voidaan myös määrittää lainauksen otsikkokin, määritys tehdään Title-attribuutilla seuraavasti:

[quote title="Tämä on lainauksen otsikko"]
Tämä on lainattua tekstiä
[/quote]

WWW- JA SÄHKÖPOSTI-LINKIT
**************************
BB-koodeilla voidaan tehdä myös linkkejä. Linkit määritellään URL-tagilla, seuraava malli on ihan perus-BB-mallinen linkki:

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

Yllä oleva linkki näkyy ihan vain URL-muodossa, mutta jos halutaan tehdä sitten vähän hiemonpi linkki ns. kuumalla tekstillä, eli joku haluttu sana on se 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]

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

Yllä oli kuvattu normaalilinkki, mutta voidaan myös tehdä sähköpostilinkkejäkin jotka avaavat sinun vakio sähköpostiohjelmasi (jos se on määritetty). 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 taasen 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]

Eli nyt Email-linkin aloittavaan tagiin lisäsimme = (on) merkin ja sen sähköpostiosoitteen johon halutaan, että posti menee ja sitten se haluttu tekstin pätkä tulee Email-tagien väliin. Joku (nero) voi sitten vielä kaivata sitä, että sähköpostiviestin aihekin olisi jo määritetty tuossa linkissä, se tapahtuu seuraavasti:

[email=minun@sähköpostiosoitteeni.fi?subject=Tämä on viestin aihe/otsikko]Lähetä tästä minulle postia[/email]

Aloittavaan tagiin tuli lisää sisältöä eli osoitteen perään heti ?subject= tuo pätkä määrittää sähköpostin aiheen/otsikon. Tuohon voidaan määrittää muitakin ominaisuuksia samalla tavalla, mutta ne jotka niitä kaipaavat, niin he myöskin osaavat ne itsekin lisätä (luulenpa niin). Peruskäyttäjän ei tarvitse osata niitä.

KUVAT
******
BB-koodeilla voidaan myös laittaa kuviakin näkymään. Aapelin foorumissa kuvat eivät näy suoraan vaan ne ovat ns. kuvalinkin takana, mutta muualla kyllä kuvat näkyvät suoraan. 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ä).

MUUT-TAGIT
***********
On vielä Code-tagi, jonka sisällä oleva sisältö on vapaasti muokattavissa. Voi olla esim. monta välilyöntiä peräkkäin ilman, että niitä häviää mihinkään. Jos sisältö on pitkä niin silloin ilmestyvät rullauspalkit. Eli Code-tagien väliin voi laittaa esim. 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.

[url=http://www.aapeli.com/][img]http://www.operaattori.fi/ joku/esimerkkikuva.png[/img][/url]

Yllä olevassa esimerkissä on kuva joka on linkkinä (ei toimi foorumissa), linkki vie Aapeliin.

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

Yllä olevassa esimerkissä on hymiö joka on sähköpostilinkkinä, kun hymiötä painaa niin aukeaa sähköpostiohjelmasi.

Tagien yhteyskäytössä kannattaa olla tarkkana ettei joku 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]

KÄVIJÄLASKURI
**************
Pelaajakorttiin voidaan myös laittaa kävijälaskuri joka laskee montako kertaa pelaajakortissasi on käyty. Aivan tarkkoja ohjeita en pysty antamaan, koska jokainen kävijälaskuri-palvelu on vähän erilainen ja joissa on omat ominaisuutensa. Mutta kävijälaskuri laitetaan IMG-tagilla, eli kävijälaskuri katsotaan kuvaksi. Alla on suuntaa antava kävijälaskurin asennuskoodi:

[img]http://www.palveluntarjoaja.fi/laskuri.php? tunnus=jokutunnus&tpc=ffffff[/img]

Osoitteesta selviää missä kävijälaskuri on ja sitten & merkillä (tai joku muu vastaava) määritellään kävijälaskurin lisäominaisuudet.

Etsi netistä joku kävijälaskuri-palvelu ja katso sen ohjeista miten se asennetaan, eli sen tarkka osoite ja miten sen lisäominaisuudet määritellään.

EPILOGI
********
Enää tähän ei mahdu kovin paljon ohjeita, kohta täytyy tehdä toinen viesti, nyt on jäljellä 199 merkkiä 10 000:sta. Onkohan tämä pisin käsin kirjoitettu viesti Aapelin foorumiin kautta aikojen ja joka sana on vielä täyttä asiaa.

jos osaat lukea niin tuossa selitetään miten saan linkin värin vaikka punaseksi,, eli [Color=Red] ja linkin voi tedä
[color=red[url ja osoite sitten]paina tästä[url/][/color]

ja omaa järkeä voi käyttää