3,616
edits
m (Trying to fix functionality after testing (again hahahahaa)) |
m (Testing & tweaking) |
||
Line 1: | Line 1: | ||
<includeonly><div id="MobileLink" | <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;"> | ||
'''This page is not optimized for mobile users!'''<br/> | |||
display: | |||
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 9: | Line 16: | ||
=== 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>{{Mobile}}</pre> | ||
'''Generates:''' | '''Generates:''' | ||
{{Mobile|Joe Boggs|template=true}} | {{Mobile|Joe Boggs|template=true}} |