Template:Software page: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
Line 59: Line 59:
<!-- Background -->
<!-- Background -->
<div style="display:flex; justify-content:center; align-items:start; width:100%; height:100%; max-height:640px; overflow:hidden; position:absolute; z-index:-1">
<div style="display:flex; justify-content:center; align-items:start; width:100%; height:100%; max-height:640px; overflow:hidden; position:absolute; z-index:-1">
<div style="opacity:.1; user-select:none; pointer-events:none; position:absolute">{{{background|{{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Background.png}}|[[File:{{{shortname|{{{name|}}}}}} - Background.png]]|}}}}}</div>
<div style="opacity:.1; user-select:none; pointer-events:none; position:absolute">{{{background|{{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Background.png}}|[[File:{{{shortname|{{{name|}}}}}} - Background.png]]|{{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Background.jpg}}|[[File:{{{shortname|{{{name|}}}}}} - Background.jpg]]|}}}}}}}</div>
<div style="width:100%; height:200px; background-image:linear-gradient(0deg, #262626 2%, transparent); position:relative; margin-top:auto"></div>
<div style="width:100%; height:200px; background-image:linear-gradient(0deg, #262626 2%, transparent); position:relative; margin-top:auto"></div>
</div>
</div>
Line 65: Line 65:
<div style="display:flex; width:1000px; margin-top:40px; z-index:1">
<div style="display:flex; width:1000px; margin-top:40px; z-index:1">
<div style="display:flex; flex-direction:column; width:656px; user-select:none; margin-right:20px">
<div style="display:flex; flex-direction:column; width:656px; user-select:none; margin-right:20px">
<div style="width:100%; height:369px; background:#202020; border-radius:6px; overflow:hidden">{{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Screenshot 1.png}}|[[File:{{{shortname|{{{name|}}}}}} - Screenshot 1.png|656px]]|}}</div>
<div style="width:100%; height:369px; background:#202020; border-radius:6px; overflow:hidden">{{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Screenshot 1.png}}|[[File:{{{shortname|{{{name|}}}}}} - Screenshot 1.png|656px]]|{{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Screenshot 1.jpg}}|[[File:{{{shortname|{{{name|}}}}}} - Screenshot 1.jpg|656px]]|}}}}</div>
<div style="display:flex; gap:10px; width:100%; {{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Screenshot 6.png}}|height:100px;}} border-radius:6px; overflow-x:auto; margin-top:10px"><!--
<div style="display:flex; gap:10px; width:100%; {{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Screenshot 6.png}}|height:100px;|{{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Screenshot 6.jpg}}|height:100px;|}}}} border-radius:6px; overflow-x:auto; margin-top:10px"><!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Screenshot 2.png}}|<div style="display:flex; justify-content:center; align-items:center; min-width:128px; height:72px; background:#202020; border-radius:6px; overflow:hidden">[[File:{{{shortname|{{{name|}}}}}} - Screenshot 2.png|128px]]</div>|}}<!--
-->{{Software page/include|Screenshot|2|{{{name|}}}|{{{shortname|}}}}}<!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Screenshot 3.png}}|<div style="display:flex; justify-content:center; align-items:center; min-width:128px; height:72px; background:#202020; border-radius:6px; overflow:hidden">[[File:{{{shortname|{{{name|}}}}}} - Screenshot 3.png|128px]]</div>|}}<!--
-->{{Software page/include|Screenshot|3|{{{name|}}}|{{{shortname|}}}}}<!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Screenshot 4.png}}|<div style="display:flex; justify-content:center; align-items:center; min-width:128px; height:72px; background:#202020; border-radius:6px; overflow:hidden">[[File:{{{shortname|{{{name|}}}}}} - Screenshot 4.png|128px]]</div>|}}<!--
-->{{Software page/include|Screenshot|4|{{{name|}}}|{{{shortname|}}}}}<!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Screenshot 5.png}}|<div style="display:flex; justify-content:center; align-items:center; min-width:128px; height:72px; background:#202020; border-radius:6px; overflow:hidden">[[File:{{{shortname|{{{name|}}}}}} - Screenshot 5.png|128px]]</div>|}}<!--
-->{{Software page/include|Screenshot|5|{{{name|}}}|{{{shortname|}}}}}<!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Screenshot 6.png}}|<div style="display:flex; justify-content:center; align-items:center; min-width:128px; height:72px; background:#202020; border-radius:6px; overflow:hidden">[[File:{{{shortname|{{{name|}}}}}} - Screenshot 6.png|128px]]</div>|}}<!--
-->{{Software page/include|Screenshot|6|{{{name|}}}|{{{shortname|}}}}}<!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Screenshot 7.png}}|<div style="display:flex; justify-content:center; align-items:center; min-width:128px; height:72px; background:#202020; border-radius:6px; overflow:hidden">[[File:{{{shortname|{{{name|}}}}}} - Screenshot 7.png|128px]]</div>|}}<!--
-->{{Software page/include|Screenshot|7|{{{name|}}}|{{{shortname|}}}}}<!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Screenshot 8.png}}|<div style="display:flex; justify-content:center; align-items:center; min-width:128px; height:72px; background:#202020; border-radius:6px; overflow:hidden">[[File:{{{shortname|{{{name|}}}}}} - Screenshot 8.png|128px]]</div>|}}<!--
-->{{Software page/include|Screenshot|8|{{{name|}}}|{{{shortname|}}}}}<!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Screenshot 9.png}}|<div style="display:flex; justify-content:center; align-items:center; min-width:128px; height:72px; background:#202020; border-radius:6px; overflow:hidden">[[File:{{{shortname|{{{name|}}}}}} - Screenshot 9.png|128px]]</div>|}}<!--
-->{{Software page/include|Screenshot|9|{{{name|}}}|{{{shortname|}}}}}<!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Screenshot 10.png}}|<div style="display:flex; justify-content:center; align-items:center; min-width:128px; height:72px; background:#202020; border-radius:6px; overflow:hidden">[[File:{{{shortname|{{{name|}}}}}} - Screenshot 10.png|128px]]</div>|}}<!--
-->{{Software page/include|Screenshot|10|{{{name|}}}|{{{shortname|}}}}}<!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Screenshot 11.png}}|<div style="display:flex; justify-content:center; align-items:center; min-width:128px; height:72px; background:#202020; border-radius:6px; overflow:hidden">[[File:{{{shortname|{{{name|}}}}}} - Screenshot 11.png|128px]]</div>|}}<!--
-->{{Software page/include|Screenshot|11|{{{name|}}}|{{{shortname|}}}}}<!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:{{{shortname|{{{name|}}}}}} - Screenshot 12.png}}|<div style="display:flex; justify-content:center; align-items:center; min-width:128px; height:72px; background:#202020; border-radius:6px; overflow:hidden">[[File:{{{shortname|{{{name|}}}}}} - Screenshot 12.png|128px]]</div>|}}
-->{{Software page/include|Screenshot|12|{{{name|}}}|{{{shortname|}}}}}
</div>
</div>
</div>
</div>
<div style="display:flex; flex-direction:column; gap:10px; width:324px; background:rgba(0,0,0,.1); border-radius:6px">
<div style="display:flex; flex-direction:column; gap:10px; width:324px; background:rgba(0,0,0,.1); border-radius:6px">
<div style="width:100%; height:151px; background:#202020; border-radius:6px; overflow:hidden; user-select:none">{{#if:{{PROTECTIONEXPIRY:edit|File:GameCover-{{{shortname|{{{name|}}}}}}.png}}|[[File:GameCover-{{{shortname|{{{name|}}}}}}.png|324px|link=]]|}}</div>
<div style="width:100%; height:151px; background:#202020; border-radius:6px; overflow:hidden; user-select:none">{{#if:{{PROTECTIONEXPIRY:edit|File:GameCover-{{{shortname|{{{name|}}}}}}.png}}|[[File:GameCover-{{{shortname|{{{name|}}}}}}.png|324px|link=]]|{{#if:{{PROTECTIONEXPIRY:edit|File:GameCover-{{{shortname|{{{name|}}}}}}.jpg}}|[[File:GameCover-{{{shortname|{{{name|}}}}}}.jpg|324px|link=]]|}}}}</div>
<div style="display:-webkit-box; -webkit-line-clamp: 6; -webkit-box-orient:vertical; overflow: hidden; padding:0 10px">{{{shortdesc|}}}</div><!--
<div style="display:-webkit-box; -webkit-line-clamp: 6; -webkit-box-orient:vertical; overflow: hidden; padding:0 10px">{{{shortdesc|}}}</div><!--



Revision as of 04:03, 25 February 2023

Template:ModernNote Template:ModernTodo

Parameters

  • {{{name}}}
  • {{{shortname}}}
  • {{{appid}}}
  • {{{tools}}}
  • {{{workshop}}}
  • {{{wiki}}}
  • {{{background}}}
  • {{{release}}}
  • {{{mode}}}
  • {{{mode2}}}
  • {{{genre}}}
  • {{{genre2}}}
  • {{{engine}}}
  • {{{developer}}}
  • {{{dev2}}}, {{{dev3}}}, {{{dev4}}}
  • {{{publisher}}}
  • {{{pub2}}}, {{{pub3}}}, {{{pub4}}}
  • {{{shortdesc}}}
  • {{{desc}}}

Test