Template:Ps1classic: Difference between revisions

From PS3 Developer wiki
Jump to navigation Jump to search
([Inline Mode] Improved external box-shadow)
(Now all this settings are loaded from class="compatibility-tag")
 
(25 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{#if:{{{1|}}}<!--
{{#if:{{{1|}}}<!--


-->|<!-- if parameter 1 exists (INLINE MODE) -->
-->|<!-- if parameter 1 exists (INLINE MODE)
<span style="background:#08e; color:#fff; box-shadow:inset 2px 4px 6px rgba(255,255,255,0.3), inset -2px -4px 6px rgba(0,0,0,0.3), 1px 1px 2px rgba(0,0,0,0.4); display:inline-block; width:8.5em; line-height:1.4em; text-align:center; border-radius:0.4em; border:1px outset rgba(127,127,127,0.5); cursor:default" title="{{{1|}}}">[[Image:Store_logo_mini.png|x15px|link=]] '''PSone Classic'''</span><!--


-->|<!-- else (TABLE MODE) -->
--><span <!--
style="background:#08e; color:#fff; box-shadow:inset 2px 4px 6px rgba(255,255,255,0.3), inset -2px -4px 6px rgba(0,0,0,0.3); text-align:center; cursor:help; padding:0px" data-sort-value="0" title="{{tagtexts|ps1classic}}"{{!}}[[Image:Store_logo_mini.png|x19px|link=]] '''PSone Classic'''<!--
  -->class="compatibility-tag"<!--
  -->style="<!--
      -->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><!--
 
-->|<!-- else (TABLE MODE)
 
-->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<!--


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


== Examples ==
== Examples ==
{| class="wikitable" style="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}}
|-
| {{ps1classic}} || '''<nowiki>{{ps1classic}}</nowiki>''' Inside a table
|-
| {{ps1classic|text}} || '''<nowiki>{{ps1classic|text}}</nowiki>''' Inline
|}


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

Latest revision as of 13: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"