Template:PS2 Classics Emulator Compatibility List Headers: Difference between revisions

From PS3 Developer wiki
Jump to navigation Jump to search
(After thinking in it... it seems to be more efficient to add the "class=invertible-image" option here instead of loading Template:InvertibleImage)
(New style with cell dimensions agnostic to the presence of the sorting arrows, optimized cell widths, and some other small improvements)
Line 1: Line 1:
{|class="wikitable mw-datatable sortable"style="width:100%;font-size:85%<includeonly>;margin-top:-28px</includeonly>"
{|class="wikitable mw-datatable sortable"style="width:100%;font-size:85%;cursor:default<includeonly>;margin-top:-28px</includeonly>"
|+style="text-align:right;padding-right:5px"|{{jumptoletter|current={{{1}}}}}
|+style="text-align:right;padding-right:5px"|{{jumptoletter|current={{{1}}}}}


!style="<!--
!class="unsortable nowrap" style="<!--
   -->width:25%;<!--
   -->width:25%;<!--
   -->min-width:150px;<!--
   -->padding-bottom:0em<!--
  -->background-position:left<!--
-->"|[[Image:logo_PS2.png|x9px|baseline|link=|class=invertible-image]] Game Name
-->"<!--
-->|<!--
-->[[Image:logo_PS2.png|x9px|baseline|link=|class=invertible-image]]&nbsp;Game&nbsp;Name


!style="<!--
!class="unsortable nowrap" style="<!--
   -->width:75px;<!--
   -->width:72px;<!--
  -->min-width:75px;<!--
   -->padding:0.1em 0.1em 0em<!--
   -->padding:0.4em;<!--
-->"|[[Image:Europe.png|x20px|bottom|link=]]<span style="font-size:90%>PAL‐EU</span>
  -->background-position:68px;<!--
  -->text-align:left;<!--
  -->font-family:monospace"<!--
-->"<!--
-->|<!--
-->[[Image:Europe.png|x18px|bottom|link=]]&thinsp;<big>PAL‐EU</big>


!style="<!--
!class="unsortable nowrap" style="<!--
   -->width:75px;<!--
   -->width:72px;<!--
  -->min-width:75px;<!--
   -->padding:0.1em 0.1em 0em<!--
   -->padding:0.4em;<!--
-->"|[[Image:United_States.png|x20px|bottom|link=]]<span style="font-size:90%>NTSC‐U</span>
  -->background-position:68px;<!--
  -->text-align:left;<!--
  -->font-family:monospace"<!--
-->"<!--
-->|<!--
-->[[Image:United_States.png|x18px|bottom|link=]]&thinsp;<big>NTSC‐U</big>


!style="<!--
!class="unsortable nowrap" style="<!--
   -->width:75px;<!--
   -->width:72px;<!--
  -->min-width:75px;<!--
   -->padding:0.1em 0.1em 0em<!---
   -->padding:0.4em;<!--
-->"|[[Image:Japan.png|x20px|bottom|link=]]<span style="font-size:90%>NTSC‐J</span>
  -->background-position:68px;<!--
  -->text-align:left;<!--
  -->font-family:monospace"<!--
-->"<!--
-->|<!--
-->[[Image:Japan.png|x18px|bottom|link=]]&thinsp;<big>NTSC‐J</big>


!style="<!--
!class="unsortable nowrap" style="<!--
   -->min-width:200px;<!--
   -->padding-bottom:0em<!--
  -->cursor:default<!--
-->"|[[Image:Logo_PS3.png|x9px|baseline|link=|class=invertible-image]] Compatibility Notes
-->"<!--
|-style="border-top:hidden; height:12px"
-->class="unsortable"<!--
! style="background-position:50%" | !! style="background-position:50%" | !! style="background-position:50%" | !! style="background-position:50%" | !! class="unsortable" |<noinclude>
-->|<!--
-->[[Image:Logo_PS3.png|x9px|baseline|link=|class=invertible-image]]&nbsp;Compatibility&nbsp;Notes<noinclude>
|-
|-
| Dummy row || {{ps2classic}} || {{playable}} || {{minorissues}} ||  
| Dummy row 1 || {{ps2classic}} || {{playable}} || {{minorissues}} ||  
|-
|-
| Dummy row || {{majorissues}} || {{unplayable}} || {{available}} ||  
| Dummy row 2 || {{majorissues}} || {{unplayable}} || {{available}} ||  
|-
|-
| Dummy row || {{notavailable}} || {{notavailable}} || {{majorissues}} ||  
| Dummy row 3 || {{notavailable}} || {{notavailable}} || {{majorissues}} ||  
|}
|}


<!-- got it reminder... The compatibility tags doesnt makes any "anti-wrap" prevention so the width of this header cells needs to be adjusted accuratelly because are the responsibles of preventing the wrapping of the compatibility tags. The region flag icons in the headers requires a padding all around to look fine, and the displayed cell size is the width attribute + that internal cell padding, by default all wikitable cells have a padding of 0.2em vertically and 0.4em horizontally. In previous versions of the ps1classic and ps2classic tags i was removing that padding but right now all the compatibility tags are using the default horizontal padding of 0.4em... so the best way to align the width of the table headers with the tags below is by using a padding of 0.4em "around" the flag
And the flag height should be adjusted to fill the available space (default wikitable cell height - 2 vertical 0.4em paddings), right now im not sure how much is that value but probably is in em units (dependant of font size) and we cant scale images dinamicaly based in the font size so is needed to do an approximation, in this test it seems a flag icon height of 18px matches fine (paddings at its top, bottom and left looks proportional) -->
[[Category:Games]]</noinclude>
[[Category:Games]]</noinclude>

Revision as of 09:33, 22 June 2023

# · A · B · C · D · E · F · G · H · I · J · K · L · M · N · O · P · Q · R · S · T · U · V · W · X · Y · Z · Back to top
Logo PS2.png Game Name Europe.pngPAL‐EU United States.pngNTSC‐U Japan.pngNTSC‐J Logo PS3.png Compatibility Notes
Dummy row 1 PS2 Classic Playable Minor Issues
Dummy row 2 Major Issues Unplayable Available
Dummy row 3 Not Available Not Available Major Issues
Retrieved from "http://www.psdevwiki.com/ps3/index.php?title=Template:PS2_Classics_Emulator_Compatibility_List_Headers&oldid=72411"