Difference between revisions of "User:Microfix Merlin/Sandbox"

From Starfleet Commander
Jump to navigationJump to search
Line 138: Line 138:
  
 
== Scaling of images ==
 
== Scaling of images ==
Test case to see result of different CSS usage for pictures on tablet screens in portrait view (768 px wide screens).
+
Test case to see result of different CSS usage for pictures on tablet screens in portrait view (768 px wide screens). To work in all cases picture has to bee wider than full content width.
  
 
=== Full width picture ===
 
=== Full width picture ===
Scale to fit the width of the content.
+
Scale to fit the width of the content. And float to left of infoboxes.
 
<pre><div class="full-width-picture">[[File:Artemis class.png|Click picture to see full size|link={{filepath:Artemis class.png}}]]</div></pre>
 
<pre><div class="full-width-picture">[[File:Artemis class.png|Click picture to see full size|link={{filepath:Artemis class.png}}]]</div></pre>
 
<div class="full-width-picture">[[File:Artemis class.png|Click picture to see full size|link={{filepath:Artemis class.png}}]]</div>
 
<div class="full-width-picture">[[File:Artemis class.png|Click picture to see full size|link={{filepath:Artemis class.png}}]]</div>
Line 153: Line 153:
 
=== Fixed width picture ===
 
=== Fixed width picture ===
 
Picture will not scale, but with a scrollbar on small width screen
 
Picture will not scale, but with a scrollbar on small width screen
<pre><div class="min-width-picture">[[File:Artemis class.png|600px|link={{filepath:Artemis class.png}}]]</div></pre>
+
<pre><div class="min-width-picture">[[File:Valdore-screen.jpg|600px|link={{filepath:Artemis class.png}}]]</div></pre>
<div class="min-width-picture">[[File:Artemis class.png|600px|link={{filepath:Artemis class.png}}]]</div>
+
<div class="min-width-picture">[[File:Valdore-screen.jpg|600px|link={{filepath:Artemis class.png}}]]</div>

Revision as of 21:11, 5 October 2013

Microfix Merlin/Sandbox
Crew droid.png
Wiki User profile
User Name: Microfix Merlin
Real Name: -
Wiki Signature: ~~~
Gender: Unspesified
Age: N/A
Origin: N/A
Personal Quote: -
Starfleet Commander
Player Name: N/A
Personal Quote: N/A
Game Stats
Rank: N/A
Overall: N/A
Building: N/A
Fleet: N/A
Research: N/A
Defense: N/A
Crew: N/A
Destroyed Ships: N/A
Achievements: N/A
Alliance membership
Alliance Name: N/A
Position: N/A
Last updated: 2013-10-5
Starfleet Commander Uni 2
Player Name: N/A
Personal Quote: N/A
Game Stats
Rank: N/A
Overall: N/A
Building: N/A
Fleet: N/A
Research: N/A
Defense: N/A
Crew: N/A
Destroyed Ships: N/A
Achievements: N/A
Alliance membership
Alliance Name: N/A
Position: N/A
Last updated: 2013-10-5
Starfleet Commander Extreme
Player Name: N/A
Personal Quote: N/A
Game Stats
Rank: N/A
Overall: N/A
Building: N/A
Fleet: N/A
Research: N/A
Defense: N/A
Crew: N/A
Destroyed Ships: N/A
Achievements: N/A
Alliance membership
Alliance Name: N/A
Position: N/A
Last updated: 2013-10-5
Starfleet Commander Extreme Uni 2
Player Name: N/A
Personal Quote: N/A
Game Stats
Rank: N/A
Overall: N/A
Building: N/A
Fleet: N/A
Research: N/A
Defense: N/A
Crew: N/A
Destroyed Ships: N/A
Achievements: N/A
Alliance membership
Alliance Name: N/A
Position: N/A
Last updated: 2013-10-5
Starfleet Commander Nova
Player Name: N/A
Personal Quote: N/A
Game Stats
Rank: N/A
Overall: N/A
Building: N/A
Fleet: N/A
Research: N/A
Defense: N/A
Crew: N/A
Destroyed Ships: N/A
Achievements: N/A
Alliance membership
Alliance Name: N/A
Position: N/A
Last updated: 2013-10-5
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

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 pages nav box

 Help Reading: NavigationSearchingTrackingWatchlist
Editing: BasicNew pageFormattingLinksUser pagesTalksSignatures
Advanced: ImagesTablesCategoriesSubpagesFilesMovingRedirectsDeletingProtected pagesTemplatesVariablesNamespacesSpecial pagesBots
Personal: PreferencesSkins
Admin: PermissionsProtectingDeletingPatrolled editsBlockingRange IP blocksAssigning permissions

Testing new Infobox Alliance

User:Microfix Merlin/Sandbox
Locked.png
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
Wins Losses Draws
Last updated: 2013-10-5


Scaling of images

Test case to see result of different CSS usage for pictures on tablet screens in portrait view (768 px wide screens). To work in all cases picture has to bee wider than full content width.

Full width picture

Scale to fit the width of the content. And float to left of infoboxes.

<div class="full-width-picture">[[File:Artemis class.png|Click picture to see full size|link={{filepath:Artemis class.png}}]]</div>
Click picture to see full size

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 class.png]]</div>
Artemis class.png


Fixed width picture

Picture will not scale, but with a scrollbar on small width screen

<div class="min-width-picture">[[File:Valdore-screen.jpg|600px|link={{filepath:Artemis class.png}}]]</div>
Valdore-screen.jpg