Template:User page: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
mNo edit summary
(Add support for using Discord usernames in the same place as IDs)
 
(238 intermediate revisions by 16 users not shown)
Line 1: Line 1:
{{ModernTodo|Someday complete work on this template, thereby standardizing non-stylized user pages.}}{{ModernWarning|The template can be deleted, since there is no solid foundation for its existence at the moment. Avoid using it.}}<onlyinclude><div style="display:flex; justify-content:center; align-items:center; width:100%; height:256px; background:#303030; border-radius:6px; overflow: hidden; position:relative; z-index:1;"><span style="transform:scale(0.35); margin-bottom:-300px;">https://cdn.cloudflare.steamstatic.com/half-life.com/images/alyx/halflife_alyx_wallpaper.jpg</span></div>
__NOTOC__
{{Todo|
* 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.
}}


<div style="display:flex; align-items:center; position:relative; z-index:3; margin:-64px 0 0 32px">
{{Doc}}
<div style="display:flex; justify-content:center; align-items:center; width:128px; height:128px; background:#525252; border-radius:50%; overflow:hidden;"><!--
<includeonly>
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{PAGENAME}}.png}}
 
|[[File:UserAvatar-{{PAGENAME}}.png|link=|128px]]
<onlyinclude>{{#if:{{{nocat|}}}||[[Category:Users]]}}{{#if:{{{doc|}}}||{{DISPLAYTITLE:{{{user|{{FULLPAGENAME}}}}}}}}}<!--
|{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{PAGENAME}}.gif}}
 
|[[File:UserAvatar-{{PAGENAME}}.gif|link=|128px]]
- Cover -
|{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{PAGENAME}}.jpg}}
 
|[[File:UserAvatar-{{PAGENAME}}.jpg|link=|128px]]
-->{{#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}}}}}; ">|}}
|[[File:Icon-user.png|link=|60px]]}}}}}}</div><span style="background:#303030; border-radius:6px; font-size: 32px; line-height:24px; color: #FFFFFF; padding:10px; margin-left: 16px">{{PAGENAME}}</span></div></onlyinclude>
<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
| #default = #404040
}}; 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-{{{user|{{PAGENAME}}}}}.png}}
|[[File:UserCover-{{{user|{{PAGENAME}}}}}.png|link=]]
|{{#if:{{PROTECTIONEXPIRY:edit|File:UserCover-{{{user|{{PAGENAME}}}}}.jpg}}
|[[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>}}}}}}
</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">}}
<!--
 
- 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}}}}}; ">|}}
 
