Template:Playable: Difference between revisions

From PS3 Developer wiki
Jump to navigation Jump to search
([Inline Mode] Reverted the line-height increment from a previous edit. It was expanding the PS1 compatibility list rows vertically)
([Inline Mode] Removed the custom tooltip text feature)
Line 10: Line 10:
       -->background:#9d9;<!--
       -->background:#9d9;<!--
       -->color:#05b;<!--
       -->color:#05b;<!--
       -->cursor:default;<!--
       -->cursor:help;<!--
       -->display:inline-block;<!-- container
       -->display:inline-block;<!-- container
       -->width:7.4em;<!-- container width, dependant of font size
       -->width:7.4em;<!-- container width, dependant of font size
Line 22: Line 22:
         -->1px rgba(127,127,127,.5)outset<!-- container grey border
         -->1px rgba(127,127,127,.5)outset<!-- container grey border
   -->"<!--
   -->"<!--
   -->title="{{{1|}}}"<!--
   -->title="{{tagtexts|playable}}"<!--
-->><!--
-->><!--
   -->'''Playable'''<!--
   -->'''Playable'''<!--

Revision as of 06:06, 24 June 2023

class="compatibility-tag"style="text-align:center;padding:0em;background:#9d9;color:#05b;cursor:help;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

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"