Template:User page: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
Line 9: Line 9:


-->
-->
<div style="display:flex; justify-content:center; align-items:center; width:100%; height:256px; {{#if:{{{cover gradient|}}}|background-image:{{{cover gradient}}};|}} background-color: {{#switch:{{{theme}}}
<div style="display:flex; justify-content:center; align-items:center; width:100%; height:256px; {{#if:{{{cover gradient|}}}|background-image:{{{cover gradient}}};|}} background-color:#404040; border-radius:6px; overflow: hidden; user-select:none; position:relative; z-index:1; margin-top:{{#ifeq:{{FULLPAGENAME}}|Template:User page|0|-30px}}"><!--
| 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|-30px}}"><!--
-->{{#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 26: Line 23:


-->
-->
<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:#525252; border-radius:{{Settings|user={{PAGENAME}}|avatar radius|ifempty=50%}}; image-rendering:{{Settings|user={{PAGENAME}}|avatar rendering|ifempty=auto}}; overflow:hidden; user-select:none"><!--
| dark    = #212121
| #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"><!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{PAGENAME}}.png}}
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{PAGENAME}}.png}}
|[[File:UserAvatar-{{PAGENAME}}.png|link=|128px]]
|[[File:UserAvatar-{{PAGENAME}}.png|link=|128px]]
Line 44: Line 38:


-->
-->
<div style="background:{{#switch:{{{theme}}}
<div style="background:#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>
| dark    = #212121
| #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>
<!--
<!--


Line 53: Line 44:


-->
-->
<div style="display:flex; align-items:center; gap:20px; background:{{#switch:{{{theme}}}
<div style="display:flex; align-items:center; gap:20px; background:#303030; border-radius:6px; user-select:none; padding:10px; margin-left:auto;"><!--
| dark    = #212121
-->[[File:icon-wh-sandbox.png|24px|link={{FULLPAGENAME}}/Sandbox|{{User page/strings|UserSandbox}}]]<!--
| #default = #303030
}}; 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-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>
Line 68: Line 56:
<!-- Achievements -->
<!-- Achievements -->
{{#if:{{{noach|}}}||{{#if:{{PROTECTIONEXPIRY:edit|{{FULLPAGENAME}}/Achievements}}
{{#if:{{{noach|}}}||{{#if:{{PROTECTIONEXPIRY:edit|{{FULLPAGENAME}}/Achievements}}
| <div style="display:flex; flex-direction:column; width: 100%; box-sizing:border-box; background: {{#switch:{{{theme}}}
| <div style="display:flex; flex-direction:column; width: 100%; box-sizing:border-box; background:#303030; border:1px solid #454545; border-radius:4px; z-index:2;">
          | dark    = #212121
<div style="background:#454545; font-weight:bold; padding:4px 10px;">[[{{FULLPAGENAME}}/Achievements|{{User page/strings|Achievements}}]]</div>
          | #default = #303030  
            }}; {{#switch:{{{theme}}}
          | dark    = box-shadow:rgba(0, 0, 0, .45) 0 0 25px
          | #default = border:1px solid #454545
            }}; border-radius:4px; z-index:2;">
<div style="background:{{#switch:{{{theme}}}
                | dark    = #282828
                | default = #454545
                  }}; font-weight:bold; padding:4px 10px;">[[{{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 84: Line 63:
<!-- Links --><!-- Maybe it should be renamed -->
<!-- Links --><!-- Maybe it should be renamed -->
{{#if:{{{website|}}}{{{steam|}}}{{{gamebanana|}}}{{{github|}}}{{{gitlab|}}}{{{youtube|}}}{{{twitter|}}}{{{facebook|}}}{{{discord|}}}{{{links|}}}
{{#if:{{{website|}}}{{{steam|}}}{{{gamebanana|}}}{{{github|}}}{{{gitlab|}}}{{{youtube|}}}{{{twitter|}}}{{{facebook|}}}{{{discord|}}}{{{links|}}}
| <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%; background:#303030; border:1px solid #454545; overflow:hidden; border-radius:4px; z-index:2;">
          | dark    = #212121
          | #default = #303030  
            }}; {{#switch:{{{theme}}}
          | dark    = box-shadow:rgba(0, 0, 0, .45) 0 0 25px
          | #default = border:1px solid #454545
            }}; overflow:hidden; border-radius:4px; z-index:2;">
<div style="background:#454545; font-weight:bold; padding:4px 10px;">{{User page/strings|Links}}</div>
<div style="background:#454545; font-weight:bold; padding:4px 10px;">{{User page/strings|Links}}</div>
<div style="display:flex; flex-direction:column; padding:6px 10px"><!--
<div style="display:flex; flex-direction:column; padding:6px 10px"><!--
Line 112: Line 85:
<!-- Userboxes -->
<!-- Userboxes -->
{{#if:{{{userboxes|}}}|
{{#if:{{{userboxes|}}}|
<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; background:#303030; border:1px solid #454545; border-radius:4px; z-index:2;">
          | dark    = #212121
          | #default = #303030  
            }}; {{#switch:{{{theme}}}
          | dark    = box-shadow:rgba(0, 0, 0, .45) 0 0 25px
          | #default = border:1px solid #454545
            }}; border-radius:4px; z-index:2;">
<div style="background:#454545; font-weight:bold; padding:4px 10px;">{{User page/strings|Userboxes}}</div>
<div style="background:#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 style="display:grid; gap:.3em; overflow:hidden; padding:10px">{{#if:{{{userboxes|}}}|{{{userboxes}}}|}}</div>

Revision as of 19:50, 14 May 2023

Template:ModernTodo Template:ModernTodo

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
View
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 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
Add a cover (PNG or JPG)
Add an avatar (PNG or JPG)
User page

Frames

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

Frame Background colors

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