Difference between revisions of "Template:List item box"

From LFS Manual
Jump to navigationJump to search
m
m
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
<li style="position: relative; display: inline-block; padding-top: {{{4}}}px; list-style: none; border: 1px solid #c8ccd1; background-color: #FAFAFA; overflow: hidden">
+
<includeonly><li style="list-style: none; border: 1px solid #c8ccd1; background-color: #FAFAFA; overflow: hidden">
{{#if:{{{3|}}}|<div style="position:absolute; top: 0; left: 50%; transform: translate(-50%, 0); height: {{{4}}}px; overflow: hidden">[[File:{{{3}}}|link=]]</div>}}
+
{{#if:{{{3|}}}|<div style="overflow: hidden;display: flex; justify-content: center;">[[File:{{{3}}}|link=|{{{1}}}]]</div>}}
 
<div style="padding: 16px">
 
<div style="padding: 16px">
 
<div style="font-size: 210%; line-height: 1.4; margin-bottom: 14px">{{{1}}}</div>
 
<div style="font-size: 210%; line-height: 1.4; margin-bottom: 14px">{{{1}}}</div>
 
<div style="font-size: 115%;">{{{2}}}</div>
 
<div style="font-size: 115%;">{{{2}}}</div>
 
</div>
 
</div>
</li><noinclude>
+
</li></includeonly><noinclude>
 
+
{{documentation}}
== Documentation ==
 
 
 
{{list item box|Getting started|
 
Learn how to
 
* test
 
* test
 
}}
 
 
 
=== With image ===
 
 
 
{{list item box|Getting started|
 
Learn how to
 
* test
 
* test
 
|Modeller load and save objects.jpg|44}}
 
 
 
<div style="width: 10%">
 
 
 
{{list item box|Getting started|
 
Learn how to
 
* test
 
* test
 
|Modeller load and save objects.jpg|44}}
 
</div>
 
 
 
[[Category:Layout templates]]
 

Latest revision as of 01:36, 6 December 2023

Template Info-Icon.png

Template documentation

View - Edit

Basic example

Markup Renders as
{{list item box|Getting started|
Learn how to
* test
* test
}}
  • Getting started

    Learn how to

    • test
    • test
  • With image

    Markup Renders as
    {{list item box|Getting started|
    Learn how to
    * test
    * test
    |Modeller load and save objects.jpg|44}}
  • Getting started
    Getting started

    Learn how to

    • test
    • test
  • Getting started
    Getting started

    Learn how to

    • test
    • test