Template:LocationInfobox: Difference between revisions

Help

Latest revision as of 01:05, 23 March 2023

Usage

NOTE: the setting {{#setmainimage:name_your_image.jpg/png/gif/jpeg/webp}} is used IF you want to define that image as the main image to show on social media sharing sites.

{{LocationInfobox
 |name        = 
 |image       = {{#setmainimage:name_your_image.jpg/png/gif/jpeg/webp}}
 |caption     = 
 |map_id      = 
 |inhabitants = 
 |status      = 
 |rulingbody  = 
 |climate     = 
 |vegetation  = 
 |wildlife    = 
 |portals     = 
 |readalso    = 
}} 

@@ Line 1: / Line 1: @@
-<infobox>
+<infobox theme="item_box">
    <title source="name">
      <default>{{PAGENAME}}</default>
    </title>
-  <image source="image" />
+	<image source="image">
-  <data source="parameter-1">
+		<caption source="caption" />
-    <label>Inhabitants</label>
+	</image>
-   </data>
+    <data source="map_id">
-   <data source="parameter-2">
+		<label>Map ID</label>
-    <label>Status</label>
+		<format><span style="font-family: monospace; font-size: 8pt;">{{{map_id|}}}</span></format>
-  </data>
+	</data>
-   <data source="parameter-3">
+  <group>
-    <label>Ruling Body</label>
+    <header><p style="padding: 3px;margin: 0;line-height: 1;">Basic Info</p></header>
-  </data>
+  <data source="inhabitants"><label>Inhabitants</label></data>
-   <data source="parameter-4">
+   <data source="status"><label>Status</label></data>
-    <label>Climate</label>
+  <data source="rulingbody"><label>Ruling Body</label></data>
-  </data>
+  <data source="climate"><label>Climate</label></data>
-   <data source="parameter-5">
+  <data source="vegetation"><label>Vegetation</label></data>
-    <label>Vegetation</label>
+  <data source="wildlife"><label>Wildlife</label></data>
-  </data>
+  <data source="portals"><label>Portals To</label></data>
-   <data source="parameter-6">
+  <data source="readalso"><label>Read Also</label></data>
-    <label>Wildlife</label>
-   </data>
+  <data source="parameter-1"><label>Inhabitants</label></data>
-.portable-infobox .pi-data, .portable-infobox .pi-group {
+   <data source="parameter-2"><label>Status</label></data>
-    border-bottom: 1px solid saddlebrown;
+   <data source="parameter-3"><label>Ruling Body</label></data>
-}
+   <data source="parameter-4"><label>Climate</label></data>
+   <data source="parameter-5"><label>Vegetation</label></data>
+   <data source="parameter-6"><label>Wildlife</label></data>
+   <data source="parameter-7"><label>Portals To</label></data>
+  <data source="parameter-8"><label>Read Also</label></data>
+</group>
 </infobox>
+<noinclude>
+__TOC__
+== Usage ==
+'''NOTE:''' the setting <span style="color:#ea3"><b><nowiki>{{#setmainimage:</nowiki></b><i style="opacity: 0.65;">name_your_image.jpg/png/gif/jpeg/webp</i><b><nowiki>}}</nowiki></b></span> is used IF you want to define that image as the main image to show on social media sharing sites.
+<div style="font-family: Consolas, Monaco, monospace;padding: 5px 10px;width: fit-content;border-radius: 10px;overflow-wrap: normal;background-color: rgba(255, 255, 255, 0.65);border: 1px solid #222;color: #333;line-height: 1.2;overflow: auto;white-space: pre-wrap;box-shadow: 0 5px 3px -3px rgba(0,0,0,.5);"><nowiki>
+{{LocationInfobox
+ |name        =
+ |image       = {{#setmainimage:name_your_image.jpg/png/gif/jpeg/webp}}
+ |caption     =
+ |map_id      =
+ |inhabitants =
+ |status      =
+ |rulingbody  =
+ |climate     =
+ |vegetation  =
+ |wildlife    =
+ |portals     =
+ |readalso    =
+}}
+</nowiki>
+</div>
+== Preview ==
+<div style="width: fit-content; display: block;">
+{{LocationInfobox
+ |name        =
+ |image       = {{#setmainimage:SF logo.png}}
+ |caption     = image_caption
+ |map_id      = 1, 10, 148, ...
+ |inhabitants = Inhabitants
+ |status      = Status
+ |rulingbody  = Ruling Body
+ |climate     = Climate
+ |vegetation  = Vegetation
+ |wildlife    = Wildlife
+ |portals     = Portals To
+ |readalso    = Read Also Link
+}}
+</div>
+</noinclude>