Portability

<p>can someone make for me or help/guide me how to make infobox like wikipedia infobox of battle </p><p>I tried to copy text and there was sth about bad about that i made sth wrong in template and i tried once more - the text was just on different background but there was only letters. </p><p>Im sitting and searching 12h and im done..... </p><p>Mabye im stupid (it can be true) cause its my first time sitting with infoboxes and sourcecode (sry for my bad Eng) </p>

<p><small>*Note: Sorry if this is considered a duplicate request. I posted this through the mentoring request form some time ago, but it appears as though it possibly isn't being monitored. Meanwhile the wiki is still experiencing this issue on mobile devices.</small> </p><p>I am wondering if someone could possibly assist with the implementation of template wrappers on <i>Minecraft Wiki</i>. The affected templates are: Template:ItemSprite, Template:BlockSprite/positions (and related templates) </p><p>Problem:
On mobile devices, the entire raster image is pasted into the target location shrunk down to 16x16 pixel size, rather than the appropriate 16x16 pixel portion of the raster. </p><p>Fandom support mentioned "the infoicons should probably be placed inside a template wrapper, with the wrapper classified as "Infoicon", which should display them at the proper size." Myself, and others on the wiki do not have the coding experience to understand how a "template wrapper" functions. </p><p>Example of problem:
Visit this page on a mobile device and look at the items that are listed under "<i>drops</i>" within the infobox.
</p><p>-Sitb (talk) 11:15, March 24, 2019 (UTC) </p>

<p>Does anyone have a good "trick" for getting images to scale based on the device accessing the wiki? </p><p>As a wiki focused on a mobile game, it makes sense for us to be as portable as possible. I've been creating a number of templates for our standard tables, etc. to allow us to scale things well. </p><p>I've found some information about scaling images using some CSS and <div> tags. But wasn't sure if anyone had already worked this out with a custom template or something? </p>

<p>Our engineers have put together a list of all points we currently have that users can implement to make their community portable.  </p><p>It's brief, but comprehensive, and we've added infos on what you can do/use instead wherever possible: Portability_Checklist. We don't have great alternate solutions for everything yet, but hopefully this is still a useful tool.  </p><p>If you guys feel this list is not beginner-friendly enough, unrealistic, or lacking in any other way, let us know! </p>

<h2><span class="mw-headline" id="Notices"> Notices </span></h2> <p>The ideal HTML element for this to render as is (surprisingly) <figure> ("Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc."). This term and syntax is for hatnotes, message boxes, and the thin variants like Asbox. I've included some categorization, some TemplateData-like syntax, alternate versions listings for redirects and sections, and a hint to Flags. </p> <div dir="ltr" class="mw-geshi mw-content-ltr"><div class="xml source-xml">

