Sivujen muokkaaminen vaatii nykyään kirjautumisen. Jos sinulla ei vielä ole tunnuksia, luo sellaiset.
Ero sivun ”Malline:Rasia” versioiden välillä
Primayk
p (luokka toimii vihdoin) |
(lisätty muokattavuutta ja esimerkki) |
||
| Rivi 8: | Rivi 8: | ||
* '''bg''' ''(Vaihtoehtoinen)'' Rasian otsikkopalkin taustaväri. Annetaan muodossa #rrggbb, esim. #ffffff vastaa valkoista. | * '''bg''' ''(Vaihtoehtoinen)'' Rasian otsikkopalkin taustaväri. Annetaan muodossa #rrggbb, esim. #ffffff vastaa valkoista. | ||
* '''fg''' ''(Vaihtoehtoinen)'' Rasian otsikkotekstin väri. Myös muodossa #rrggbb. | * '''fg''' ''(Vaihtoehtoinen)'' Rasian otsikkotekstin väri. Myös muodossa #rrggbb. | ||
| + | * '''cbg''' ''(Vaihtoehtoinen)'' Sisällön taustaväri. (#rrggbb) | ||
| + | * '''cfg''' ''(Vaihtoehtoinen)'' Sisältötekstin väri. (#rrggbb) | ||
| + | * '''border''' ''(Vaihtoehtoinen)'' Reunan väri. (#rrggbb) | ||
* '''cat''' ''(Vaihtoehtoinen)'' Luokka. Jos sisällytetään, sivu, joka käyttää rasiaa, lisätään myös määriteltyyn luokkaan. | * '''cat''' ''(Vaihtoehtoinen)'' Luokka. Jos sisällytetään, sivu, joka käyttää rasiaa, lisätään myös määriteltyyn luokkaan. | ||
| + | |||
| + | Esimerkki on tässä:<br /> | ||
| + | <code> | ||
| + | <nowiki>{{Rasia|</nowiki><br /> | ||
| + | Otsikko<br /> | ||
| + | |<br /> | ||
| + | Sisältö<br /> | ||
| + | |bg=#440000<br /> | ||
| + | |fg=#cc0000<br /> | ||
| + | |cbg=#004400<br /> | ||
| + | |cfg=#00cc00<br /> | ||
| + | |border=#0000cc<br /> | ||
| + | |cat=<br /> | ||
| + | }}<br /> | ||
| + | </code> | ||
| + | {{Rasia| | ||
| + | Otsikko | ||
| + | | | ||
| + | Sisältö | ||
| + | |bg=#440000 | ||
| + | |fg=#cc0000 | ||
| + | |cbg=#004400 | ||
| + | |cfg=#00cc00 | ||
| + | |border=#0000cc | ||
| + | |cat= | ||
| + | }} | ||
| + | |||
| + | Värit eivät tässä esimerkissä ole todellakaan mitään kaunista katseltavaa, mutta ajatuksen siitä silti saa. Huomaa myös, että cat= on jätetty tyhjäksi, mutta tarkoitus on nimenomaan kirjoittaa sen perään luokan nimi. | ||
| Rivi 15: | Rivi 46: | ||
<includeonly> | <includeonly> | ||
<center> | <center> | ||
| − | <div style="width: 80%; border-style: solid; border-width: 1px; border-color: #777777; background-color: {{{bg|#eeeeee}}};"> | + | <div style="width: 80%; border-style: solid; border-width: 1px; border-color: {{{border|#777777}}}; background-color: {{{bg|#eeeeee}}};"> |
<div style="height: 2em; text-align: center; padding: 0px 5px 0px 5px; background-color: {{{bg|#eeeeee}}}; color: {{{fg|#000000}}};"> | <div style="height: 2em; text-align: center; padding: 0px 5px 0px 5px; background-color: {{{bg|#eeeeee}}}; color: {{{fg|#000000}}};"> | ||
{{{1}}} | {{{1}}} | ||
</div> | </div> | ||
| − | <div style="text-align: center; padding: 5px 5px 5px 5px; margin: -1px -1px -1px -1px; background-color: # | + | <div style="text-align: center; padding: 5px 5px 5px 5px; margin: -1px -1px -1px -1px; background-color: {{{cbg|#999999}}}; color: {{{cfg|#000000}}}; border-style: solid; border-width: 1px; border-color: {{{border|#777777}}};"> |
{{{2}}} | {{{2}}} | ||
</div> | </div> | ||
Versio 19. elokuuta 2014 kello 22.20
Rasia on tapa luoda laatikoita, joilla on sisältö. Laatikko on aina auki, joten sen sisältö näkyy koko ajan.
Rasian parametrit
- (Pakollinen) Rasian otsikkoteksti. Voi olla myös esim. linkki.
- (Pakollinen) Rasian sisältö. Voi sisältää kaikenlaisia muotoiluja, mutta näkyy vasta, kun rasia avataan.
- bg (Vaihtoehtoinen) Rasian otsikkopalkin taustaväri. Annetaan muodossa #rrggbb, esim. #ffffff vastaa valkoista.
- fg (Vaihtoehtoinen) Rasian otsikkotekstin väri. Myös muodossa #rrggbb.
- cbg (Vaihtoehtoinen) Sisällön taustaväri. (#rrggbb)
- cfg (Vaihtoehtoinen) Sisältötekstin väri. (#rrggbb)
- border (Vaihtoehtoinen) Reunan väri. (#rrggbb)
- cat (Vaihtoehtoinen) Luokka. Jos sisällytetään, sivu, joka käyttää rasiaa, lisätään myös määriteltyyn luokkaan.
Esimerkki on tässä:
{{Rasia|
Otsikko
|
Sisältö
|bg=#440000
|fg=#cc0000
|cbg=#004400
|cfg=#00cc00
|border=#0000cc
|cat=
}}
Otsikko
Sisältö
Värit eivät tässä esimerkissä ole todellakaan mitään kaunista katseltavaa, mutta ajatuksen siitä silti saa. Huomaa myös, että cat= on jätetty tyhjäksi, mutta tarkoitus on nimenomaan kirjoittaa sen perään luokan nimi.
Rasia käyttää CSS-toimintoja, jotka ovat käytössä kaikissa nykyaikaisissa selaimissa.
