Template:Available: Difference between revisions

From PS3 Developer wiki
Jump to navigation Jump to search
([Inline Mode] Restored "cursor:default", because the syntax {{tagname| }} allows to use the inline tag without any tooltip, in this case the mouse cursor should not change)
(Now all this settings are loaded from class="compatibility-tag")
 
(8 intermediate revisions by 2 users not shown)
Line 4: Line 4:


--><span <!--
--><span <!--
  -->class="compatibility-tag"<!--
   -->style="<!--
   -->style="<!--
      -->text-align:center;<!--
       -->background:#bbb;<!--
       -->background:#bbb;<!--
       -->color:#888;<!--
       -->color:#888;<!--
      -->cursor:default;<!--
       -->display:inline-block;<!-- container
       -->display:inline-block;<!-- container
       -->width:7.4em;<!-- container width, dependant of font size
       -->width:8.4em;<!-- container width, dependant of font size
       -->line-height:1.4em;<!-- container height, dependant of font size
       -->line-height:1.3em;<!-- container height, dependant of font size
       -->border-radius:0.4em;<!-- container radius, dependant of font size
       -->border-radius:0.4em;<!-- container radius, dependant of font size
       -->box-shadow:<!--
       -->box-shadow:<!--
         -->inset 2px 4px 6px rgba(255,255,255,0.3),<!-- internal white shadow
         -->2px 4px 6px hsla(0,0%,99%,.3)inset,<!-- internal white shadow
         -->inset -2px -4px 6px rgba(0,0,0,0.2),<!-- internal black shadow
         -->-2px -4px 6px rgba(0,0,0,.2)inset,<!-- internal black shadow
         -->1px 1px 2px rgba(0,0,0,0.4);<!-- external black shadow
         -->1px 1px 2px rgba(0,0,0,.4);<!-- external black shadow
       -->border:<!--
       -->border:<!--
         -->outset 1px rgba(127,127,127,0.5)<!-- container grey border
         -->1px rgba(127,127,127,.5)outset<!-- container grey border
   -->"<!--
   -->"<!--
   -->title="{{{1|}}}"<!--
   -->title="{{tagtexts|available}}"<!--
-->><!--
-->><!--
   -->'''Available'''<!--
   -->Available<!--
--></span><!--
--></span><!--


-->|<!-- else (TABLE MODE)
-->|<!-- else (TABLE MODE)


-->class="compatibility-tag"<!--
-->style="<!--
-->style="<!--
  -->text-align:center;<!--
   -->background:#bbb;<!--
   -->background:#bbb;<!--
   -->color:#888;<!--
   -->color:#888<!--
  -->cursor:help<!--
-->"<!--
-->"<!--
-->data-sort-value="8"<!--
-->data-sort-value="8"<!--
-->title="{{tagtexts|available}}"<!--
-->title="{{tagtexts|available}}"<!--
-->{{!}}<!--
-->{{!}}<!--
-->'''Available<!--
-->Available<!--


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

Latest revision as of 13:24, 3 July 2023

class="compatibility-tag"style="background:#bbb;color:#888"data-sort-value="8"title="Released for this region, but nobody tested it."|Available

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"