3,616
edits
Template:Mobile: Difference between revisions
m
Fixing Template code; Attempting to make it display only on mobile, but be visible on template pages
m (Fixing display of template functionality) |
m (Fixing Template code; Attempting to make it display only on mobile, but be visible on template pages) |
||
| Line 1: | Line 1: | ||
<includeonly><div id="MobileLink" style="float: left; width: fit-content; background-color: | <includeonly><div id="MobileLink" style="display: none; float: left; width: fit-content; padding: 10px; background-color: lemonchiffon; border: 2px solid darkgoldenrod; border-radius: 20px;"> | ||
'''This page is not optimized for mobile users!''' | <!-- This content will be hidden by default --> | ||
For a better reading experience on mobile, visit the mobile-optimized version of this page: [[{{#if: {{{ | <!-- Parser function to check if the current page is a template --> | ||
{{#ifeq: {{NAMESPACE}}|Template|| | |||
<style> | |||
@media screen and (max-width: 767px) { | |||
div { | |||
display: block; /* Show the div on devices with a screen width up to 767px */ | |||
} | |||
} | |||
</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> | </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: | ||
=== 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}} | ||
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. | === 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. | |||
<pre>{{Mobile|AmityAux}}</pre> | <pre>{{Mobile|AmityAux}}</pre> | ||
Generates: | '''Generates:''' | ||
{{Mobile|AmityAux}} | {{Mobile|AmityAux}} | ||
</noinclude> | </noinclude> | ||