Template:Available: Difference between revisions

From PS3 Developer wiki
Jump to navigation Jump to search
No edit summary
(Now all this settings are loaded from class="compatibility-tag")
 
(22 intermediate revisions by 2 users not shown)
Line 2: Line 2:


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


== Examples==
== Examples ==
{| class="wikitable" style="float:left; clear:both; margin:0px; font-size:85%;"
{{compatibility tags syntax}}
| style="border-top:hidden; padding:0px; width:125px;" | || style="border-top:hidden; padding:0px; width:300px;" |
{{compatibility tags colorset}}
|-
| {{available}} || '''<nowiki>{{available}}</nowiki>''' Inside a table, default alignment
|-
| {{available|text}} || '''<nowiki>{{available|text}}</nowiki>''' Inline
|}
 
== Notes ==
**The colors of {{available|&nbsp;}} and {{notavailable|&nbsp;}} represents a "undefined compatibility" and has been choosen following some rules:
***Are 3 colors in total (2 background colors, and 1 font color common for both) in grey tones
***The background color of {{notavailable|&nbsp;}} is darker than {{available|&nbsp;}} because is considered the worst compatibility
***The font color needs to preserve the readability when is displayed on top of both backgrounds, so is darkest than the backgrounds


[[Category:Templates]]</noinclude>
[[Category:Templates]]</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"