Template:Playable: Difference between revisions

From PS3 Developer wiki
Jump to navigation Jump to search
mNo edit summary
(Now all this settings are loaded from class="compatibility-tag")
 
(46 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{#if:{{{1|}}}|<!--
{{#if:{{{1|}}}<!--


if parameter 1 exists
-->|<!-- if parameter 1 exists (INLINE MODE)
-->{{#switch:{{{1|}}}<!--


switch cases: left, center, right -->
--><span <!--
| left
  -->class="compatibility-tag"<!--
| right = class="nowrap" style="background:#9fdf9f; background-image:linear-gradient(to bottom, #bfffbf 0px, #9fdf9f 8px, rgba(0,0,0,0) 8px), linear-gradient(to top, #7fbf7f 0px, #9fdf9f 8px, rgba(0,0,0,0) 8px); color:#0050b0; outline:3px outset rgba(255, 255, 255, 0.3); outline-offset:-3px; box-shadow: inset -1px -1px 3px 1px rgba(0, 0, 0, 0.05); text-align:{{{1|}}};" data-sort-value="1" title="{{Compatibility Tags Descriptions|playableShort}}" {{!}} '''Playable'''<!--
  -->style="<!--
      -->background:#9d9;<!--
      -->color:#05b;<!--
      -->display:inline-block;<!-- container
      -->width:8.4em;<!-- container width, dependant of font size
      -->line-height:1.3em;<!-- container height, dependant of font size
      -->border-radius:0.4em;<!-- container radius, dependant of font size
      -->box-shadow:<!--
        -->2px 4px 6px hsla(0,0%,99%,.5)inset,<!-- internal white shadow
        -->-2px -4px 6px rgba(0,0,0,.2)inset,<!-- internal black shadow
        -->1px 1px 2px rgba(0,0,0,.4);<!-- external black shadow
      -->border:<!--
        -->1px rgba(127,127,127,.5)outset<!-- container grey border
  -->"<!--
  -->title="{{tagtexts|playable}}"<!--
-->><!--
  -->Playable<!--
--></span><!--


switch case: default (different than left, center, right) -->
-->|<!-- else (TABLE MODE)
| #default = <span style="background-image:linear-gradient(#bfffbf 0%, #9fdf9f 50%, #7fbf7f 100%); color:#0050b0; display:inline-block; width:8.5em; line-height:1.2em; text-align:center; box-shadow: 1px 1px 2px 1px #cccccc; border-radius:0.4em; border:1px outset #bfffbf;" title="{{{1|}}}">Playable</span><!--


-->}}<!-- switch ends
-->class="compatibility-tag"<!--
 
-->style="<!--
else (parameter 1 doesnt exists)-->
  -->background:#9d9;<!--
| class="nowrap" style="background:#90ff90; color:#0050b0; text-align:center;" data-sort-value="1" title="{{Compatibility Tags Descriptions|playableShort}}" {{!}} '''Playable'''<!--
  -->color:#05b;<!--
  -->box-shadow:<!--
      -->2px 4px 6px hsla(0,0%,99%,.5)inset,<!-- internal white shadow
      -->-2px -4px 6px rgba(0,0,0,.2)inset<!-- internal black shadow
-->"<!--
-->data-sort-value="1"<!--
-->title="{{tagtexts|playable}}"<!--
-->{{!}}<!--
-->Playable<!--


-->}}<!-- if ends --><noinclude>
-->}}<!-- if ends --><noinclude>


== Examples ==
== Examples ==
{| class="wikitable" style="float:left; clear:both; margin:0px; font-size:85%;"
{{compatibility tags syntax}}
| style="border-top:hidden; padding:0px; width:150px;" | || style="border-top:hidden; padding:0px; width:350px;" |
{{compatibility tags colorset}}
|-
| {{playable}} || '''<nowiki>{{playable}}</nowiki>''' Inside a wikitable, default alignment (center)
|-
| {{playable|left}} || '''<nowiki>{{playable|left}}</nowiki>''' Inside a wikitable, aligned to left
|-
| {{playable|right}}<br><br><br> || '''<nowiki>{{playable|right}}</nowiki>''' Inside a wikitable, aligned to right
|}
{| style="float:left; border:hidden;"
| {{playable|text}} || '''<nowiki>{{playable|text}}</nowiki>''' Inline with default font size
|-
| <span style="font-size:1.2em">{{playable|text}}</span> || '''<nowiki><span style="font-size:1.2em">{{playable|text}}</span></nowiki>''' Inline with bigger font size
|}
 
== Notes ==
**The colors of {{ps2classic|&nbsp;}}, {{playable|&nbsp;}}, {{minorissues|&nbsp;}} represents a "good compatibility"
***The {{ps2classic|&nbsp;}} is the official style composed by a white logo/text on top of a blue background
***The font color of {{playable|&nbsp;}} and {{minorissues|&nbsp;}} is taken from the background color of {{ps2classic|&nbsp;}}


[[Category:Templates]]</noinclude>
[[Category:Templates]]</noinclude>

Latest revision as of 13:20, 3 July 2023

class="compatibility-tag"style="background:#9d9;color:#05b;box-shadow:2px 4px 6px hsla(0,0%,99%,.5)inset,-2px -4px 6px rgba(0,0,0,.2)inset"data-sort-value="1"title="Works perfect without any noticeable error."|Playable

Examples[edit source]

Compatibility tags colorset
  • GOOD compatibility Tags: PSone Classic  PS2 Classic  Playable  Minor Issues
    • Colors
      • The colors of {{ps1classic}} and {{ps2classic}} are inspired by the official style used in PSN store, PlayStation console boxes, etc..., white text/logo on top of a blue background
      • The font color of {{playable}} and {{minorissues}} is derived from the background color of {{ps1classic}} and {{ps2classic}}
    • 3D effects
      • Inline Mode: "bump", common for all tags
      • Table Mode: "bump"
  • BAD compatibility Tags: Major Issues  Unplayable
    • Colors
      • Backgrounds in orange/red tones
      • Shared font color in a red tone darker than the backgrounds
    • 3D effects
      • Inline Mode: "bump", common for all tags
      • Table Mode: "hollow"
  • UNDEFINED compatibility Tags: Available  Not Available
    • Colors
      • Backgrounds in gray tones, {{notavailable}} have the brighter background color because represents the worst compatibility
      • Shared font color in a gray tone darker than the backgrounds
    • 3D effects
      • Inline Mode: "bump", common for all tags
      • Table Mode: "flat"