Sivujen muokkaaminen vaatii nykyään kirjautumisen. Jos sinulla ei vielä ole tunnuksia, luo sellaiset.

Ero sivun ”Malline:Lokero” versioiden välillä

Primayk
Loikkaa: valikkoon, hakuun
(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...)
 
p (padding + fg korjaus)
 
Rivi 99: Rivi 99:
 
<includeonly>
 
<includeonly>
 
{{#ifeq: {{{align|center}}} | center | <center> | }}
 
{{#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}}}
 
{{{1}}}
 
</div>
 
</div>
 
{{#ifeq: {{{align|center}}} | center | </center> | }}
 
{{#ifeq: {{{align|center}}} | center | </center> | }}
 
</includeonly>
 
</includeonly>

Nykyinen versio 20. elokuuta 2014 kello 16.35

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

  1. (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ä:

{{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
}}


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|
Tämä lokero on 40% leveä.
|width=40%
}}


Tämä lokero on 40% leveä.


Leveyden muuttaminen on myös mahdollista.

Sekä lokeron paikan!

{{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.


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.