<div style="display:flex; justify-content:center; align-items:center; min-width: 128px; width:128px; height:128px; background-color: {{#switch:{{{theme}}}
| dark    = #212121
| #default = #525252
}}; 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-{{{user|{{PAGENAME}}}}}.png}}
|[[File:UserAvatar-{{{user|{{PAGENAME}}}}}.png|link=|128px]]
|{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{{user|{{PAGENAME}}}}}.jpg}}
|[[File:UserAvatar-{{{user|{{PAGENAME}}}}}.jpg|link=|128px]]
|[[File:Icon-user.png|60px|{{User page/strings|AddAvatar}}|link=File:UserAvatar-{{ROOTPAGENAME}}.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|}}-{{{user|{{PAGENAME}}}}}.png|{{Settings|user={{{user|{{PAGENAME}}}}}|avatar frame size|ifempty=}}|link=]]</div>|}}
</div>
{{#if:{{{frame|}}}|</div>|}}
<!--
 
- Username -
 
-->
{{#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}}}
| dark    = #212121
| #default = #303030
}}; 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>
{{#if:{{{frame|}}}|</div>|}}
<!--
 
- Buttons under the 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 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}}}
| dark    = #212121
| #default = #303030
}}; border-radius:6px; user-select:none; padding:10px; margin-left:auto;"><!--
-->[[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={{#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>
{{#if:{{{frame|}}}|</div>|}}
<!--
 
- Stuff -
 
-->
{{#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 -->
{{#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}}}
          | dark    = background:#212121; box-shadow:rgba(0, 0, 0, .45) 0 0 25px
          | #default = background:#303030; border:1px solid #454545
          }}; overflow:auto; border-radius:4px; z-index:2;">
<div style="background:{{#switch:{{{theme}}}
                | dark    = #282828
                | #default = #454545
                }}; 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>
|}}}}
<!-- Links --><!-- Maybe it should be renamed -->
{{#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}}}
          | 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;">{{User page/strings|Links}}</div>
<div style="display:flex; flex-direction:column; padding:6px 10px"><!--
-->{{#if:{{{links-before|}}} | <span>{{{links-before}}}</span> |}}<!--
 
-->{{#if:{{{website|}}} | <span>[https://{{{website|}}} Website] </span> |}}<!--
 
-->{{#if:{{{facebook|}}} | <span>[https://www.facebook.com/{{{facebook}}} Facebook]</span> |}}<!--
-->{{#if:{{{gamebanana|}}} | <span>{{Gamebanana|page=other|members/{{{gamebanana}}}|GameBanana}}</span> |}}<!--
-->{{#if:{{{github|}}} | <span>{{Github|{{{github}}}|GitHub}}</span> |}}<!--
-->{{#if:{{{gitlab|}}} | <span>[https://gitlab.com/{{{gitlab}}} GitLab]</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:{{{soundcloud|}}} | <span>[https://www.soundcloud.com/{{{soundcloud}}} SoundCloud]</span> |}}<!--
-->{{#if:{{{gamemaps|}}} | <span>[https://www.gamemaps.com/profile/{{{gamemaps}}} GameMaps]</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:{{{gamerlab|}}} | <span>[https://gamer-lab.com/eng/user/{{{gamerlab}}} Gamer-Lab]</span> |}}<!--
-->{{#if:{{{steam|}}}{{{steam id|}}} | <span>{{Steam community|{{#if:{{{steam|}}}|id|profiles}}/{{{steam|{{{steam id}}}}}}|Steam}}</span> |}}<!--
-->{{#if:{{{twitter|}}} | <span>{{Twitter|{{{twitter}}}|X (Twitter)}}</span> |}}<!--
-->{{#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}} {{#if:{{{discord|}}}| ({{{discord}}})|}}</span> |}}<!--
 
-->{{#if:{{{links-after|}}} | <span>{{{links-after}}}</span> |}}<!--
 
-->{{#if:{{{discord id|}}}||{{#if:{{{discord|}}} | <span>{{Discord|uselink=false|{{{discord|}}}}} |}}</span> |}}
</div>
</div>
}}<!--
 
  Userboxes
 
    -->{{#if:{{{userboxes|}}}|
<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;">{{User page/strings|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>}}</onlyinclude></includeonly>

Latest revision as of 01:36, 4 December 2025

Todo: 
  • Someday complete work on this template, thereby standardizing non-stylized user pages.
  • Scrolling in {{User page}} .
  • Probably wouldn't hurt to have a testcases page.
English (en)Deutsch (de)Esperanto (eo)Español (es)Français (fr)Suomi (fi)Hrvatski (hr)Magyar (hu)Italiano (it)日本語 (ja)한국어 (ko)Nederlands (nl)Polski (pl)Português (pt)Português do Brasil (pt-br)Русский (ru)Slovenčina (sk)Svenska (sv)Türkçe (tr)Українська (uk)Tiếng Việt (vi)中文 (zh)中文(臺灣) (zh-tw)
Curly brackets white.pngTemplate Documentation [view] [edit]
Icon-translate.png Available doc translations
Page history
Icon-translate.png
This template uses a strings subpage
Please follow the format on this subpage(s) to add translations.

This template is intended for use on user pages as a means of standardizing them and making them look better. It will automatically search and attempt to load these images UserAvatar-YOURNAME UserAvatarFrame-YOURNAME or UserCover-YOURNAME. If any of the applicable images are available, then they will replace their correspondent placeholder counterparts.

Another thing to note. If your user page has a subpage called "Achievements", and it has the {{Wikichievements}} template transcluded into it, then this template will detect that and load a box to the right of your userpage titled "Achievements". If you have any achievements defined in {{Wikichievements/Data}} then they will load in the aforementioned box.

Translations

The used strings are on strings subpage. Please follow the format to add translations for them.

Images

Supported formats: JPG, PNG (PNG only for avatar and avatar frame).

Recommended avatar resolution: 128x128 pixels.

Recommended cover resolution: 2560x256 pixels.

Recommended avatar frame resolution: 224x224 pixels.

Copy and Paste

{{User page | website = | facebook = | gamebanana = | github = | gitlab = | patreon = | reddit = | lambdageneration = | soundcloud = | gamemaps = | moddb = | twhl = | gamerlab = | steam = | twitter = | bluesky = | youtube = | twitch = | discord = | discord id = }}

Frame style

| align = | frame bg = | frame = | radius frame cover = | radius frame username = | radius frame buttons = | padding frame cover = | padding frame username = | padding frame avatar = | padding frame buttons =

Parameters and Examples

Note.pngNote:All these parameters are optional. For the template to work properly, it is enough to use it without any parameters.

Used Categories

Users

Preview

Add a cover (PNG or JPG)


Add an avatar (PNG or JPG)


User page


User SandboxUser Settings
Add a cover (PNG or JPG)


Add an avatar (PNG or JPG)


User page


User SandboxUser Settings

Frames

Add a cover (PNG or JPG)
Add an avatar (PNG or JPG)
User page
User SandboxUser Settings
Add a cover (PNG or JPG)
Add an avatar (PNG or JPG)
User page
User SandboxUser Settings

Frame Background colors

Add a cover (PNG or JPG)
Add an avatar (PNG or JPG)
User page
User SandboxUser Settings
Add a cover (PNG or JPG)
Add an avatar (PNG or JPG)
User page
User SandboxUser Settings