Template:User settings page: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
Line 18: | Line 18: | ||
<!-- 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: | --><div style="display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#525252; border-radius:{{Settings|user={{PAGENAME}}|squareavatar|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 26: | Line 26: | ||
</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|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={{PAGENAME}}|staticframe|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: | <div style="display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#525252; border-radius:{{Settings|user={{PAGENAME}}|squareavatar|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 39: | Line 39: | ||
</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|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={{PAGENAME}}|staticframe|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: | <div style="display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#525252; border-radius:{{Settings|user={{PAGENAME}}|squareavatar|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 52: | Line 52: | ||
</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|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={{PAGENAME}}|staticframe|ifempty=}}|link=]]</div> | ||
|}} | |}} | ||
</div> | </div> |
Revision as of 06:35, 12 February 2023
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.
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.