Template:Mobile: Difference between revisions

From 118Wiki
Jump to navigation Jump to search
mNo edit summary
m (Mobile-checking functionality not possible without getting further into the wiki css code than I care to go!)
Line 1: Line 1:
<includeonly><div id="MobileLink" class="{{#ifeq: {{{template|}}} | true | mobile-link | }}" style="margin: 1em auto; padding: 10px; background-color: lemonchiffon; border: 2px solid darkgoldenrod; text-align: center; display: none;">
<includeonly><div id="MobileLink" style="margin: 1em auto; padding: 10px; background-color: lemonchiffon; border: 2px solid darkgoldenrod; text-align: center;">
'''This page is not optimized for mobile users!'''<br/>
'''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 }}]]'''
For a better reading experience on mobile, visit the mobile-optimized version of this page: '''[[{{#if: {{{1|}}} | {{{1}}}/Mobile | {{PAGENAME}}/Mobile }}]]'''
</div>
<div style="display: block;">
<style>
@media screen and (max-width: 767px) {
#MobileLink.mobile-link {
display: block;
}
}
</style>
</div>{{Clear}}</includeonly>
</div>{{Clear}}</includeonly>
<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 also include a single parameter to change the destination of the redlink.
<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 also include a single parameter to change the destination of the redlink.
Line 18: Line 9:
<pre>{{Mobile}}</pre>
<pre>{{Mobile}}</pre>
'''Generates:'''
'''Generates:'''
{{Mobile|Joe Boggs|template=true}}
{{Mobile|Joe Boggs}}


=== Parameter Usage: ===
=== Parameter Usage: ===
Line 24: Line 15:
<pre>{{Mobile|AmityAux}}</pre>
<pre>{{Mobile|AmityAux}}</pre>
'''Generates:'''
'''Generates:'''
{{Mobile|AmityAux|template=true}}
{{Mobile|AmityAux}}
 
'''Note''' - This template should only appear on mobile devices (small screens); If you want to force it to appear, add a parameter called "template" and set it to "true", e.g.:
<pre>{{Mobile|template=true}}</pre>
<pre>{{Mobile|AmityAux|template=true}}</pre>
</noinclude>
</noinclude>

Revision as of 19:15, 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 also include a single parameter to change the destination of the redlink.

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: