Sūgaku: padding + fg korjaus

2014-08-20T14:35:25Z

padding + fg korjaus

Sūgaku: Ak: Uusi sivu: '''Lokero''' on tapa luoda laatikoita, joilla on pelkästään sisältö. Laatikko on aina auki, joten sen sisältö näkyy koko ajan. Jos etsit versiota, jossa on my...

2014-08-20T14:33:48Z

Ak: Uusi sivu: <noinclude> '''Lokero''' on tapa luoda laatikoita, joilla on pelkästään sisältö. Laatikko on aina auki, joten sen sisältö näkyy koko ajan. Jos etsit versiota, jossa on my...

Uusi sivu

<noinclude>
'''Lokero''' on tapa luoda laatikoita, joilla on pelkästään sisältö. Laatikko on aina auki, joten sen sisältö näkyy koko ajan.

Jos etsit versiota, jossa on myös otsikko, katso [[Malline:Rasia]].

== Rasian parametrit ==

# '''''(Pakollinen)''''' Lokeron sisältö. Voi sisältää kaikenlaisia muotoiluja.
* '''bg''' ''(Vaihtoehtoinen)'' Sisällön taustaväri. (#rrggbb) Oletuksena #eeeeee
* '''fg''' ''(Vaihtoehtoinen)'' Sisältötekstin väri. (#rrggbb) Oletuksena #000000
* '''border''' ''(Vaihtoehtoinen)'' Reunan väri. (#rrggbb) Oletuksena #777777
* '''width''' ''(Vaihtoehtoinen)'' Leveys CSS:n tukemassa muodossa (oletus: 80% [artikkelitilan leveydestä])
* '''align''' ''(Vaihtoehtoinen)''
** Jos arvo on "left", lokero pysyy sivun vasemmassa laidassa, ja teksti voi mennä oikealta.
** Jos arvo on "right", lokero pysyy sivun oikeassa laidassa, ja teksti voi mennä vasemmalta.
** Jos arvo on "center" '''(oletus)''', lokero pistetään sivun keskiosaan, ja teksti ei pääse ympäri.
** Muut arvot johtavat siihen, että lokero on tekstin mukana. (Paitsi, jos arvo on oikeanlainen CSS float-arvo.)

Esimerkkejä:<br />
<pre>
{{Lokero|
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.
|bg=#440000
|fg=#cc0000
|border=#220000
}}
</pre>
{{Lokero|
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.
|bg=#440000
|fg=#cc0000
|border=#220000
}}

<pre>
{{Lokero|
Tämä lokero on 40% leveä.
|width=40%
}}
</pre>

{{Lokero|
Tämä lokero on 40% leveä.
|width=40%
}}

Leveyden muuttaminen on myös mahdollista.

Sekä lokeron paikan!

<pre>
{{Lokero|
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.
|width=40%
|align=right
}}
</pre>

{{Lokero|
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.
|width=40%
|align=right
}}
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.

Lokero käyttää CSS-toimintoja, jotka ovat käytössä kaikissa nykyaikaisissa selaimissa.

Suositellaan, että saman lokeron säännöllistä käyttöä varten tehdään oma malline, joka sisältää lokeron tietyillä asetuksilla.
</noinclude>
<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}}} }}; {{#ifeq: {{{align|center}}} | left | margin-left: 5px; | }} {{#ifeq: {{{align|center}}} | right | margin-right: 5px; | }}">
{{{1}}}
</div>
{{#ifeq: {{{align|center}}} | center | </center> | }}
</includeonly>

@@ Rivi 99: / Rivi 99: @@
 <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}}} }}; {{#ifeq: {{{align|center}}} | left | margin-left: 5px; | }} {{#ifeq: {{{align|center}}} | right | margin-right: 5px; | }}">
+<div style="width: {{{width|80%}}}; color: {{{fg|#000000}}}; padding-left: 5px; padding-right: 5px; 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; | }}">
 {{{1}}}
 </div>
 {{#ifeq: {{{align|center}}} | center | </center> | }}
 </includeonly>

Malline:Lokero - Muutoshistoria

Sūgaku: padding + fg korjaus

Sūgaku: Ak: Uusi sivu: '''Lokero''' on tapa luoda laatikoita, joilla on pelkästään sisältö. Laatikko on aina auki, joten sen sisältö näkyy koko ajan. Jos etsit versiota, jossa on my...