Template:Ps1classic: Difference between revisions

From PS3 Developer wiki
Jump to navigation Jump to search
m (Both names "PSOne" (with the "O" in uppercase) and "PSone" (with the "o" in lowercase) are used officially in the store... but the lowercase is less weird)
(Now all this settings are loaded from class="compatibility-tag")
 
(42 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"<!--
| center
  -->style="<!--
| right = class="nowrap" style="background:#0070D0; color:#ffffff; text-align:{{{1|}}};" data-sort-value="0" title="{{Compatibility Tags Descriptions|ps1classicShort}}" {{!}} [[Image:Store_logo_mini.png|x16px|link=]]'''&nbsp;PSone&nbsp;Classic'''<!--
      -->background:#08e;<!--
      -->color:#fff;<!--
      -->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%,.3)inset,<!-- internal white shadow
        -->-2px -4px 6px rgba(0,0,0,.3)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|ps1classic}}"<!--
-->><!--
  -->PSone Classic<!--
--></span><!--


switch case: default (different than left, center, right) -->
-->|<!-- else (TABLE MODE)
| #default = <span class="nowrap" style="background:#0070D0; color:#ffffff; display:inline-block; width:8.5em; line-height:1.2em; text-align:center; box-shadow: 1px 1px 2px 1px #bbbbbb; border-radius:0.4em; border:2px outset #0070D0;" title="{{{1|}}}">[[Image:Store_logo_mini.png|x16px|link=]]&nbsp;PSone&nbsp;Classic</span><!--


-->}}<!-- switch ends
-->class="compatibility-tag"<!--
-->style="<!--
  -->background:#08e;<!--
  -->color:#fff;<!--
  -->box-shadow:<!--
      -->2px 4px 6px hsla(0,0%,99%,.3)inset,<!-- internal white shadow
      -->-2px -4px 6px rgba(0,0,0,.3)inset<!-- internal black shadow
-->"<!--
-->data-sort-value="0"<!--
-->title="{{tagtexts|ps1classic}}"<!--
-->{{!}}<!--
-->PSone Classic<!--


else (parameter 1 doesnt exists)-->
-->}}<!-- if ends --><noinclude>
| class="nowrap" style="background:#0070D0; color:#ffffff; text-align:center;" data-sort-value="0" title="{{Compatibility Tags Descriptions|ps1classicShort}}" {{!}} [[Image:Store_logo_mini.png|x16px|link=]]'''&nbsp;PSone&nbsp;Classic'''<!--


-->}}<!-- if ends --><noinclude>[[Category:Templates]]</noinclude>
== Examples ==
{{compatibility tags syntax}}
{{compatibility tags colorset}}
 
[[Category:Templates]]</noinclude>

Latest revision as of 14:17, 3 July 2023

class="compatibility-tag"style="background:#08e;color:#fff;box-shadow:2px 4px 6px hsla(0,0%,99%,.3)inset,-2px -4px 6px rgba(0,0,0,.3)inset"data-sort-value="0"title="Released for the PS3 at the PlayStation Store, the compatibility is certified by Sony."|PSone Classic

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"