Jump to content

Infobox Info: Difference between revisions

No edit summary
No edit summary
Line 11: Line 11:
|bodystyle = width:25.5em
|bodystyle = width:25.5em
|abovestyle = background:#c3d6ef
|abovestyle = background:#c3d6ef
|above = Faction Page Template
|above = [[Faction Page Template]]
|image = [[File:Example2.png|300px]]
|image = [[File:Example2.png|300px]]
|caption = Optional caption explaining something about the image above
|caption = Optional caption explaining something about the image above
Line 38: Line 38:


  |bodystyle = width:25.5em
  |bodystyle = width:25.5em
* Makes the infobox the same width as every other infobox on the wiki, since if an image in an infobox is smaller than 300px (300 pixels wide), it makes that infobox smaller.
* Makes the infobox the same width as every other infobox on the wiki, since if an image in an infobox is smaller than 300px (300 pixels wide), or the text in the infobox isn't long enough for infoboxes with no image, it makes that infobox smaller.


  |abovestyle = background:#c3d6ef
  |abovestyle = background:#c3d6ef
Line 72: Line 72:


     |label3 = Discord
     |label3 = Discord
  &ensp;&ensp;&ensp;<nowiki>|data3 = https://discord.gg/ABCDEFG</nowiki>
  &ensp;&ensp;&ensp;<nowiki>|data3 = https://discord.gg/ABCDEFG</nowiki>
* Same as above.
* Same as above.


  &ensp;&ensp;&ensp;<nowiki>}}</nowiki>
  &ensp;&ensp;&ensp;<nowiki>}}</nowiki>
* Tells the wiki to end the subbox and everything below is now back in the main infobox.
* Ends the subbox and everything below is now back in the main infobox.


  |headerstyle = background:#c3d6ef
  |headerstyle = background:#c3d6ef
Line 89: Line 88:


  |label5 = Founder
  |label5 = Founder
  |data5 = Example Founder
  |data5 = Example Founder
  |label6 = Leader
  |label6 = Leader
  |data6 = Example Leader
  |data6 = Example Leader
* Same as |label2 and |data2.
* Same as |label2 and |data2.
Line 106: Line 102:
|bodystyle = width:25.5em
|bodystyle = width:25.5em
|abovestyle = background:#c3d6ef
|abovestyle = background:#c3d6ef
|above = User Page Template
|above = [[User Page Template]]
|image = [[File:Example2.png|300px]]
|image = [[File:Example2.png|300px]]
|caption = Optional caption explaining something about the image above
|caption = Optional caption explaining something about the image above
Line 150: Line 146:
|bodystyle = width:25.5em
|bodystyle = width:25.5em
|abovestyle = background:#c3d6ef
|abovestyle = background:#c3d6ef
|above = Event Page Template
|above = [[Event Page Template]]
|image = [[File:Example2.png|300px]]
|image = [[File:Example2.png|300px]]
|data2 = {{Infobox | subbox = yes
|data2 = {{Infobox | subbox = yes

Revision as of 14:18, 9 February 2025

This page was made to break down the various parts of infoboxes used on the site to explain what each part does since the formatting can be a bit complex.

In order to edit different parts of infoboxes on a page, you will have to use the source editor (the "Edit source" button at the top) as opposed to the visual editor (the "Edit" button) so all the page formatting can be seen and edited in plain text.

If you view this page in the source editor, you may see a bunch of "<nowiki>" tags, these are to stop the wiki from automatically making the infobox formatting into actual infoboxes.

This page explains the infoboxes beginning with "Infobox", and does not cover the Infobox military conflict infobox (which is currently used on the majority of event pages), or any custom ones like the War infobox, as these infoboxes are planned to be replaced by the much more customizable general infobox which this page aims to explain.

Faction infoboxes

Faction Page Template
Optional caption explaining something about the image above
Active canvasesCanvas 60 - Canvas 70
Canvas 75 - present
Discordhttps://discord.gg/ABCDEFG
Leadership
FounderExample Founder
LeaderExample Leader

To the right is what an example infobox might look like, and below is a breakdown of what each line in the infobox does.

For every line that has a number in it (|label1, |data1, |header1, etc), the number has to be bigger than anything that comes before it or the infobox will break.

{{Infobox
  • Tells the wiki which type of infobox you want.
|bodystyle = width:25.5em
  • Makes the infobox the same width as every other infobox on the wiki, since if an image in an infobox is smaller than 300px (300 pixels wide), or the text in the infobox isn't long enough for infoboxes with no image, it makes that infobox smaller.
|abovestyle = background:#c3d6ef
  • Changes the background color for the text at the top, uses Hex color values.
|above = Faction Page Template
  • The text that appears at the top.
|image = [[File:Example2.png|300px]]
  • The (optional) image. 300px is the size for most images in infoboxes on the wiki, but if the image you use is extra wide or tall, you can mess with this value or the |bodystyle value above to make it look better.
|caption = Optional caption explaining something about the image above
  • Self explanatory.
----
  • Adds a line between the caption and the sections below it to separate them. The line should be put just below the caption:

|caption = caption
----
|data1 = blah

|data1 = {{Infobox | subbox = yes
  • (Optionally) creates an additional infobox within the existing one so you can customize the width of of text separately from anything below the upcoming header.
  • Every line within the subbox is indented with a few spaces to more easily tell which lines are within which infobox.
   |labelstyle = width:40%
  • Changes the horizontal location of where the text is in every |data section in the subbox.
   |label2 = Active canvases
  • The left side of the first section below the image/caption.
   |data2 = [[Canvas 60]] - [[Canvas 70]]<br>[[Canvas 75]] - [[Current canvas|present]]
  • The right side of the first section below the image/caption.
   |label3 = Discord
   |data3 = https://discord.gg/ABCDEFG
  • Same as above.
   }}
  • Ends the subbox and everything below is now back in the main infobox.
|headerstyle = background:#c3d6ef
  • Changes the background color for the header.
|header4 = Leadership
  • The header.
|labelstyle = width:30%
  • (Optionally) changes the horizontal location of where the text is in every |data section below the header.
|label5 = Founder
|data5 = Example Founder
|label6 = Leader
|data6 = Example Leader
  • Same as |label2 and |data2.
}}
  • Ends the infobox.

User infoboxes

User Page Template
Optional caption explaining something about the image above
Active canvasesCanvas 60 - Canvas 70
Canvas 75 - present
Pixels placed500k+
Discord usernameexamplename
Faction allegiance
Example Faction ALeader
Example Faction BModerator
Example Faction CModerator

WIP

Event infoboxes

      PreviousNext        
   Example Event A          Example Event B
Event Page Template
CanvasCanvas 65
OutcomeFaction Page Template victory:
  • Faction Page Template places a pixel on User Page Template's art
  • Example effect B of outcome
  • Example effect C of outcome
Belligerents
Faction Page TemplateUser Page Template
Leaders
Example LeaderUser Page Template
Members
21

WIP