Template:Mobile: Difference between revisions
m (Adjusting one final tweak) |
(magic word PAGENAME -> FULLPAGENAME in order to include namespace (e.g. user pages)) |
||
| (4 intermediate revisions by one other user not shown) | |||
| Line 1: | Line 1: | ||
<includeonly>{{#css: | <includeonly>{{#css: | ||
.MobileLink { | .MobileLink { display:none; } | ||
.Keegan-BG { padding:20px; border-radius:40px; margin-right:185px; } | |||
} | .Side-TOC { display:block; } | ||
@media only screen and (max-width: 768px) { | @media only screen and (max-width: 768px) { | ||
.MobileLink { display:block; } | |||
.Side-TOC { display:none; } | |||
.Keegan-BG { padding:auto; border-radius:auto; margin-right:auto; } | |||
} | |||
}} | }} | ||
<div class="MobileLink" style="{{#ifeq: {{{template|}}} | true | display: block; | }} margin: 1em auto; padding: 10px; background-color: lemonchiffon; border: 2px solid darkgoldenrod; text-align: center; max-width: 750px;"> | <div class="MobileLink" style="{{#ifeq: {{{template|}}} | true | display: block; | }} margin: 1em auto; padding: 10px; background-color: lemonchiffon; border: 2px solid darkgoldenrod; text-align: center; max-width: 750px;"> | ||
'''Page not optimized for mobile!'''<br/> | '''Page not optimized for mobile!'''<br/> | ||
For a better experience, visit:<br/> | For a better experience, visit:<br/> | ||
'''[[{{#if: {{{1|}}} | {{{1}}}/Mobile | {{ | '''[[{{FULLPAGENAME}}/Mobile|{{#if: {{{1|}}} | {{{1}}}/Mobile | {{FULLPAGENAME}}/Mobile }}]]''' | ||
</div></includeonly> | </div></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 22: | Line 23: | ||
{{Mobile|Joe Boggs|template=true}} | {{Mobile|Joe Boggs|template=true}} | ||
=== Parameter Usage: === | === 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 | Let's assume we're using this on a page with a '''complicated name''' (e.g. Amity Auxiliary Craft) and we want to simplify it. | ||
'''Note''' - This will change the appearance of the redlink, but not the actual page it links to - as that could produce some broken links/pages! | |||
<pre>{{Mobile|AmityAux}}</pre> | <pre>{{Mobile|AmityAux}}</pre> | ||
'''Generates:''' | '''Generates:''' | ||
Latest revision as of 10:25, 17 November 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:
Page not optimized for mobile!
For a better experience, visit:
Joe Boggs/Mobile
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 it.
Note - This will change the appearance of the redlink, but not the actual page it links to - as that could produce some broken links/pages!
{{Mobile|AmityAux}}
Generates:
Page not optimized for mobile!
For a better experience, visit:
AmityAux/Mobile
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.:
{{Mobile|template=true}}
{{Mobile|AmityAux|template=true}}