Malline:Rasia - Muutoshistoria

Sūgaku (20. elokuuta 2014 kello 14.31)

2014-08-20T14:31:13Z

Sūgaku: vanhentunutta pois

2014-08-20T14:30:28Z

vanhentunutta pois

Sūgaku (20. elokuuta 2014 kello 14.29)

2014-08-20T14:29:37Z

Sūgaku: lisää marginia

2014-08-20T11:46:18Z

lisää marginia

Sūgaku: purge, esimerkkien korjaus

2014-08-20T11:44:25Z

purge, esimerkkien korjaus

Sūgaku: align, esimerkkejä laajennettu

2014-08-20T11:43:36Z

align, esimerkkejä laajennettu

Sūgaku: leveys, oletusarvot ja muuta dokumentaatiota

2014-08-20T07:56:22Z

leveys, oletusarvot ja muuta dokumentaatiota

Sūgaku: tarkemmin ajatellen

 on parempi

2014-08-19T19:27:47Z

tarkemmin ajatellen <pre> on parempi

Sūgaku: /* Rasian parametrit */ lorem ipsum

2014-08-19T19:21:18Z

‎Rasian parametrit: lorem ipsum

Sūgaku: lisätty muokattavuutta ja esimerkki

2014-08-19T19:20:19Z

lisätty muokattavuutta ja esimerkki

@@ Rivi 19: / Rivi 19: @@
 ** Jos arvo on "right", rasia pysyy sivun oikeassa laidassa, ja teksti voi mennä vasemmalta.
 ** Jos arvo on "center" '''(oletus)''', rasia pistetään sivun keskiosaan, ja teksti ei pääse ympäri.
-** Muut arvot johtavat siihen, että rasia on sivun vasemmassa laidassa, ja teksti ei ''tiettävästi'' pääse ympäri. (Paitsi, jos arvo on oikeanlainen CSS float-arvo.)
+** Muut arvot johtavat siihen, että rasia on tekstin mukana. (Paitsi, jos arvo on oikeanlainen CSS float-arvo.)
 Esimerkkejä:<br />

@@ Rivi 7: / Rivi 7: @@
 # '''''(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.
+# '''''(Pakollinen)''''' Rasian sisältö. Voi sisältää kaikenlaisia muotoiluja.
 * '''bg''' ''(Vaihtoehtoinen)'' Rasian otsikkopalkin taustaväri. Annetaan muodossa #rrggbb, esim. #ffffff vastaa valkoista. Oletuksena #cccccc
 * '''fg''' ''(Vaihtoehtoinen)'' Rasian otsikkotekstin väri. Myös muodossa #rrggbb. Oletuksena #000000

@@ Rivi 1: / Rivi 1: @@
 <noinclude>
-'''Rasia''' on tapa luoda laatikoita, joilla on sisältö. Laatikko on aina auki, joten sen sisältö näkyy koko ajan.
+'''Rasia''' on tapa luoda laatikoita, joilla on otsikko sekä sisältö. Laatikko on aina auki, joten sen sisältö näkyy koko ajan.
 == Rasian parametrit ==

@@ Rivi 105: / Rivi 105: @@
 in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat
 cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 Rasia käyttää CSS-toimintoja, jotka ovat käytössä kaikissa nykyaikaisissa selaimissa.
@@ Rivi 112: / Rivi 121: @@
 <includeonly>
 {{#ifeq: {{{align|center}}} | center | <center> | }}
-<div style="width: {{{width|80%}}}; border-style: solid; border-width: 1px; border-color: {{{border|#777777}}}; background-color: {{{bg|#cccccc}}}; {{#ifeq: {{{align|center}}} | center | | float: {{{align}}} }};">
+<div style="width: {{{width|80%}}}; border-style: solid; border-width: 1px; border-color: {{{border|#777777}}}; background-color: {{{bg|#cccccc}}}; {{#ifeq: {{{align|center}}} | center | | float: {{{align}}} }}; {{#ifeq: {{{align|center}}} | left | margin-left: 5px; | }} {{#ifeq: {{{align|center}}} | right | margin-right: 5px; | }}">
 <div style="height: 2em; text-align: center; padding: 0px 5px 0px 5px; background-color: {{{bg|#cccccc}}}; color: {{{fg|#000000}}};">
 {{{1}}}

@@ Rivi 89: / Rivi 89: @@
 </pre>
 {{Rasia|
 Sivussa oleva rasia
@@ Rivi 105: / Rivi 100: @@
 |align=right
 }}
-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.
+Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut
 Rasia käyttää CSS-toimintoja, jotka ovat käytössä kaikissa nykyaikaisissa selaimissa.

@@ Rivi 6: / Rivi 6: @@
 # '''''(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. Oletuksena #aaaaaa
+* '''bg''' ''(Vaihtoehtoinen)'' Rasian otsikkopalkin taustaväri. Annetaan muodossa #rrggbb, esim. #ffffff vastaa valkoista. Oletuksena #cccccc
 * '''fg''' ''(Vaihtoehtoinen)'' Rasian otsikkotekstin väri. Myös muodossa #rrggbb. Oletuksena #000000
 * '''cbg''' ''(Vaihtoehtoinen)'' Sisällön taustaväri. (#rrggbb) Oletuksena #eeeeee
@@ Rivi 13: / Rivi 13: @@
 * '''cat''' ''(Vaihtoehtoinen)'' Luokka. Jos sisällytetään, sivu, joka käyttää rasiaa, lisätään myös määriteltyyn luokkaan.
 * '''width''' ''(Vaihtoehtoinen)'' Leveys CSS:n tukemassa muodossa (oletus: 80% [artikkelitilan leveydestä])
-Esimerkki on tässä:<br />
+Esimerkkejä:<br />
 <pre>
 {{Rasia|
@@ Rivi 50: / Rivi 55: @@
 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.
@@ Rivi 56: / Rivi 112: @@
 </noinclude>
 <includeonly>
-<center>
+{{#ifeq: {{{align|center}}} | center | <center> | }}
-<div style="width: {{{width|80%}}}; border-style: solid; border-width: 1px; border-color: {{{border|#777777}}}; background-color: {{{bg|#aaaaaa}}};">
+<div style="width: {{{width|80%}}}; border-style: solid; border-width: 1px; border-color: {{{border|#777777}}}; background-color: {{{bg|#cccccc}}}; {{#ifeq: {{{align|center}}} | center | | float: {{{align}}} }};">
-<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|#cccccc}}}; color: {{{fg|#000000}}};">
 {{{1}}}
 </div>
@@ Rivi 65: / Rivi 121: @@
 </div>
 </div>
-</center>
+{{#ifeq: {{{align|center}}} | center | </center> | }}
 {{#if: {{{cat|}}} | [[Luokka:{{{cat}}}]] | }}
 </includeonly>

@@ Rivi 14: / Rivi 14: @@
 Esimerkki on tässä:<br />
-<code>
+<pre>
-<nowiki>{{Rasia|</nowiki><br />
-Otsikko<br />
-|<br />
-Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />
-|bg=#440000<br />
-|fg=#cc0000<br />
-|cbg=#004400<br />
-|cfg=#00cc00<br />
-|border=#0000cc<br />
-|cat=<br />
-}}<br />
-</code>
 {{Rasia|
 Otsikko
+|
-Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut
 |bg=#440000
 |fg=#cc0000