Template:User page: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
No edit summary |
||
(17 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
__NOTOC__ | __NOTOC__ | ||
{{Todo| | {{Todo| | ||
*Someday complete work on this template, thereby standardizing non-stylized user pages. | * Someday complete work on this template, thereby standardizing non-stylized user pages. | ||
* Scrolling in {{t|User page}} <!-- from Template:Wikichievements -->. | |||
* Probably wouldn't hurt to have a [[Template:Testcase notice|testcases]] page. | |||
*Scrolling in {{t|User page}} <!-- from Template:Wikichievements --> | |||
}} | }} | ||
{{Doc}} | {{Doc}} | ||
<includeonly><onlyinclude>{{#if:{{{nocat|}}}||[[Category:Users]]}}{{#if:{{{doc|}}}||{{DISPLAYTITLE: | <includeonly> | ||
<!-- | |||
<onlyinclude>{{#if:{{{nocat|}}}||[[Category:Users]]}}{{#if:{{{doc|}}}||{{DISPLAYTITLE:{{{user|{{FULLPAGENAME}}}}}}}}}<!-- | |||
- Cover - | - Cover - | ||
--> | -->{{#if:{{{frame|}}}|<div style="background:{{{frame bg|{{#switch:{{{theme|}}}| dark = #0f0f0f | #default = #232323 }}}}}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:{{{radius frame cover|{{#switch:{{{style|}}}|1=6px|1em}}}}}; ; display:flow-root; padding:{{{padding frame cover|{{#switch:{{{style|}}}|1=0.5px|1em}}}}}; ">|}} | ||
{{#if:{{{frame|}}}|<div style="background:{{{frame bg|{{#switch:{{{theme|}}}| dark = #0f0f0f | #default = #232323 }}}}}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:{{{radius frame cover|{{#switch:{{{style|}}}|1=6px|1em}}}}}; ; display:flow-root; padding:{{{padding frame cover|{{#switch:{{{style|}}}|1=0.5px|1em}}}}}; ">|}} | |||
<div style="display:flex; justify-content:center; align-items:center; height:256px; {{#if:{{{cover gradient|}}}|background-image:{{{cover gradient}}};|}} background-color:{{#switch:{{{theme}}} | <div style="display:flex; justify-content:center; align-items:center; height:256px; {{#if:{{{cover gradient|}}}|background-image:{{{cover gradient}}};|}} background-color:{{#switch:{{{theme}}} | ||
| dark = #181818 | | dark = #181818 | ||
| #default = #404040 | | #default = #404040 | ||
}}; border-radius:6px; overflow: hidden; user-select:none; position:relative; z-index:1; margin-top:{{#ifeq:{{FULLPAGENAME}}|Template:User page|0|0px}}"><!-- | }}; border-radius:6px; overflow: hidden; user-select:none; position:relative; z-index:1; margin-top:{{#ifeq:{{FULLPAGENAME}}|Template:User page|0|0px}}"><!-- | ||
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserCover-{{PAGENAME}}.png}} | -->{{#if:{{PROTECTIONEXPIRY:edit|File:UserCover-{{{user|{{PAGENAME}}}}}.png}} | ||
|[[File:UserCover-{{PAGENAME}}.png|link=]] | |[[File:UserCover-{{{user|{{PAGENAME}}}}}.png|link=]] | ||
|{{#if:{{PROTECTIONEXPIRY:edit|File:UserCover-{{PAGENAME}}.jpg}} | |{{#if:{{PROTECTIONEXPIRY:edit|File:UserCover-{{{user|{{PAGENAME}}}}}.jpg}} | ||
|[[File:UserCover-{{PAGENAME}}.jpg|link=]] | |[[File:UserCover-{{{user|{{PAGENAME}}}}}.jpg|link=]] | ||
|{{#if:{{{cover gradient|}}}||<span style="opacity:.6">[[File:Icon-panorama-filled.png|80px|{{User page/strings|AddCover}}|link=File:UserCover-{{ROOTPAGENAME}}.png]]</span>}}}}}} | |{{#if:{{{cover gradient|}}}||<span style="opacity:.6">[[File:Icon-panorama-filled.png|80px|{{User page/strings|AddCover}}|link=File:UserCover-{{ROOTPAGENAME}}.png]]</span>}}}}}} | ||
</div> | </div> | ||
{{#if:{{{frame|}}}|</div>|}} | {{#if:{{{frame|}}}|</div>|}} | ||
{{#if:{{{frame|}}}|<div style="display:flex; align-items:center; position:relative; z-index:3; padding: 0 clamp(8px, 2vw, 30px); margin-top:{{{align|-65px}}}; margin-bottom:20px">|<div style="display:flex; align-items:center; position:relative; z-index:3; padding: 0 clamp(8px, 2vw, 30px); margin-top:-65px; margin-bottom:20px">}} | |||
{{#if:{{{frame|}}}|<div style="display:flex; align-items:center; position:relative; z-index:3; padding: 0 clamp(8px, 2vw, 30px); margin-top:- | |||
<!-- | <!-- | ||
- Avatar - | - Avatar - | ||
--> | -->{{#if:{{{frame|}}}|<div style="background:{{{frame bg|{{#switch:{{{theme|}}}| dark = #0f0f0f | #default = #232323 }}}}}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:{{Settings|user={{{user|{{PAGENAME}}}}}|avatar radius|ifempty=50%}}; display:flow-root; padding:{{{padding frame avatar|{{#switch:{{{style|}}}|1=0.5px|1em}}}}}; ">|}} | ||
{{#if:{{{frame|}}}|<div style="background:{{{frame bg|{{#switch:{{{theme|}}}| dark = #0f0f0f | #default = #232323 }}}}}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:{{Settings|user={{PAGENAME}}|avatar radius|ifempty=50%}}; display:flow-root; padding:{{{padding frame avatar|{{#switch:{{{style|}}}|1=0.5px|1em}}}}}; ">|}} | |||
<div style="display:flex; justify-content:center; align-items:center; min-width: 128px; width:128px; height:128px; background-color: {{#switch:{{{theme}}} | <div style="display:flex; justify-content:center; align-items:center; min-width: 128px; width:128px; height:128px; background-color: {{#switch:{{{theme}}} | ||
| dark = #212121 | | dark = #212121 | ||
| #default = #525252 | | #default = #525252 | ||
}}; border-radius:{{Settings|user={{PAGENAME}}|avatar radius|ifempty=50%}}; image-rendering:{{Settings|user={{PAGENAME}}|avatar rendering|ifempty=auto}}; overflow:hidden; user-select:none"><!-- | }}; border-radius:{{Settings|user={{{user|{{PAGENAME}}}}}|avatar radius|ifempty=50%}}; image-rendering:{{Settings|user={{{user|{{PAGENAME}}}}}|avatar rendering|ifempty=auto}}; overflow:hidden; user-select:none"><!-- | ||
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{PAGENAME}}.png}} | -->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{{user|{{PAGENAME}}}}}.png}} | ||
|[[File:UserAvatar-{{PAGENAME}}.png|link=|128px]] | |[[File:UserAvatar-{{{user|{{PAGENAME}}}}}.png|link=|128px]] | ||
|{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{PAGENAME}}.jpg}} | |{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{{user|{{PAGENAME}}}}}.jpg}} | ||
|[[File:UserAvatar-{{PAGENAME}}.jpg|link=|128px]] | |[[File:UserAvatar-{{{user|{{PAGENAME}}}}}.jpg|link=|128px]] | ||
|[[File:Icon-user.png|60px|{{User page/strings|AddAvatar}}|link=File:UserAvatar-{{ROOTPAGENAME}}.png]]}}}}<!-- | |[[File:Icon-user.png|60px|{{User page/strings|AddAvatar}}|link=File:UserAvatar-{{ROOTPAGENAME}}.png]]}}}}<!-- | ||
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatarFrame{{#switch:{{{event|}}}|xmas=XMAS|}}-{{PAGENAME}}.png}} | -->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatarFrame{{#switch:{{{event|}}}|xmas=XMAS|}}-{{{user|{{PAGENAME}}}}}.png}} | ||
|<div style="width:224px; height:224px; transform:scale(.7); display:flex; align-items:center; justify-content:center; overflow:hidden; user-select:none; position:absolute">[[File:UserAvatarFrame{{#switch:{{{event|}}}|xmas=XMAS|}}-{{PAGENAME}}.png|{{Settings|user={{PAGENAME}}|avatar frame size|ifempty=}}|link=]]</div>|}} | |<div style="width:224px; height:224px; transform:scale(.7); display:flex; align-items:center; justify-content:center; overflow:hidden; user-select:none; position:absolute">[[File:UserAvatarFrame{{#switch:{{{event|}}}|xmas=XMAS|}}-{{{user|{{PAGENAME}}}}}.png|{{Settings|user={{{user|{{PAGENAME}}}}}|avatar frame size|ifempty=}}|link=]]</div>|}} | ||
</div> | </div> | ||
{{#if:{{{frame|}}}|</div>|}} | {{#if:{{{frame|}}}|</div>|}} | ||
Line 62: | Line 55: | ||
| dark = #212121 | | dark = #212121 | ||
| #default = #303030 | | #default = #303030 | ||
}}; border-radius:6px; font-size: 32px; line-height:24px; color: #FFFFFF; padding:10px; {{#if:{{{frame|}}}||margin:0 16px}}">{{Settings|user={{PAGENAME}}|username|ifempty={{PAGENAME}}}}<span style="user-select:none"></span> | }}; border-radius:6px; font-size: 32px; line-height:24px; color: #FFFFFF; padding:10px; {{#if:{{{frame|}}}||margin:0 16px}}">{{Settings|user={{{user|{{PAGENAME}}}}}|username|ifempty={{{user|{{PAGENAME}}}}}}}<span style="user-select:none"></span> | ||
</div> | </div> | ||
{{#if:{{{frame|}}}|</div>|}} | {{#if:{{{frame|}}}|</div>|}} | ||
Line 75: | Line 68: | ||
| #default = #303030 | | #default = #303030 | ||
}}; border-radius:6px; user-select:none; padding:10px; margin-left:auto;"><!-- | }}; border-radius:6px; user-select:none; padding:10px; margin-left:auto;"><!-- | ||
-->[[File:icon-sandbox.png|24px|link={{FULLPAGENAME}}/Sandbox|{{User page/strings|UserSandbox}}]]<!-- | -->[[File:icon-sandbox.png|24px|link={{#if:{{{user|}}}|User:{{{user|}}}|{{FULLPAGENAME}}}}/Sandbox|{{User page/strings|UserSandbox}}]]<!-- | ||
-->[[File:Icon-settings_account_box-outlined.png|24px|link={{# | -->[[File:Icon-settings_account_box-outlined.png|24px|link={{#if:{{{user|}}}|User:{{{user|}}}|{{FULLPAGENAME}}}}/Settings|{{#if:{{{user|}}}|User:{{{user|}}}|{{FULLPAGENAME}}}}/Settings|{{fullurl:{{#if:{{{user|}}}|User:{{{user|}}}|{{FULLPAGENAME}}}}/Settings|action=edit&preload={{urlencode:Template:User settings page/preload}}}}}}|{{User page/strings|UserSettings}}]]</div> | ||
</div> | </div> | ||
{{#if:{{{frame|}}}|</div>|}} | {{#if:{{{frame|}}}|</div>|}} | ||
Line 86: | Line 79: | ||
{{#if:{{{nolinks|}}}||<div class="plainlinks" style="display:flex; flex-direction:column; gap:10px; width:320px; color:lightgrey; float:right; margin:0 0 10px 10px"> | {{#if:{{{nolinks|}}}||<div class="plainlinks" style="display:flex; flex-direction:column; gap:10px; width:320px; color:lightgrey; float:right; margin:0 0 10px 10px"> | ||
<!-- Achievements --> | <!-- Achievements --> | ||
{{#if:{{{noach|}}}||{{#if:{{PROTECTIONEXPIRY:edit|{{FULLPAGENAME}}/Achievements}} | {{#if:{{{noach|}}}||{{#if:{{PROTECTIONEXPIRY:edit|{{#if:{{{user|}}}|User:{{{user|}}}|{{FULLPAGENAME}}}}/Achievements}} | ||
| <div style="display:flex; flex-direction:column; width: 100%; box-sizing:border-box; {{#switch:{{{theme}}} | | <div style="display:flex; flex-direction:column; width: 100%; box-sizing:border-box; {{#switch:{{{theme}}} | ||
| dark = background:#212121; box-shadow:rgba(0, 0, 0, .45) 0 0 25px | | dark = background:#212121; box-shadow:rgba(0, 0, 0, .45) 0 0 25px | ||
Line 94: | Line 87: | ||
| dark = #282828 | | dark = #282828 | ||
| #default = #454545 | | #default = #454545 | ||
}}; font-weight:bold; padding:4px 10px;">[[{{FULLPAGENAME}}/Achievements|{{User page/strings|Achievements}}]]</div> | }}; font-weight:bold; padding:4px 10px;">[[{{#if:{{{user|}}}|User:{{{user|}}}|{{FULLPAGENAME}}}}/Achievements|{{User page/strings|Achievements}}]]</div> | ||
<div style="display:flex; gap:8px; overflow:hidden; padding:10px">{{Wikichievements|nodiv=1|mini=1}}</div> | <div style="display:flex; gap:8px; overflow:hidden; padding:10px">{{Wikichievements|nodiv=1|mini=1}}</div> | ||
</div> | </div> | ||
Line 111: | Line 104: | ||
-->{{#if:{{{links-before|}}} | <span>{{{links-before}}}</span> |}}<!-- | -->{{#if:{{{links-before|}}} | <span>{{{links-before}}}</span> |}}<!-- | ||
-->{{#if:{{{website|}}} | <span>[ | -->{{#if:{{{website|}}} | <span>[https://{{{website|}}} Website] </span> |}}<!-- | ||
-->{{#if:{{{facebook|}}} | <span>[ | -->{{#if:{{{facebook|}}} | <span>[https://www.facebook.com/{{{facebook}}} Facebook]</span> |}}<!-- | ||
-->{{#if:{{{gamebanana|}}} | <span>{{Gamebanana|page=other|members/{{{gamebanana}}}|GameBanana}}</span> |}}<!-- | -->{{#if:{{{gamebanana|}}} | <span>{{Gamebanana|page=other|members/{{{gamebanana}}}|GameBanana}}</span> |}}<!-- | ||
-->{{#if:{{{github|}}} | <span>{{Github|{{{github}}}|GitHub}}</span> |}}<!-- | -->{{#if:{{{github|}}} | <span>{{Github|{{{github}}}|GitHub}}</span> |}}<!-- | ||
-->{{#if:{{{gitlab|}}} | <span>[ | -->{{#if:{{{gitlab|}}} | <span>[https://gitlab.com/{{{gitlab}}} GitLab]</span> |}}<!-- | ||
-->{{#if:{{{patreon|}}} | <span>[https://patreon.com/{{{patreon}}} Patreon]</span> |}}<!-- | -->{{#if:{{{patreon|}}} | <span>[https://patreon.com/{{{patreon}}} Patreon]</span> |}}<!-- | ||
-->{{#if:{{{reddit|}}} | <span>{{reddit|user/{{{reddit}}}|Reddit}}</span> |}}<!-- | -->{{#if:{{{reddit|}}} | <span>{{reddit|user/{{{reddit}}}|Reddit}}</span> |}}<!-- | ||
Line 151: | Line 144: | ||
}}; font-weight:bold; padding:4px 10px;">{{User page/strings|Userboxes}}</div> | }}; font-weight:bold; padding:4px 10px;">{{User page/strings|Userboxes}}</div> | ||
<div style="display:grid; gap:.3em; overflow:hidden; padding:10px">{{#if:{{{userboxes|}}}|{{{userboxes}}}|}}</div> | <div style="display:grid; gap:.3em; overflow:hidden; padding:10px">{{#if:{{{userboxes|}}}|{{{userboxes}}}|}}</div> | ||
</div>| | |||
}}<!-- | |||
Infobox | |||
-->{{#if:{{{infobox|}}}| | |||
<div style="display:flex; flex-direction:column; width: 100%; box-sizing:border-box; {{#switch:{{{theme}}} | |||
| dark = background:#212121; box-shadow:rgba(0, 0, 0, .45) 0 0 25px | |||
| #default = background:#303030; border:1px solid #454545 | |||
}}; overflow:hidden; border-radius:4px; z-index:2;"> | |||
<div style="background:{{#switch:{{{theme}}} | |||
| dark = #282828 | |||
| #default = #454545 | |||
}}; font-weight:bold; padding:4px 10px;">{{#if:{{{infoboxtitle|}}}|{{{infoboxtitle}}}|{{User page/strings|Infobox}}}}</div> | |||
<div style="display:grid; gap:.3em; overflow:hidden; padding:10px">{{#if:{{{infobox|}}}|{{{infobox}}}|}}</div> | |||
</div>| | </div>| | ||
}} | }} | ||
</div>}}</onlyinclude></includeonly> | </div>}}</onlyinclude></includeonly> |
Latest revision as of 11:03, 17 July 2025
Todo:
The above documentation is transcluded from Template:User page/doc. (Edit | Page history)
Editors can experiment in this template's sandbox (edit) and testcases (create) pages.
Editors can experiment in this template's sandbox (edit) and testcases (create) pages.