<span class="sc3"><span class="re1"><notice</span> <span class="re0">theme</span>=<span class="st0">"editing"</span> <span class="re0">theme-source</span>=<span class="st0">"mbox-type"</span> <span class="re0">layout</span>=<span class="st0">"mbox(|hatnote|thin)"</span><span class="re2">></span></span>
   <span class="sc3"><span class="re1"><data</span> <span class="re0">priority</span>=<span class="st0">"main"</span> <span class="re0">source</span>=<span class="st0">"issue"</span><span class="re2">></span></span>
      <span class="sc3"><span class="re1"><default</span> <span class="re0">lang</span>=<span class="st0">"en"</span><span class="re2">></span></span> has serious editing issues.<span class="sc3"><span class="re1"></default<span class="re2">></span></span></span>
      <span class="sc3"><span class="re1"><prefix</span> <span class="re0">source</span>=<span class="st0">"sect"</span><span class="re2">></span></span>
        <span class="sc3"><span class="re1"><default</span> <span class="re0">lang</span>=<span class="st0">"en"</span><span class="re2">></span></span>This article<span class="sc3"><span class="re1"></default<span class="re2">></span></span></span>
        <span class="sc3"><span class="re1"><hint</span> <span class="re0">lang</span>=<span class="st0">"en"</span><span class="re2">></span></span>What has issues?<span class="sc3"><span class="re1"></hint<span class="re2">></span></span></span>
      <span class="sc3"><span class="re1"></prefix<span class="re2">></span></span></span>
      <span class="sc3"><span class="re1"><format</span> <span class="re0">line-break</span>=<span class="st0">"after"</span><span class="re2">></span></span>{{{sect}}}{{{issue}}}<span class="sc3"><span class="re1"></format<span class="re2">></span></span></span>
      <span class="sc3"><span class="re1"><hint</span> <span class="re0">lang</span>=<span class="st0">"en"</span><span class="re2">></span></span>What is wrong?<span class="sc3"><span class="re1"></hint<span class="re2">></span></span></span>
   <span class="sc3"><span class="re1"></data<span class="re2">></span></span></span>
   <span class="sc3"><span class="re1"><data</span> <span class="re0">source</span>=<span class="st0">"guideline"</span><span class="re2">></span></span>
      <span class="sc3"><span class="re1"><default</span> <span class="re0">lang</span>=<span class="st0">"en"</span><span class="re2">></span></span>Please fix them.<span class="sc3"><span class="re1"></default<span class="re2">></span></span></span>
      <span class="sc3"><span class="re1"><hint</span> <span class="re0">lang</span>=<span class="st0">"en"</span><span class="re2">></span></span>What guidelines apply to fix this?<span class="sc3"><span class="re1"></hint<span class="re2">></span></span></span>
   <span class="sc3"><span class="re1"></data<span class="re2">></span></span></span>
   <span class="sc3"><span class="re1"><image</span> <span class="re0">layout</span>=<span class="st0">"left"</span> <span class="re0">source</span>=<span class="st0">"icon"</span><span class="re2">></span><span class="re1"><default<span class="re2">></span></span></span>File:Editing<span class="sc3"><span class="re1"></default<span class="re2">></span></span><span class="re1"></image<span class="re2">></span></span></span>
 
   <span class="sc3"><span class="re1"><category</span> <span class="re0">namespace</span>=<span class="st0">"Main"</span><span class="re2">></span></span>Articles needing editing<span class="sc3"><span class="re1"></category<span class="re2">></span></span></span>
   <span class="sc3"><span class="re1"><template-category</span> <span class="re0">lang</span>=<span class="st0">"en"</span><span class="re2">></span></span>Editing Notices<span class="sc3"><span class="re1"></template-category<span class="re2">></span></span></span>
   <span class="sc3"><span class="re1"><template-name</span> <span class="re0">priority</span>=<span class="st0">"primary"</span> <span class="re0">lang</span>=<span class="st0">"en"</span><span class="re2">></span></span>Template:Editing<span class="sc3"><span class="re1"></template-name<span class="re2">></span></span></span>
   <span class="sc3"><span class="re1"><template-name</span> <span class="re0">priority</span>=<span class="st0">"alternate"</span> <span class="re0">lang</span>=<span class="st0">"en"</span><span class="re2">></span></span>Template:Copyedit<span class="sc3"><span class="re1"></template-name<span class="re2">></span></span></span>
   <span class="sc3"><span class="re1"><template-name</span> <span class="re0">priority</span>=<span class="st0">"portion"</span> <span class="re0">lang</span>=<span class="st0">"en"</span><span class="re2">></span></span>Template:Copyedit_section<span class="sc3"><span class="re1"></template-name<span class="re2">></span></span></span>
<span class="sc3"><span class="re1"></notice<span class="re2">></span></span></span>

</div></div> <h2><span class="mw-headline" id="Side_boxes"> Side boxes </span></h2> <p>These are fairly minimal to begin with, but would either be <details> or <aside> in HTML5. Since <details> is not widely supported, <aside> it is. </p> <div dir="ltr" class="mw-geshi mw-content-ltr"><div class="xml source-xml">

<span class="sc3"><span class="re1"><box</span> <span class="re0">theme</span>=<span class="st0">""</span> <span class="re0">theme-source</span>=<span class="st0">""</span> <span class="re0">collapsible</span>=<span class="st0">"expanded(|collapsed|off)"</span> <span class="re0">layout</span>=<span class="st0">"right(|left)"</span><span class="re2">></span></span>
   <span class="sc3"><span class="re1"><navigation</span> <span class="re2">/></span></span>
   <span class="sc3"><span class="re1"><image</span> <span class="re0">layout</span>=<span class="st0">"left"</span> <span class="re0">source</span>=<span class="st0">"image"</span><span class="re2">></span><span class="re1"><default</span> <span class="re2">/></span><span class="re1"></image<span class="re2">></span></span></span>
   <span class="sc3"><span class="re1"><data</span> <span class="re0">source</span>=<span class="st0">""</span> <span class="re2">/></span></span>
 
   <span class="sc3"><span class="re1"><template-name</span> <span class="re0">priority</span>=<span class="st0">"primary"</span> <span class="re0">lang</span>=<span class="st0">"en"</span><span class="re2">></span></span>Template:AdditionalInfo<span class="sc3"><span class="re1"></template-name<span class="re2">></span></span></span>
