Template:User settings page: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
Line 1: Line 1:
<includeonly><onlyinclude>{{Uselangflags|en=1|ru=1|zh=1}}<div style="display: flex;align-items: center;justify-content: space-between;padding:8px;border:1px solid #525252;background-color:#3C3C3C;padding-left:20px;{{border-radius|4px}}"><div><span style="font-size:1.8em;color:white">'''{{User settings page/strings|CustomSettings}}'''</span>{{#if:{{Settings|user={{ROOTPAGENAME}}}}|<h3 style=color:red>Warning: The #default value must be empty!</h3>}}
<includeonly><onlyinclude>{{Uselangflags|en=1|ru=1|zh=1}}<div style="display:flex; align-items:center; justify-content:space-between; padding:8px; border:1px solid #525252; background-color:#3C3C3C; padding-left:20px;{{border-radius|4px}}"><div><span style="font-size:1.8em; color:white">'''{{User settings page/strings|CustomSettings}}'''</span>{{#if:{{Settings|user={{ROOTPAGENAME}}}}|<h3 style="color:red">Warning: The #default value must be empty!</h3>}}


'''{{User settings page/strings|txt-username}} (username):''' {{Settings|user={{ROOTPAGENAME}}|username|ifempty={{ROOTPAGENAME}}}}
'''{{User settings page/strings|txt-username}} (username):''' {{Settings|user={{ROOTPAGENAME}}|username|ifempty={{ROOTPAGENAME}}}}


'''{{User settings page/strings|txt-timestamp-offset}} (timeoffsetdir) (timeoffseth) (timeoffsetm):''' {{Settings|user={{ROOTPAGENAME}}|timeoffsetdir|ifempty=+}}{{Settings|user={{ROOTPAGENAME}}|timeoffseth|ifempty=0}}&#58;{{Settings|user={{ROOTPAGENAME}}|timeoffsetm|ifempty=00}}<br><div style="display:flex; gap:10px; margin-top:20px"><div style="background:#4c4c4c; border:1px solid rgba(255,255,255,.1); border-radius:2px; padding:4px 8px;">[[Template:User settings page|{{User settings page/strings|Documentation}}]]</div></div></div>
'''{{User settings page/strings|txt-timestamp-offset}} (timeoffsetdir) (timeoffseth) (timeoffsetm):''' {{Settings|user={{ROOTPAGENAME}}|timeoffsetdir|ifempty=+}}{{Settings|user={{ROOTPAGENAME}}|timeoffseth|ifempty=0}}&#58;{{Settings|user={{ROOTPAGENAME}}|timeoffsetm|ifempty=00}}<br><div style="display:flex; gap:10px; margin-top:20px"><div style="background:#4c4c4c; border:1px solid rgba(255,255,255,.1); border-radius:2px; padding:4px 8px">[[Template:User settings page|{{User settings page/strings|Documentation}}]]</div></div></div>
<div>{{CodeBlock|margin=0|<nowiki>&lt;onlyinclude>{{#switch:{{{1|}}}
<div>{{CodeBlock|margin=0|<nowiki>&lt;onlyinclude>{{#switch:{{{1|}}}
| username = </nowiki>{{Settings|user={{ROOTPAGENAME}}|username}}<nowiki>
| username = </nowiki>{{Settings|user={{ROOTPAGENAME}}|username}}<nowiki>
Line 23: Line 23:
<!-- Avatar (128px) -->
<!-- Avatar (128px) -->
<div style="display:flex; justify-content:center; align-items:center; min-width:128px; width:128px; height:128px; user-select:none"><!--
<div style="display:flex; justify-content:center; align-items:center; min-width:128px; width:128px; height:128px; user-select:none"><!--
--><div style="display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#525252; border-radius:{{Settings|user={{ROOTPAGENAME}}|squareavatar|ifempty=6px}}; overflow:hidden;"><!--
--><div style="display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#525252; border-radius:{{Settings|user={{ROOTPAGENAME}}|squareavatar|ifempty=6px}}; overflow:hidden"><!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{ROOTPAGENAME}}.png}}
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{ROOTPAGENAME}}.png}}
|[[File:UserAvatar-{{ROOTPAGENAME}}.png|link=|128px]]
|[[File:UserAvatar-{{ROOTPAGENAME}}.png|link=|128px]]
Line 36: Line 36:
<!-- Avatar (64px) -->
<!-- Avatar (64px) -->
<div style="display:flex; justify-content:center; align-items:center; min-width:64px; width:64px; height:64px; user-select:none; margin-left:60px">
<div style="display:flex; justify-content:center; align-items:center; min-width:64px; width:64px; height:64px; user-select:none; margin-left:60px">
<div style="display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#525252; border-radius:{{Settings|user={{ROOTPAGENAME}}|squareavatar|ifempty=5px}}; overflow:hidden;"><!--
<div style="display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#525252; border-radius:{{Settings|user={{ROOTPAGENAME}}|squareavatar|ifempty=5px}}; overflow:hidden"><!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{ROOTPAGENAME}}.png}}
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{ROOTPAGENAME}}.png}}
|[[File:UserAvatar-{{ROOTPAGENAME}}.png|link=|64px]]
|[[File:UserAvatar-{{ROOTPAGENAME}}.png|link=|64px]]
Line 49: Line 49:
<!-- Avatar (40px) -->
<!-- Avatar (40px) -->
<div style="display:flex; justify-content:center; align-items:center; min-width:40px; width:40px; height:40px; user-select:none; margin-left:40px">
<div style="display:flex; justify-content:center; align-items:center; min-width:40px; width:40px; height:40px; user-select:none; margin-left:40px">
<div style="display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#525252; border-radius:{{Settings|user={{ROOTPAGENAME}}|squareavatar|ifempty=4px}}; overflow:hidden;"><!--
<div style="display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#525252; border-radius:{{Settings|user={{ROOTPAGENAME}}|squareavatar|ifempty=4px}}; overflow:hidden"><!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{ROOTPAGENAME}}.png}}
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{ROOTPAGENAME}}.png}}
|[[File:UserAvatar-{{ROOTPAGENAME}}.png|link=|40px]]
|[[File:UserAvatar-{{ROOTPAGENAME}}.png|link=|40px]]
Line 63: Line 63:


<div style="display:flex; gap:10px; margin-top:20px">
<div style="display:flex; gap:10px; margin-top:20px">
<div style="background:#4c4c4c; border:1px solid rgba(255,255,255,.1); border-radius:2px; padding:4px 8px;"><!--
<div style="background:#4c4c4c; border:1px solid rgba(255,255,255,.1); border-radius:2px; padding:4px 8px"><!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{ROOTPAGENAME}}.png}}
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{ROOTPAGENAME}}.png}}
|[[:File:UserAvatar-{{ROOTPAGENAME}}.png|{{User settings page/strings|ViewAvatar}}]]
|[[:File:UserAvatar-{{ROOTPAGENAME}}.png|{{User settings page/strings|ViewAvatar}}]]
Line 70: Line 70:
|{{User settings page/strings|UploadAvatar}}: {{Code|[[File:UserAvatar-{{ROOTPAGENAME}}.png|PNG]]}} {{Code|[[File:UserAvatar-{{ROOTPAGENAME}}.jpg|JPG]]}}}}}}
|{{User settings page/strings|UploadAvatar}}: {{Code|[[File:UserAvatar-{{ROOTPAGENAME}}.png|PNG]]}} {{Code|[[File:UserAvatar-{{ROOTPAGENAME}}.jpg|JPG]]}}}}}}
</div>
</div>
<div style="background:#4c4c4c; border:1px solid rgba(255,255,255,.1); border-radius:2px; padding:4px 8px;"><!--
<div style="background:#4c4c4c; border:1px solid rgba(255,255,255,.1); border-radius:2px; padding:4px 8px"><!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatarFrame-{{ROOTPAGENAME}}.png}}
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatarFrame-{{ROOTPAGENAME}}.png}}
|[[:File:UserAvatarFrame-{{ROOTPAGENAME}}.png|{{User settings page/strings|ViewAvatarFrame}}]]
|[[:File:UserAvatarFrame-{{ROOTPAGENAME}}.png|{{User settings page/strings|ViewAvatarFrame}}]]
Line 80: Line 80:
<h3>{{User settings page/strings|Cover}}</h3>
<h3>{{User settings page/strings|Cover}}</h3>


<div style="display: flex; justify-content:center; align-items:center; width:100%; height:256px; background:#353535; border-radius:6px; overflow: hidden; user-select:none; position:relative; z-index:1;"><!--
<div style="display: flex; justify-content:center; align-items:center; width:100%; height:256px; background:#353535; border-radius:6px; overflow: hidden; user-select:none; position:relative; z-index:1"><!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserCover-{{ROOTPAGENAME}}.png}}
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserCover-{{ROOTPAGENAME}}.png}}
|[[File:UserCover-{{ROOTPAGENAME}}.png|link=]]
|[[File:UserCover-{{ROOTPAGENAME}}.png|link=]]
Line 90: Line 90:
</div>
</div>
<div style="display:flex; gap:10px; margin-top:20px">
<div style="display:flex; gap:10px; margin-top:20px">
<div style="background:#4c4c4c; border:1px solid rgba(255,255,255,.1); border-radius:2px; padding:4px 8px;"><!--
<div style="background:#4c4c4c; border:1px solid rgba(255,255,255,.1); border-radius:2px; padding:4px 8px"><!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserCover-{{ROOTPAGENAME}}.png}}
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserCover-{{ROOTPAGENAME}}.png}}
|[[:File:UserCover-{{ROOTPAGENAME}}.png|{{User settings page/strings|ViewCover}}]]
|[[:File:UserCover-{{ROOTPAGENAME}}.png|{{User settings page/strings|ViewCover}}]]

Revision as of 02:07, 14 April 2023

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 used for checking the functionality of a user settings subpage Special:MyPage/Settings.

Usage

{{User settings page}}

Create your settings page

To create your settings page, click here.

Copy and Paste

{{User settings page}} <onlyinclude>{{#switch:{{{1|}}} | username = | timeoffsetdir = | timeoffseth = | timeoffsetm = | avatar format = | avatar radius = | avatar frame format = | avatar frame size = }}</onlyinclude>

Translations

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

Parameters and Examples

These are parameters that used by various templates such as {{Message}}.

Parameter Description Example
{{{username}}} Your nickname that the template should show instead of your username.
Tip.pngTip:You can use {{Autolang}} for supporting multi-language nickname.
| username = Gabe Newell
| username = {{#switch: {{language}}|#default = Gabe Newell|zh=加布·纽维尔}}
Location
{{{timeoffsetdir}}} Time direction (plus or minus) relative to UTC. The default value is +, so this parameter should only be used if you want to specify a minus
| timeoffsetdir = -
{{{timeoffseth}}} Time difference from UTC (hours)
| timeoffseth = 8
{{{timeoffsetm}}} Time difference from UTC (minutes)
| timeoffsetm = 30
Avatar
{{{avatar format}}} The file format of your avatar. Without this parameter, the image for avatar will not be used.
| avatar format = png
{{{avatar radius}}} Avatar Radius.
| avatar radius = 6px
{{{avatar rendering}}} Specifies the value for image-rendering (CSS property) in the avatar. The default value is auto.
| avatar rendering = pixelated
Avatar Frame
{{{avatar frame format}}} The file format of the frame of your avatar. Without this parameter, the frame image for avatar will not be used.
| avatar frame format = gif
{{{avatar frame size}}} It is necessary to specify the recommended resolution of the avatar frame instead of the native one. The parameter was added due to differences between static and animated avatar frames on Steam. Static avatar frames have a resolution of 244 x 244 pixels, while animated frames use the recommended 224 x 224 pixels.

Due to the way MediaWiki works, we cannot specify a fixed size for all avatar frames, because after that animated frames simply won't work.

| avatar frame size = 224px
The above documentation is transcluded from Template:User settings page/doc. (Edit | Page history)
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Retrieved from "https://developer.valvesoftware.com/w/index.php?title=Template:User_settings_page&oldid=296527"