User:Eviand/TemplateTesting: Difference between revisions

Main Page Box
	No content provided.

Player; ;
Character	Eviand
Class	Acolyte
Role	Support

← Older edit Newer edit →

Revision as of 15:47, 29 August 2025

Generic Infobox

Used as a base template for other boxes. Rows must be manually added or removed.

Example

Main Page Box

Used on the main page for holding content.

Example

Game Systems
File:Icon1.png Refinement File:Icon2.png Card File:Icon3.png Storage File:Icon4.png NPC

Main Box 1
File:Icon1.png Page 1 File:Icon2.png Page 2

Main Box 2
File:Icon3.png Page 3 File:Icon4.png Page 4

Main Box 3
File:Icon5.png Page 5 File:Icon6.png Page 6

Main Box 4
File:Icon7.png Page 7 File:Icon8.png Page 8

@@ Line 64: / Line 64: @@
 [[File:Icon4.png|20px]] [[NPC]]
 |}
+<br>
+<div style="display:flex; justify-content:space-between; flex-wrap:wrap;">
+<!-- Box 1 -->
+<div style="flex:0 0 23%; margin:1%;">
+{| class="infobox" style="width:100%; font-size:95%; border:2px solid #372b54; background:#f7f7fa; border-radius:14px; box-shadow:0 3px 8px rgba(0,0,0,0.3);"
+|-
+! style="background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; text-align:center; padding:8px; font-size:120%; border-top-left-radius:12px; border-top-right-radius:12px;" |
+'''Main Box 1'''
+|-
+| style="padding:8px; text-align:center; line-height:1.4;" |
+[[File:Icon1.png|20px]] [[Page 1]]<br />
+[[File:Icon2.png|20px]] [[Page 2]]
+|}
+</div>
+<!-- Box 2 -->
+<div style="flex:0 0 23%; margin:1%;">
+{| class="infobox" style="width:100%; font-size:95%; border:2px solid #372b54; background:#f7f7fa; border-radius:14px; box-shadow:0 3px 8px rgba(0,0,0,0.3);"
+|-
+! style="background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; text-align:center; padding:8px; font-size:120%; border-top-left-radius:12px; border-top-right-radius:12px;" |
+'''Main Box 2'''
+|-
+| style="padding:8px; text-align:center; line-height:1.4;" |
+[[File:Icon3.png|20px]] [[Page 3]]<br />
+[[File:Icon4.png|20px]] [[Page 4]]
+|}
+</div>
+<!-- Box 3 -->
+<div style="flex:0 0 23%; margin:1%;">
+{| class="infobox" style="width:100%; font-size:95%; border:2px solid #372b54; background:#f7f7fa; border-radius:14px; box-shadow:0 3px 8px rgba(0,0,0,0.3);"
+|-
+! style="background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; text-align:center; padding:8px; font-size:120%; border-top-left-radius:12px; border-top-right-radius:12px;" |
+'''Main Box 3'''
+|-
+| style="padding:8px; text-align:center; line-height:1.4;" |
+[[File:Icon5.png|20px]] [[Page 5]]<br />
+[[File:Icon6.png|20px]] [[Page 6]]
+|}
+</div>
+<!-- Box 4 -->
+<div style="flex:0 0 23%; margin:1%;">
+{| class="infobox" style="width:100%; font-size:95%; border:2px solid #372b54; background:#f7f7fa; border-radius:14px; box-shadow:0 3px 8px rgba(0,0,0,0.3);"
+|-
+! style="background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; text-align:center; padding:8px; font-size:120%; border-top-left-radius:12px; border-top-right-radius:12px;" |
+'''Main Box 4'''
+|-
+| style="padding:8px; text-align:center; line-height:1.4;" |
+[[File:Icon7.png|20px]] [[Page 7]]<br />
+[[File:Icon8.png|20px]] [[Page 8]]
+|}
+</div>
+</div>

Example Infobox {{#if:\|[[File:{{{image}}}\|100px]]}}