Template:Nice List Box: Difference between revisions

Browse history interactively

← Older edit Newer edit →

Content deleted Content added

VisualWikitext

Inline

Revision as of 03:05, January 16, 2025

Example

Example

File:Community.png

Example

Example - Example

This is the description of my list entry!

Example - Example
Optional1 - Example
Optional2 - Example
Optional3 - Example
Optional4 - Example

Description

Based on Template:Star use for lists that you want to look nice. Works great on mobile (better than tables by a LOT). Optional Fields and Labels only show up if the label field is not empty.

Syntax

{{Nice List Box
|Title=Example
|Color=#FFFFFF
|Font=Helvetica
|Image=Unknown.png
|Gallery=<gallery>
File:Unknown.png
File:Community.png
File:Glypht.png
</gallery>
|Label1=Example
|Field1=Example
|Label2=Example
|Field2=Example
|Description=This is the description of my list entry!
|SubLabel=Example
|SubField=Example
|OptionalLabel1=Optional1
|OptionalField1=Example
|OptionalLabel2=Optional2
|OptionalField2=Example
|OptionalLabel3=Optional3
|OptionalField3=Example
|OptionalLabel4=Optional4
|OptionalField4=Example
}}

No description.

Template parameters[Edit template data]
Parameter		Description	Type	Status
Title	`Title`	no description	Unknown	suggested
Color	`Color`	no description	Unknown	suggested
Subtitle	`Subtitle`	no description	Unknown	suggested
Image	`Image`	no description	Unknown	suggested
Gallery	`Gallery`	Enter proper gallery formatting here.	Unknown	suggested
Subsubtitle	`Subsubtitle`	no description	Unknown	suggested
Label1	`Label1`	no description	Unknown	suggested
Field1	`Field1`	no description	Unknown	suggested
Label2	`Label2`	no description	Unknown	suggested
Field2	`Field2`	no description	Unknown	suggested
Description	`Description`	no description	Unknown	suggested
SubLabel	`SubLabel`	no description	Unknown	suggested
SubField	`SubField`	no description	Unknown	suggested
OptionalLabel1	`OptionalLabel1`	Does not show up if it is empty	Unknown	suggested
OptionalField1	`OptionalField1`	Does not show up if its label is empty	Unknown	suggested
OptionalLabel2	`OptionalLabel2`	Does not show up if it is empty	Unknown	suggested
OptionalField2	`OptionalField2`	Does not show up if its label is empty	Unknown	suggested
OptionalLabel3	`OptionalLabel3`	Does not show up if it is empty	Unknown	suggested
OptionalField3	`OptionalField3`	Does not show up if its label is empty	Unknown	suggested
OptionalLabel4	`OptionalLabel4`	Does not show up if it is empty	Unknown	suggested
OptionalField4	`OptionalField4`	Does not show up if its label is empty	Unknown	suggested

@@ Line 1: / Line 1: @@
-<includeonly><div style="text-align: center; border: 2px solid {{#if:{{{Color|}}}|{{{Color}}}|var(--color-amaranth-legacy-scope)}};">
+<templatestyles src="Nice List Box/styles.css"/><includeonly><div class="template-nice-list-box" style="font-family:var(--font-family-header-custom,var(--font-family-serif));border:2px solid {{#if:{{{Color|}}}|{{{Color}}}|var(--color-amaranth-legacy-scope)}}">
+<div class="template-nice-list-box-title">{{{Title|unknown}}}</div>
-<span style="font-size:var(--font-size-xxx-large); font-family: var(--font-family-header-custom, var(--font-family-serif)); color:var(--color-base--emphasized);">{{{Title|unknown}}}</span>
+{{#if: {{{Subtitle|}}}|<div class="template-nice-list-box-subtitle">{{{Subtitle}}}</div>}}
-{{#if: {{{Subtitle|}}}
+{{#if: {{{Image|}}}|[[File:{{{Image}}}|center|thumb]]}}
+{{#if: {{{Gallery|}}}|{{{Gallery}}}}}
-|<span style="font-size:var(--font-size-xx-large); font-family: var(--font-family-header-custom, var(--font-family-serif)); color:var(--color-base--emphasized);">{{{Subtitle}}}</span>
+{{#if: {{{Subsubtitle|}}}|<div class="template-nice-list-box-subsubtitle">{{{Subsubtitle}}}</div>}}
-}}
+{{#if: {{{Label1|}}}|<div class="template-nice-list-box-label">{{{Label1}}} - {{{Field1}}}</div>}}
-{{#if: {{{Image|}}}
+{{#if: {{{Label2|}}}|<div class="template-nice-list-box-label">{{{Label2}}} - {{{Field2}}}</div>}}
-| [[File:{{{Image}}}|center|thumb]]
+{{#if: {{{Description|}}}|<hr/><span class="template-nice-list-box-description">{{{Description}}}</span><br><hr/>}}
-}}
-{{#if: {{{Gallery|}}}
-|{{{Gallery}}}
-</gallery>
-}}
-{{#if: {{{Subsubtitle|}}}
-|<span style="font-size:var(--font-size-xx-large); font-family: var(--font-family-header-custom, var(--font-family-serif)); color:var(--color-base--emphasized);">{{{Subsubtitle}}}</span>
-}}
-{{#if: {{{Label1|}}}
-|<span style="font-size:var(--font-size-xx-large); font-family: var(--font-family-header-custom, var(--font-family-serif)); color:var(--color-base--emphasized);">{{{Label1}}} - {{{Field1}}}</span>
-}}
-{{#if: {{{Label2|}}}
-|<span style="font-size:var(--font-size-xx-large); font-family: var(--font-family-header-custom, var(--font-family-serif)); color:var(--color-base--emphasized);">{{{Label2}}} - {{{Field2}}}</span>
-}}
-{{#if: {{{Description|}}}
-|----
-<span style="font-size:var(--font-size-medium);">{{{Description}}}</span><br>
-----
-}}
 {{#if: {{{SubLabel|}}}
 |<span style="font-size:var(--font-size-x-large); font-family: var(--font-family-header-custom, var(--font-family-serif)); color:var(--color-base--emphasized);">{{{SubLabel}}} - {{{SubField}}}</span><br>
@@ Line 43: / Line 23: @@
 | <span style="font-size:var(--font-size-x-large); font-family: var(--font-family-header-custom, var(--font-family-serif)); color:var(--color-base--emphasized);">{{{OptionalLabel4}}} - {{{OptionalField4}}}</span><br>
 }}
+</div>
-</div></includeonly><noinclude>
+</includeonly><noinclude>
 {{Nice List Box
 |Title=Example
@@ Line 71: / Line 52: @@
 |OptionalField4=Example
 }}
-; Description
+==Description==
-: Based on [[Template:Star]] use for lists that you want to look nice. Works great on mobile (better than tables by a LOT). Optional Fields and Labels only show up if the label field is not empty.
+Based on [[Template:Star]] use for lists that you want to look nice. Works great on mobile (better than tables by a LOT). Optional Fields and Labels only show up if the label field is not empty.
-; Syntax
+==Syntax==
 <pre>
 {{Nice List Box