Mobile-friendly Wikia
Advertisement

Welcome to the Mobile-friendly Wikia

Most of Wikia readership is via mobile devices. This wikia use only mobile-friendly layouts. This requires using the new infobox coding. The tags are listed on the right.


The infoboxes...


Infobox of the day

{{Infobox with data panel
 | title          = Mewtwo
 | classification = Genetic

 | tab            = Mewtwo
 | image          = Mewtwo.png
 | caption        = 
 | index          = 
 | type           = [[File:Psychic.png|20px|link=]] Psychic
 | hp             = 106
 | atk            = 110
 | def            = 90
 | spatk          = 154
 | spdef          = 90
 | speed          = 130
 | evolution      = No
 | evolvable      = No
 | ht_sprite      = 6'07
 | ht_absolute    = 6'07
 | wt             = 269

 | tab2           = Mewtwo X
 | image2         = MewtwoSugimori-X.jpg
 | caption2       = 
 | index2         = 
 | type2          = [[File:Psychic.png|20px|link=]] Psychic [[File:Fighting.png|20px|link=]] Fighting
 | hp2            = 106
 | atk2           = 190
 | def2           = 100
 | spatk2         = 154
 | spdef2         = 100
 | speed2         = 130
 | evolution2     = Yes (Mega, Mewtwo)
 | evolvable2     = No
 | ht_sprite2     = 7'07
 | ht_absolute2   = 7'07
 | wt2            = 280

 | tab3           = Mewtwo Y
 | image3         = MewtwoSugimori-Y.jpg
 | caption3       = 
 | index3         = 
 | type3          = [[File:Psychic.png|20px|link=]] Psychic [[File:Fighting.png|20px|link=]] Fighting
 | hp3            = 106
 | atk3           = 150
 | def3           = 70
 | spatk3         = 194
 | spdef3         = 120
 | speed3         = 140
 | evolution3     = Yes (Mega, Mewtwo)
 | evolvable3     = No
 | ht_sprite3     = 5'11
 | ht_absolute3   = 4'11
 | wt3            = 728
}}


When tab variable is not used, can be used as a single standard infobox

{{Infobox with data panel
 | title          = Mewtwo
 | classification = Genetic

 | tab            = 
 | image          = Mewtwo.png
 | caption        = 
 | index          = 
 | type           = [[File:Psychic.png|20px|link=]] Psychic
 | hp             = 106
 | atk            = 110
 | def            = 90
 | spatk          = 154
 | spdef          = 90
 | speed          = 130
 | evolution      = No
 | evolvable      = No
 | ht_sprite      = 6'07
 | ht_absolute    = 6'07
 | wt             = 269
}}



infobox

<infobox layout="stacked">

</infobox>

title

<infobox>
 <title source="name">
  <default>{{PAGENAME}}</default>
 </title>
</infobox>

preset CSS

<infobox theme="MediaWiki labelname">
 ...
</infobox>

changeable CSS

<infobox theme-source="labelname">
 ...
</infobox>
 
{{
 | labelname = MediaWiki labelname
}}

preset header

<infobox accent-color-default="#006cb0" accent-color-text-default="#ffffff">
 ...
</infobox>

changeable header

<infobox accent-color-source="title_bg" accent-color-text-source="title_text">
 ...
</infobox>
 
{{
 | title_bg     = #006cb0
 | title_text   = #ffffff
}}

alternative color

.pi-theme-colors .pi-header[data-item-name="blue"],
.pi-theme-colors .pi-border-color[data-item-name="blue"] {
    background-color: #87CEFA;
    border-color: #87CEFA;
}


default

<default>John</default>

title

<title source="name">
 <default>{{PAGENAME}}</default>
</title>

image

<image source="image" />

alt

<image source="image">
  <alt source="alternative_title">
  <default>Default alt text</default>
  </alt>
</image>

caption

 <image source="image">
  <caption source="caption">
   <default>Default alt text</default>
  </caption>
 </image>

panel gallery

 <panel>
  <section>
   <label>Image 1</label><data source="image1"></data>
  </section>
  <section>
   <label>Image 2</label><data source="image2"></data>
  </section>
  <section>
   <label>Image 3</label><data source="image3"></data>
  </section>
 </panel>

label

<label>First name</label>

data

<data source="name">
 <label>First name</label>
 <default>John</default>
</data>

group

<group>
 <header>Group name</header>
 <data source="value1" />
</group>

data in columns

<group layout="horizontal">
   <header> </header>
   <data source="column left"><label>Column Left</label></data>
   <data source="column right"><label>Column Right</label></data>
</group>

<group row-items="2">
   <header> </header>
   <data source="column left"><label>Column Left</label></data>
   <data source="column right"><label>Column Right</label></data>
</group>

display empty cells

<group layout="horizontal" show="incomplete">
   <header> </header>
   <data source="column left"><label>Column Left</label></data>
   <data source="column right"><label>Column Right</label></data>
</group>

<group row-items="2" show="incomplete">
   <header> </header>
   <data source="column left"><label>Column Left</label></data>
   <data source="column right"><label>Column Right</label></data>
</group>

collapse

<group collapse="closed">
  <header>Appearances</header>
  <data source="films" />
  <data source="comics" />
</group>

navigation

<navigation>[[Links]]</navigation>
Advertisement