Template:Boxes: Difference between revisions

Content deleted Content added

Inline

Revision as of 10:30, 12 February 2026

Usage

{{Box|title=...|target=...|header=bottom|image=...}}

@@ Line 1: / Line 1: @@
 <includeonly>
-<div class="ayso-card-deck {{{class|}}}"
+<div class="ayso-box-item"
-style="outline:8px solid magenta; background:rgba(255,0,255,.08); display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-start; align-items:stretch;">
+style="outline:4px dashed magenta; flex:0 0 calc((100% - 24px) / 3); max-width:calc((100% - 24px) / 3); box-sizing:border-box; min-width:0;">
+  <div class="card with-{{#ifeq:{{{header|}}}|bottom|footer|header}} border border-primary"
-{{{1|}}}
+  style="height:340px; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;"
+  {{#if:{{{image|}}}|data-background="{{#ifeq:{{{image|}}}|default|/w/extensions/MyWikisLocalConfig/Ayso-logo.png|{{filepath:{{PAGENAME:{{{image|}}}}}}}}}"}}><!--
+-->{{#ifeq:{{{header|}}}|bottom||{{#if:{{{target|}}}
+       |[[{{{target|}}}|<div class="card-header">{{{title|Title}}}</div>]]
+       |<div class="card-header">{{{title|Title}}}</div>
+     }}}}<!--
+-->{{#if:{{{target|}}}
+       |[[{{{target|}}}|<div class="card-body"></div>]]
+       |<div class="card-body"></div>
+     }}<!--
+-->{{#ifeq:{{{header|}}}|bottom|{{#if:{{{target|}}}
+       |[[{{{target|}}}|<div class="card-footer"
+         style="position:absolute; left:0; right:0; bottom:28px; height:48px; display:flex; align-items:center; justify-content:center;">
+         {{{title|Title}}}
+         </div>]]
+       |<div class="card-footer"
+         style="position:absolute; left:0; right:0; bottom:28px; height:48px; display:flex; align-items:center; justify-content:center;">
+         {{{title|Title}}}
+         </div>
+     }}|}}
+  </div>
 </div>
 </includeonly>
@@ Line 9: / Line 30: @@
 ;Usage
 <pre>
+{{Box|title=...|target=...|header=bottom|image=...}}
-{{Boxes|
-{{Box|...}}
-{{Box|...}}
-{{Box|...}}
-}}
 </pre>
 </noinclude>