Difference between revisions of "User:Microfix Merlin/Sandbox"
m |
|||
Line 135: | Line 135: | ||
|category= | |category= | ||
}} | }} | ||
+ | |||
+ | |||
+ | == Scaling of images == | ||
+ | Test case to see result of different CSS usage for pictures on tablet screens in portrait view (768 px wide screens). | ||
+ | |||
+ | === Full width picture === | ||
+ | Scale to fit the width of the content. | ||
+ | <pre><div class="full-width-picture">[[File:Artemis fighter.png|Click picture to see full size|link={{filepath:Artemis fighter.png}}]]</div></pre> | ||
+ | <div class="full-width-picture">[[File:Artemis fighter.png|Click picture to see full size|link={{filepath:Artemis fighter.png}}]]</div> | ||
+ | |||
+ | === Min width picture === | ||
+ | Box scale to full width of article content with a scrollbar if picture is wider than the content | ||
+ | <pre><div class="min-width-picture">[[File:Artemis fighter.png]]</div></pre> | ||
+ | <div class="min-width-picture">[[File:Artemis fighter.png]]</div> | ||
+ | |||
+ | |||
+ | === Fixed width picture === | ||
+ | Picture will not scale, but with a scrollbar on small width screen | ||
+ | <pre><div class="min-width-picture">[[File:Artemis fighter.png|600px|link={{filepath:Artemis fighter.png}}]]</div></pre> | ||
+ | <div class="min-width-picture">[[File:Artemis fighter.png|600px|link={{filepath:Artemis fighter.png}}]]</div> |
Revision as of 20:50, 5 October 2013
Microfix Merlin/Sandbox | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Wiki User profile | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
User Name: | Microfix Merlin | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Real Name: | - | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Wiki Signature: | ~~~ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Gender: | Unspesified | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Age: | N/A | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Origin: | N/A | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Personal Quote: | - | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Last updated: 2013-10-5 |
Testing templates
oldname → newname
- Current name: Please add your current username
- Requested name: Please add your requested username
- Datestamp: 16:17, 17 September 2011 (UTC)
- Reason: Please state a reason
- Signature: Microfix Merlin 16:17, 17 September 2011 (UTC)
Testing variables
Starfleet Commander - {{SITENAME}}
{{drl|text}}
Touch up of the policies info box
§ Starfleet Commander policies and guidelines |
---|
Article Policies |
Manual of Style |
Notability Policy |
User Policies |
Blocking Policy |
Signature Policy |
Site Policies |
Image Policy |
Bot Policy |
Protected Page Policy |
Alliance Policy |
Guidelines |
About Vandalism |
Dealing Vandalism |
Warning Sign Use |
Help pages |
Help center |
Editing |
Shortcut |
Search test
By adding a comment in the page text, it shows up in searches.
Example
Adding the following comment on the page,
<!-- bogus -->
will make the page appear in search results when searching for "bogus".
Pre text
Tip: The 17 standard colors are: aqua, black, blue, fuchsia, gray, grey, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.
Tip: The 17 standard colors are: <span style="color:aqua;">aqua</span>, <span style="color:black;">black</span>, <span style="color:blue;">blue</span>, <span style="color:fuchsia;">fuchsia</span>, <span style="color:gray;">gray</span>, <span style="color:grey;">grey</span>, <span style="color:green;">green</span>, <span style="color:lime;">lime</span>, <span style="color:maroon;">maroon</span>, <span style="color:navy;">navy</span>, <span style="color:olive;">olive</span>, <span style="color:purple;">purple</span>, <span style="color:red;">red</span>, <span style="color:silver;">silver</span>, <span style="color:teal;">teal</span>, <span style="color:white;">white</span>, and <span style="color:yellow;">yellow</span>.
Tip: The 17 standard colors are: aqua, black, blue, fuchsia, gray, grey, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow
Tip: The 17 standard colors are: aqua, black, blue, fuchsia, gray, grey, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow
Clear test
jggjgjghkghf
Test |
Test2 |
Help | Reading: Navigation • Searching • Tracking • Watchlist Editing: Basic • New page • Formatting • Links • User pages • Talks • Signatures Advanced: Images • Tables • Categories • Subpages • Files • Moving • Redirects • Deleting • Protected pages • Templates • Variables • Namespaces • Special pages • Bots Personal: Preferences • Skins Admin: Permissions • Protecting • Deleting • Patrolled edits • Blocking • Range IP blocks • Assigning permissions |
---|
Testing new Infobox Alliance
User:Microfix Merlin/Sandbox | ||||||||
---|---|---|---|---|---|---|---|---|
Alliance overview | ||||||||
Alliance Name: | Alliance Name | |||||||
Alliance Tag: | Alliance Tag | |||||||
Genre: | ||||||||
Founded: | ||||||||
Leader: | ||||||||
Members: | ||||||||
Recruiting: | ||||||||
Alliance stats | ||||||||
Alliance Rank: | Omega Class | |||||||
Total | Average | |||||||
Overall: | 0 | 0 | ||||||
Building: | N/A | |||||||
Destroyed Ships: | N/A | |||||||
Fleet: | N/A | |||||||
Defense: | N/A | |||||||
Research: | N/A | |||||||
Crew: | N/A | |||||||
War records | ||||||||
| ||||||||
Last updated: 2013-10-5 | ||||||||
[edit] |
Scaling of images
Test case to see result of different CSS usage for pictures on tablet screens in portrait view (768 px wide screens).
Full width picture
Scale to fit the width of the content.
<div class="full-width-picture">[[File:Artemis fighter.png|Click picture to see full size|link={{filepath:Artemis fighter.png}}]]</div>
Min width picture
Box scale to full width of article content with a scrollbar if picture is wider than the content
<div class="min-width-picture">[[File:Artemis fighter.png]]</div>
Fixed width picture
Picture will not scale, but with a scrollbar on small width screen
<div class="min-width-picture">[[File:Artemis fighter.png|600px|link={{filepath:Artemis fighter.png}}]]</div>