Template:Mobile: Difference between revisions

From 118Wiki
Jump to navigation Jump to search
m (Still working on it)
m (Fixing)
Line 1: Line 1:
<includeonly><div id="MobileLink" style="display: none; float: left; width: fit-content; padding: 10px; background-color: lemonchiffon; border: 2px solid darkgoldenrod; border-radius: 20px;">
<includeonly>
  <!-- This content will be hidden by default -->
<div id="MobileLink" style="{{#ifeq: {{{2|}}} | true | display: block; | display: none; }} float: left; width: fit-content; padding: 10px; background-color: lemonchiffon; border: 2px solid darkgoldenrod; border-radius: 20px;">
  <!-- Parser function to check if the applyStyles parameter is set to 'true' -->
    <!-- This content will be hidden by default -->
  {{#if: {{{applyStyles|}}} | {{#ifeq: {{{applyStyles|}}} | true |
     '''''This page is not optimized for mobile users!'''''<br/>
    <style>
    For a better reading experience on mobile, visit the mobile-optimized version of this page: [[{{#if: {{{1|}}} | {{{1}}}/Mobile | {{PAGENAME}}/Mobile }}]]
      @media screen and (max-width: 767px) {
</div>
        div {
{{Clear}}
          display: block; /* Show the div on devices with a screen width up to 767px */
</includeonly>
        }
      }
     </style>
  }} }}
'''''This page is not optimized for mobile users!'''''<br/>
For a better reading experience on mobile, visit the mobile-optimized version of this page: [[{{#if: {{{1|}}} | {{{1}}}/Mobile | {{PAGENAME}}/Mobile }}]]
</div>{{Clear}}</includeonly>
<noinclude>
<noinclude>
Simply insert this Template onto a page (wherever you want it) and it will generate a warning for mobile users + a redlink to create a mobile-optimized page. If you want, you can include a single parameter to change the destination of the redlink, like so:
Simply insert this Template onto a page (wherever you want it) and it will generate a warning for mobile users + a redlink to create a mobile-optimized page. If you want, you can include a single parameter to change the destination of the redlink, like so:
Line 19: Line 12:
=== Default Usage: ===
=== Default Usage: ===
Let's assume we're using this on a character, named '''Joe Boggs'''', wiki page.
Let's assume we're using this on a character, named '''Joe Boggs'''', wiki page.
<pre>{{Mobile}}</pre>
<pre>{{Mobile|}}</pre>
'''Generates:'''
'''Generates:'''
{{Mobile|Joe Boggs}}
{{Mobile|Joe Boggs|applyStyles=true}}


=== Parameter Usage: ===
=== Parameter Usage: ===
Line 27: Line 20:
<pre>{{Mobile|AmityAux}}</pre>
<pre>{{Mobile|AmityAux}}</pre>
'''Generates:'''
'''Generates:'''
{{Mobile|AmityAux}}
{{Mobile|AmityAux|applyStyles=true}}
</noinclude>
</noinclude>

Revision as of 18:43, 5 October 2023


Simply insert this Template onto a page (wherever you want it) and it will generate a warning for mobile users + a redlink to create a mobile-optimized page. If you want, you can include a single parameter to change the destination of the redlink, like so:

Default Usage:

Let's assume we're using this on a character, named Joe Boggs', wiki page.

{{Mobile|}}

Generates:


Parameter Usage:

Let's assume we're using this on a page with a complicated name (e.g. Amity Auxiliary Craft) and we want to simplify if.

{{Mobile|AmityAux}}

Generates: