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

KKWikistä
p (Hienosäädetty kuvakkeen paikkaa)
(Mallineiden luokittelu)
 
(5 välissä olevaa versiota samalta käyttäjältä ei näytetä)
Rivi 1: Rivi 1:
<div class="noprint" style="width: 100%; max-width: 800px; background-color: #d9fca9; border-color: {{{Taustaväri|#b3d684}}}; color: #000000; padding: 0.2em 1em 0.2em 1em; margin-left: auto; margin-right: auto; margin-top: 1em; margin-bottom: 1em; border: 1px solid {{{Reunaväri|rgba(0,0,0,0.3)}}}; clear: both; overflow-y: auto;">
+
<div class="noprint" style="width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; margin-top: 1em; margin-bottom: 1em; clear: both; overflow-y: auto;">
 +
<div style="background-color: {{{Taustaväri|#d6faa5}}}; color: {{{Tekstiväri|#000000}}}; padding: 0.2em 0.5em 0.2em 1em; border: 1px solid {{{Reunaväri|rgba(0,0,0,0.2)}}};">
 
<table border="0" style="padding: 0px; margin: 0px;" cellpadding="0" cellspacing="0">
 
<table border="0" style="padding: 0px; margin: 0px;" cellpadding="0" cellspacing="0">
 
<tr style="padding: 0px; margin: 0px;">
 
<tr style="padding: 0px; margin: 0px;">
<td style="padding: 0px; margin: 0px; width: 60px; vertical-align: middle; text-align: left;"><i data-feather="{{{Kuvake|star}}}" style="display: inline-block; width: 2em; height: 2em; vertical-align: middle; padding: 0.4em; margin-top: 0.02em;"></i></td>
+
<td style="padding: 0px; margin: 0px; width: 3em; vertical-align: middle; text-align: left;"><i data-feather="{{{Kuvake|star}}}" style="display: inline-block; width: 2em; height: 2em; vertical-align: middle; padding: 0.4em; padding-right: 1em; margin-top: 0.02em;"></i></td>
<td style="padding: 0px; margin: 0px;">{{{Sisältö|Hupsistakeikkaa! Tässä ei ole sisältöä.}}}</td>
+
<td style="padding: 0px; margin: 0px; padding-top: 0.15em; vertical-align: middle;">{{{Sisältö|Hupsistakeikkaa! Tässä ei ole sisältöä.}}}</td>
 
</tr>
 
</tr>
 
</table>
 
</table>
 
</div>
 
</div>
 +
</div><noinclude>
 +
== Kuvakelaatikon käyttö ==
 +
Kuvakelaatikko on tekstilaatikko, jonka vasemmassa laidassa on [https://feathericons.com/ Feather-kuvake].
 +
 +
== Muuttujat ==
 +
{| class="wikitable"
 +
|+
 +
| '''Nimi'''
 +
| '''Pakollinen'''
 +
| '''Selite'''
 +
|-
 +
| <tt>Sisältö</tt>
 +
| {{Kuvake|check}}
 +
| Määrää laatikon sisällön. Kappalejako html-tageilla tai mallineella [[Malline:Kappale]].
 +
|-
 +
| <tt>Taustaväri</tt>
 +
| &nbsp;
 +
| CSS-väri, joka määrää laatikon taustavärin. Esim. <tt>#abcdef</tt> tai <tt>rgb(100,100,100)</tt>
 +
|-
 +
| <tt>Reunaväri</tt>
 +
| &nbsp;
 +
| CSS-väri, joka määrää laatikon reunan värin. Oletuksena läpinäkyvä tumma väri, joka noudattaa taustaväriä.
 +
Esim. <tt>#abcdef</tt> tai <tt>rgb(100,100,100)</tt>
 +
|-
 +
| <tt>Tekstiväri</tt>
 +
| &nbsp;
 +
| CSS-väri, joka määrää tekstin värin. Esim. <tt>#ffffff</tt> tai <tt>rgb(0,0,0)</tt>
 +
|}
 +
</noinclude><noinclude>
 +
[[Luokka:Tekstilaatikot]]
 +
</noinclude>

Nykyinen versio 26. joulukuuta 2020 kello 15.59

Hupsistakeikkaa! Tässä ei ole sisältöä.

Kuvakelaatikon käyttö

Kuvakelaatikko on tekstilaatikko, jonka vasemmassa laidassa on Feather-kuvake.

Muuttujat

Nimi Pakollinen Selite
Sisältö Määrää laatikon sisällön. Kappalejako html-tageilla tai mallineella Malline:Kappale.
Taustaväri   CSS-väri, joka määrää laatikon taustavärin. Esim. #abcdef tai rgb(100,100,100)
Reunaväri   CSS-väri, joka määrää laatikon reunan värin. Oletuksena läpinäkyvä tumma väri, joka noudattaa taustaväriä.

Esim. #abcdef tai rgb(100,100,100)

Tekstiväri   CSS-väri, joka määrää tekstin värin. Esim. #ffffff tai rgb(0,0,0)