Template:Software page: Difference between revisions
Jump to navigation
Jump to search
Idea:This template should standardize software pages (mostly game and mod pages). Also, it should make it easier for developers to find documentation.
Idea:It should become like pages from Steam, ModDB or who knows what else.
Idea:The Docs subpage (FOR DEVELOPERS) should contain a table similar to the table from Half-Life: Alyx Workshop Tools page.
mNo edit summary |
mNo edit summary |
||
Line 32: | Line 32: | ||
{{#if:{{{test|}}}|<div style="display:flex; flex-direction:column; align-items:center; width:100%; position:relative; margin-bottom:40px"> | {{#if:{{{test|}}}|<div style="display:flex; flex-direction:column; align-items:center; width:100%; position:relative; margin-bottom:40px"> | ||
<div style="display:flex; justify-content:center; align-items:start; width:100%; height:100%; max-height:1080px; overflow:hidden; position:absolute; z-index:-1"> | <div style="display:flex; justify-content:center; align-items:start; width:100%; height:100%; max-height:1080px; overflow:hidden; position:absolute; z-index:-1"> | ||
<div style="opacity:.1; user-select:none; pointer-events:none"> | <div style="opacity:.1; user-select:none; pointer-events:none">{{{background|}}}</div> | ||
<div style="width:100%; height:200px; background-image:linear-gradient(0deg, #262626 2%, transparent); position:absolute; bottom:0"></div> | <div style="width:100%; height:200px; background-image:linear-gradient(0deg, #262626 2%, transparent); position:absolute; bottom:0"></div> | ||
</div> | </div> | ||
<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: | <div style="width:100%; height:369px; background:#202020; border-radius:6px; overflow:hidden">{{#if:{{PROTECTIONEXPIRY:edit|File:{{{name|}}} - Screenshot 1.jpg}}|[[File:{{{name|}}} - Screenshot 1.jpg|656px]]|}}</div> | ||
<div style="display:flex; gap:10px; width:100%; height:100px; border-radius:6px; overflow-x:auto; margin-top:10px"><!-- | <div style="display:flex; gap:10px; width:100%; height:100px; border-radius:6px; overflow-x:auto; margin-top:10px"><!-- | ||
--><div>[[File:PUNT - Screenshot 2.jpg|128px]]</div><!-- | --><div>[[File:PUNT - Screenshot 2.jpg|128px]]</div><!-- |
Revision as of 13:15, 23 February 2023



Example of the layout of developer pages:
- Team Fortress 2/Docs
- Team Fortress 2/Level Design
- Team Fortress 2/Creating items
- Team Fortress 2/...