Template:User page: Difference between revisions
Jump to navigation
Jump to search
(Got it back by the WayBackMachine, FROM 1 JULY 2024) |
(oops) |
||
Line 1: | Line 1: | ||
__NOTOC__ | __NOTOC__ | ||
{{Todo|Someday complete work on this template, thereby standardizing non-stylized user pages. | {{Todo| | ||
*Someday complete work on this template, thereby standardizing non-stylized user pages. | |||
{{ | *This template should become the second {{tl|MultiPage}}, but for user pages. {{clarify}} | ||
{{ | *Scrolling in {{t|User page}} <!-- from Template:Wikichievements --> | ||
*Animated avatar. | |||
{{Note|offset=1|It's not hard to do.}} | |||
{{workaround|offset=1|to make it, you should to upload .gif, like .png/.jpg... But you should to configure them (just renaming format .gif to .png/.jpg not works)}} {{clarify|What does this mean???}} | |||
*Probably wouldn't hurt to have a [[Template:Testcase notice|testcases]] page | |||
}} | |||
{{Doc}} | {{Doc}} | ||
<includeonly><onlyinclude>{{#if:{{{nocat|}}}||[[Category:Users]]}}{{#if:{{{doc|}}}||{{DISPLAYTITLE:<span style=display:none>{{Settings|user={{PAGENAME}}|username|ifempty={{FULLPAGENAME}}}}</span>|noreplace}}}} | <includeonly><onlyinclude>{{#if:{{{nocat|}}}||[[Category:Users]]}}{{#if:{{{doc|}}}||{{DISPLAYTITLE:<span style=display:none>{{Settings|user={{PAGENAME}}|username|ifempty={{FULLPAGENAME}}}}</span>|noreplace}}}} | ||
Line 11: | Line 16: | ||
--> | --> | ||
{{#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| | }}; 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-{{PAGENAME}}.png}} | ||
|[[File:UserCover-{{PAGENAME}}.png|link=]] | |[[File:UserCover-{{PAGENAME}}.png|link=]] | ||
Line 21: | Line 27: | ||
|{{#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>|}} | |||
<div style="display:flex; align-items:center; position:relative; z-index:3; padding: 0 clamp(8px, 2vw, 30px); margin-top:- | <!-- INFO: the first line centers the frame with the background, the second once centers it without the frame --> | ||
{{#if:{{{frame|}}}|<div style="display:flex; align-items:center; position:relative; z-index:3; padding: 0 clamp(8px, 2vw, 30px); margin-top:-85px; margin-bottom:20px">|<div style="display:flex; align-items:center; position:relative; z-index:3; padding: 0 clamp(8px, 2vw, 30px); margin-top:-95px; margin-bottom:20px">}} | |||
<!-- End of INFO --> | |||
<!-- | <!-- | ||
Line 28: | Line 37: | ||
--> | --> | ||
{{#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 | ||
Line 41: | Line 53: | ||
|<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|}}-{{PAGENAME}}.png|{{Settings|user={{PAGENAME}}|avatar frame size|ifempty=}}|link=]]</div>|}} | ||
</div> | </div> | ||
{{#if:{{{frame|}}}|</div>|}} | |||
<!-- | <!-- | ||
Line 46: | Line 59: | ||
--> | --> | ||
{{#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 username|{{#switch:{{{style|}}}|1=6px|.6em}}}}}; ; display:flow-root; padding:{{{padding frame username|{{#switch:{{{style|}}}|1=0.5px|1em}}}}}; margin:0 16px">|}} | |||
<div style="background-color: {{#switch:{{{theme}}} | <div style="background-color: {{#switch:{{{theme}}} | ||
| dark = #212121 | | dark = #212121 | ||
| #default = #303030 | | #default = #303030 | ||
}}; border-radius:6px; font-size: 32px; line-height:24px; color: #FFFFFF; padding:10px; margin:0 16px">{{Settings|user={{PAGENAME}}|username|ifempty={{PAGENAME}}}}<span style="user-select:none"></span></div> | }}; 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> | ||
</div> | |||
{{#if:{{{frame|}}}|</div>|}} | |||
<!-- | <!-- | ||
Line 55: | Line 71: | ||
--> | --> | ||
{{#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 buttons|{{#switch:{{{style|}}}|1=6px|1em}}}}}; ; display:flow-root; padding:{{{padding|{{#switch:{{{style|}}}|1=0.5px|1em}}}}}; margin-left:auto;">|}} | |||
<div style="display:flex; align-items:center; gap:20px; background:{{#switch:{{{theme}}} | <div style="display:flex; align-items:center; gap:20px; background:{{#switch:{{{theme}}} | ||
| dark = #212121 | | dark = #212121 | ||
Line 62: | Line 79: | ||
-->[[File:Icon-settings_account_box-outlined.png|24px|link={{#ifexist:{{FULLPAGENAME}}/Settings|{{FULLPAGENAME}}/Settings|{{fullurl:{{FULLPAGENAME}}/Settings|action=edit&preload={{urlencode:Template:User settings page/preload}}}}}}|{{User page/strings|UserSettings}}]]</div> | -->[[File:Icon-settings_account_box-outlined.png|24px|link={{#ifexist:{{FULLPAGENAME}}/Settings|{{FULLPAGENAME}}/Settings|{{fullurl:{{FULLPAGENAME}}/Settings|action=edit&preload={{urlencode:Template:User settings page/preload}}}}}}|{{User page/strings|UserSettings}}]]</div> | ||
</div> | </div> | ||
{{#if:{{{frame|}}}|</div>|}} | |||
<!-- | <!-- | ||
Line 67: | Line 85: | ||
--> | --> | ||
<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|{{FULLPAGENAME}}/Achievements}} | ||
Line 82: | Line 100: | ||
|}}}} | |}}}} | ||
<!-- Links --><!-- Maybe it should be renamed --> | <!-- Links --><!-- Maybe it should be renamed --> | ||
{{#if:{{{website|}}}{{{ | {{#if:{{{links-before|}}}{{{links-after|}}}{{{website|}}}{{{facebook|}}}{{{gamebanana|}}}{{{github|}}}{{{gitlab|}}}{{{patreon|}}}{{{reddit|}}}{{{lambdageneration|}}}{{{soundcloud|}}}{{{gamemaps|}}}{{{moddb|}}}{{{twhl|}}}{{{gamerlab|}}}{{{steam|}}}{{{steam id|}}}{{{twitter|}}}{{{youtube|}}}{{{discord|}}}{{{discord id|}}}{{{bluesky|}}}{{{twitch|}}} | ||
| <div style="display:flex; flex-direction:column; box-sizing:border-box; width:100%; {{#switch:{{{theme}}} | | <div style="display:flex; flex-direction:column; box-sizing:border-box; width:100%; {{#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 97: | Line 115: | ||
-->{{#if:{{{facebook|}}} | <span>[http://www.facebook.com/{{{facebook}}} Facebook]</span> |}}<!-- | -->{{#if:{{{facebook|}}} | <span>[http://www.facebook.com/{{{facebook}}} Facebook]</span> |}}<!-- | ||
-->{{#if:{{{gamebanana|}}} | <span> | -->{{#if:{{{gamebanana|}}} | <span>{{Gamebanana|page=other|members/{{{gamebanana}}}|GameBanana}}</span> |}}<!-- | ||
-->{{#if:{{{github|}}} | <span> | -->{{#if:{{{github|}}} | <span>{{Github|{{{github}}}|GitHub}}</span> |}}<!-- | ||
-->{{#if:{{{gitlab|}}} | <span>[http://gitlab.com/{{{gitlab}}} GitLab]</span> |}}<!-- | -->{{#if:{{{gitlab|}}} | <span>[http://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:{{{lambdageneration|}}} | <span>[https://community.lambdageneration.com/user/{{{lambdageneration}}} Lambda Generation]</span> |}}<!-- | -->{{#if:{{{lambdageneration|}}} | <span>[https://community.lambdageneration.com/user/{{{lambdageneration}}} Lambda Generation]</span> |}}<!-- | ||
-->{{#if:{{{soundcloud|}}} | <span>[https://www.soundcloud.com/{{{soundcloud}}} SoundCloud]</span> |}}<!-- | -->{{#if:{{{soundcloud|}}} | <span>[https://www.soundcloud.com/{{{soundcloud}}} SoundCloud]</span> |}}<!-- | ||
-->{{#if:{{{gamemaps|}}} | <span>[https://www.gamemaps.com/profile/{{{gamemaps}}} GameMaps]</span> |}}<!-- | -->{{#if:{{{gamemaps|}}} | <span>[https://www.gamemaps.com/profile/{{{gamemaps}}} GameMaps]</span> |}}<!-- | ||
-->{{#if:{{{moddb|}}} | <span> | -->{{#if:{{{moddb|}}} | <span>{{Moddb|page=other|members/{{{moddb}}}|ModDB}}</span> |}}<!-- | ||
-->{{#if:{{{twhl|}}} | <span>[https://twhl.info/index.php/user/view/{{{twhl}}} TWHL]</span> |}}<!-- | -->{{#if:{{{twhl|}}} | <span>[https://twhl.info/index.php/user/view/{{{twhl}}} TWHL]</span> |}}<!-- | ||
-->{{#if:{{{gamerlab|}}} | <span>[https://gamer-lab.com/eng/user/{{{gamerlab}}} Gamer-Lab]</span> |}}<!-- | -->{{#if:{{{gamerlab|}}} | <span>[https://gamer-lab.com/eng/user/{{{gamerlab}}} Gamer-Lab]</span> |}}<!-- | ||
-->{{#if:{{{steam|}}}{{{steam id|}}} | <span> | -->{{#if:{{{steam|}}}{{{steam id|}}} | <span>{{Steam community|{{#if:{{{steam|}}}|id|profiles}}/{{{steam|{{{steam id}}}}}}|Steam}}</span> |}}<!-- | ||
-->{{#if:{{{twitter|}}} | <span> | -->{{#if:{{{twitter|}}} | <span>{{Twitter|{{{twitter}}}|X (Twitter)}}</span> |}}<!-- | ||
-->{{#if:{{{ | -->{{#if:{{{bluesky|}}} | <span>{{Bluesky|{{{bluesky}}}|Bluesky}}</span> |}}<!-- | ||
-->{{#if:{{{youtube|}}} | <span>{{Yt|{{{youtube}}}|YouTube}}</span> |}}<!-- | |||
-->{{#if:{{{twitch|}}} | <span>{{Twitch|{{{twitch}}}|Twitch}}</span> |}}<!-- | |||
-->{{#if:{{{discord id|}}} | <span>{{Discord|user={{{discord id}}}|Discord}}</span> |}}<!-- | |||
-->{{#if:{{{links-after|}}} | <span>{{{links-after}}}</span> |}}<!-- | -->{{#if:{{{links-after|}}} | <span>{{{links-after}}}</span> |}}<!-- | ||
Line 130: | Line 152: | ||
}}; 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> |
Revision as of 13:07, 17 June 2024
Todo:
Note:It's not hard to do.
Workaround:to make it, you should to upload .gif, like .png/.jpg... But you should to configure them (just renaming format .gif to .png/.jpg not works)
- Someday complete work on this template, thereby standardizing non-stylized user pages.
- This template should become the second
{{MultiPage}}
, but for user pages. [Clarify] - Scrolling in {{User page}}
- Animated avatar.


Clarify: What does this mean???
- Probably wouldn't hurt to have a testcases page
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.