<span class="sc3"><span class="re1"></box<span class="re2">></span></span></span>

</div></div> <h2><span class="mw-headline" id="Navboxes_and_Sidebars"> Navboxes and Sidebars </span></h2> <p>Navboxes and Sidebars are virtually the same thing, layed out either horizontally or vertically. Either way, they'd be <nav> in HTML5. This method uses <group> as a much better way of nesting Navboxes. Note that there's also additional attributes to "format" and the addition of collapsibility. </p> <div dir="ltr" class="mw-geshi mw-content-ltr"><div class="xml source-xml">

<span class="sc3"><span class="re1"><navbox</span> <span class="re0">theme</span>=<span class="st0">""</span> <span class="re0">theme-source</span>=<span class="st0">""</span> <span class="re0">layout</span>=<span class="st0">"wide(|left|right)"</span> <span class="re0">collapsible</span>=<span class="st0">"collapsed(|expanded|off)"</span> <span class="re0">navbar</span>=<span class="st0">"off(|show|plain)"</span><span class="re2">></span></span>
   <span class="sc3"><span class="re1"><title</span> <span class="re2">/></span></span>
   <span class="sc3"><span class="re1"><header</span> <span class="re2">/></span></span>
   <span class="sc3"><span class="re1"><navigation</span> <span class="re2">/></span></span>
   <span class="sc3"><span class="re1"><image</span> <span class="re0">layout</span>=<span class="st0">"right"</span> <span class="re2">/></span></span>
   <span class="sc3"><span class="re1"><group</span> <span class="re0">collapsible</span>=<span class="st0">"collapsed(|expanded|off)"</span> <span class="re0">evenodd</span>=<span class="st0">"off(|swap|even|odd)"</span> <span class="re0">class</span>=<span class="st0">""</span><span class="re2">></span></span>
      <span class="sc3"><span class="re1"><header<span class="re2">></span></span></span>...<span class="sc3"><span class="re1"></header<span class="re2">></span></span></span>
      <span class="sc3"><span class="re1"><group</span> <span class="re0">collapsible</span>=<span class="st0">"collapsed(|expanded|off)"</span> <span class="re0">evenodd</span>=<span class="st0">"swap(|even|off|off)"</span> <span class="re0">class</span>=<span class="st0">""</span><span class="re2">></span></span>
         <span class="sc3"><span class="re1"><header<span class="re2">></span></span></span>...<span class="sc3"><span class="re1"></header<span class="re2">></span></span></span>
         <span class="sc3"><span class="re1"><data<span class="re2">></span></span></span>
            <span class="sc3"><!- There should be a way to pull this from a Lua or JSON table in <span class="st0">"source"</span> -<span class="re2">></span></span>
            <span class="sc3"><span class="re1"><default<span class="re2">></span></span></span>Item 1; Item 2; Item 3<span class="sc3"><span class="re1"></default<span class="re2">></span></span></span>
            <span class="sc3"><span class="re1"><format</span> <span class="re0">list</span>=<span class="st0">"horizontal"</span> separator<span class="st0">";"</span> <span class="re2">/></span></span>
         <span class="sc3"><span class="re1"></data<span class="re2">></span></span></span>
      <span class="sc3"><span class="re1"></group<span class="re2">></span></span></span>
   <span class="sc3"><span class="re1"></group<span class="re2">></span></span></span>
 
   <span class="sc3"><span class="re1"><template-name</span> <span class="re0">priority</span>=<span class="st0">"primary"</span> <span class="re0">lang</span>=<span class="st0">"en"</span><span class="re2">></span></span>Template:Navbox_genericexample<span class="sc3"><span class="re1"></template-name<span class="re2">></span></span></span>
<span class="sc3"><span class="re1"></navbox<span class="re2">></span></span></span>

</div></div>