Template:Mobile: Difference between revisions
Jump to navigation
Jump to search
m (Still working on functionality) |
m (Still working on it) |
||
| 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><div id="MobileLink" style="display: none; float: left; width: fit-content; padding: 10px; background-color: lemonchiffon; border: 2px solid darkgoldenrod; border-radius: 20px;"> | ||
<!-- This content will be hidden by default --> | <!-- This content will be hidden by default --> | ||
<!-- Parser function to check if the | <!-- Parser function to check if the applyStyles parameter is set to 'true' --> | ||
{{# | {{#if: {{{applyStyles|}}} | {{#ifeq: {{{applyStyles|}}} | true | | ||
<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/> | '''''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 }}]] | ||
Revision as of 18:41, 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: