Template:User settings page: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
m (Undo revision 301759 by THE OWL (talk))
Tag: Undo
({{{staticavatar}}} replaced with {{{avatar frame size}}})
Line 6: Line 6:
<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>
| timeoffsetdir = </nowiki>{{Settings|user={{ROOTPAGENAME}}|timeoffsetdir}}<nowiki>
| time offset dir = </nowiki>{{Settings|user={{ROOTPAGENAME}}|time offset dir}}<nowiki>
| timeoffseth = </nowiki>{{Settings|user={{ROOTPAGENAME}}|timeoffseth}}<nowiki>
| time offset h = </nowiki>{{Settings|user={{ROOTPAGENAME}}|time offset h}}<nowiki>
| timeoffsetm = </nowiki>{{Settings|user={{ROOTPAGENAME}}|timeoffsetm}}<nowiki>
| time offset m = </nowiki>{{Settings|user={{ROOTPAGENAME}}|time offset m}}<nowiki>
| avatarradius = </nowiki>{{Settings|user={{ROOTPAGENAME}}|avatarradius}}<nowiki>
| avatar format = </nowiki>{{Settings|user={{ROOTPAGENAME}}|avatar format}}<nowiki>
| staticframe = </nowiki>{{Settings|user={{ROOTPAGENAME}}|staticframe}}<nowiki>
| avatar radius = </nowiki>{{Settings|user={{ROOTPAGENAME}}|avatar radius}}<nowiki>
| avatarformat = </nowiki>{{Settings|user={{ROOTPAGENAME}}|avatarformat}}<nowiki>
| avatar rendering = </nowiki>{{Settings|user={{ROOTPAGENAME}}|avatar rendering}}<nowiki>
| avatarframeformat = </nowiki>{{Settings|user={{ROOTPAGENAME}}|avatarframeformat}}<nowiki>
| avatar frame format = </nowiki>{{Settings|user={{ROOTPAGENAME}}|avatar frame format}}<nowiki>
| avatarrendering = </nowiki>{{Settings|user={{ROOTPAGENAME}}|avatarrendering}}<nowiki>
| avatar frame size = </nowiki>{{Settings|user={{ROOTPAGENAME}}|avatar frame size}}<nowiki>
}}&lt;/onlyinclude></nowiki>}}</div>
}}&lt;/onlyinclude></nowiki>}}</div>
</div>
</div>
Line 20: Line 20:
<h3 style="padding:0">{{User settings page/strings|Avatar}}</h3>
<h3 style="padding:0">{{User settings page/strings|Avatar}}</h3>


<div style="display: flex; align-items:center; background:#454545; border:1px solid rgba(255,255,255,.1); border-radius:6px; image-rendering:{{Settings|user={{ROOTPAGENAME}}|avatarrendering|ifempty=auto}}; padding:30px">
<div style="display: flex; align-items:center; background:#454545; border:1px solid rgba(255,255,255,.1); border-radius:6px; image-rendering:{{Settings|user={{ROOTPAGENAME}}|avatar rendering|ifempty=auto}}; padding:30px">
<!-- 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}}|avatarradius|ifempty=50%}}; overflow:hidden"><!--
--><div style="display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#525252; border-radius:{{Settings|user={{ROOTPAGENAME}}|avatar radius|ifempty=50%}}; 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 31: Line 31:
</div><!--
</div><!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatarFrame-{{ROOTPAGENAME}}.png}}
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatarFrame-{{ROOTPAGENAME}}.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-{{ROOTPAGENAME}}.png|{{Settings|user={{ROOTPAGENAME}}|staticframe|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-{{ROOTPAGENAME}}.png|{{Settings|user={{ROOTPAGENAME}}|avatar frame size|ifempty=}}|link=]]</div>
|}}<!--
|}}<!--
--></div>
--></div>
<!-- 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}}|avatarradius|ifempty=50%}}; overflow:hidden"><!--
<div style="display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#525252; border-radius:{{Settings|user={{ROOTPAGENAME}}|avatar radius|ifempty=50%}}; 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 44: Line 44:
</div><!--
</div><!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatarFrame-{{ROOTPAGENAME}}.png}}
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatarFrame-{{ROOTPAGENAME}}.png}}
|<div style="width:224px; height:224px; transform:scale(.35); display:flex; align-items:center; justify-content:center; overflow:hidden; user-select:none; position:absolute">[[File:UserAvatarFrame-{{ROOTPAGENAME}}.png|{{Settings|user={{ROOTPAGENAME}}|staticframe|ifempty=}}|link=]]</div>
|<div style="width:224px; height:224px; transform:scale(.35); display:flex; align-items:center; justify-content:center; overflow:hidden; user-select:none; position:absolute">[[File:UserAvatarFrame-{{ROOTPAGENAME}}.png|{{Settings|user={{ROOTPAGENAME}}|avatar frame size|ifempty=}}|link=]]</div>
|}}
|}}
</div>
</div>
<!-- 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}}|avatarradius|ifempty=50%}}; overflow:hidden"><!--
<div style="display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#525252; border-radius:{{Settings|user={{ROOTPAGENAME}}|avatar radius|ifempty=50%}}; 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 57: Line 57:
</div><!--
</div><!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatarFrame-{{ROOTPAGENAME}}.png}}
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatarFrame-{{ROOTPAGENAME}}.png}}
|<div style="width:224px; height:224px; transform:scale(.22); display:flex; align-items:center; justify-content:center; overflow:hidden; user-select:none; position:absolute">[[File:UserAvatarFrame-{{ROOTPAGENAME}}.png|{{Settings|user={{ROOTPAGENAME}}|staticframe|ifempty=}}|link=]]</div>
|<div style="width:224px; height:224px; transform:scale(.22); display:flex; align-items:center; justify-content:center; overflow:hidden; user-select:none; position:absolute">[[File:UserAvatarFrame-{{ROOTPAGENAME}}.png|{{Settings|user={{ROOTPAGENAME}}|avatar frame size|ifempty=}}|link=]]</div>
|}}
|}}
</div>
</div>

Revision as of 02:14, 29 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=301763"