Template:User page: Difference between revisions
Jump to navigation
Jump to search
(oops) |
1416006136 (talk | contribs) (added {{{user}}}) |
||
Line 10: | Line 10: | ||
}} | }} | ||
{{Doc}} | {{Doc}} | ||
<includeonly><onlyinclude>{{#if:{{{nocat|}}}||[[Category:Users]]}}{{#if:{{{doc|}}}||{{DISPLAYTITLE:<span style=display:none>{{Settings|user={{PAGENAME}}|username|ifempty={{FULLPAGENAME}}}}</span>|noreplace}}}} | <includeonly><onlyinclude>{{#if:{{{nocat|}}}||[[Category:Users]]}}{{#if:{{{doc|}}}||{{DISPLAYTITLE:<span style=display:none>{{Settings|user={{{user|{{PAGENAME}}}}}|username|ifempty={{FULLPAGENAME}}}}</span>|noreplace}}}} | ||
<!-- | <!-- | ||
Line 21: | Line 21: | ||
| #default = #404040 | | #default = #404040 | ||
}}; border-radius:6px; overflow: hidden; user-select:none; position:relative; z-index:1; margin-top:{{#ifeq:{{FULLPAGENAME}}|Template:User page|0|0px}}"><!-- | }}; 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-{{PAGENAME}}.png}} | -->{{#if:{{PROTECTIONEXPIRY:edit|File:UserCover-{{{user|{{PAGENAME}}}}}.png}} | ||
|[[File:UserCover-{{PAGENAME}}.png|link=]] | |[[File:UserCover-{{{user|{{PAGENAME}}}}}.png|link=]] | ||
|{{#if:{{PROTECTIONEXPIRY:edit|File:UserCover-{{PAGENAME}}.jpg}} | |{{#if:{{PROTECTIONEXPIRY:edit|File:UserCover-{{{user|{{PAGENAME}}}}}.jpg}} | ||
|[[File:UserCover-{{PAGENAME}}.jpg|link=]] | |[[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>}}}}}} | |{{#if:{{{cover gradient|}}}||<span style="opacity:.6">[[File:Icon-panorama-filled.png|80px|{{User page/strings|AddCover}}|link=File:UserCover-{{ROOTPAGENAME}}.png]]</span>}}}}}} | ||
</div> | </div> | ||
Line 38: | Line 38: | ||
--> | --> | ||
{{#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={{PAGENAME}}|avatar radius|ifempty=50%}}; display:flow-root; padding:{{{padding frame avatar|{{#switch:{{{style|}}}|1=0.5px|1em}}}}}; ">|}} | {{#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}}} | <div style="display:flex; justify-content:center; align-items:center; min-width: 128px; width:128px; height:128px; background-color: {{#switch:{{{theme}}} | ||
| dark = #212121 | | dark = #212121 | ||
| #default = #525252 | | #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"><!-- | }}; 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-{{PAGENAME}}.png}} | -->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{{user|{{PAGENAME}}}}}.png}} | ||
|[[File:UserAvatar-{{PAGENAME}}.png|link=|128px]] | |[[File:UserAvatar-{{{user|{{PAGENAME}}}}}.png|link=|128px]] | ||
|{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{PAGENAME}}.jpg}} | |{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{{user|{{PAGENAME}}}}}.jpg}} | ||
|[[File:UserAvatar-{{PAGENAME}}.jpg|link=|128px]] | |[[File:UserAvatar-{{{user|{{PAGENAME}}}}}.jpg|link=|128px]] | ||
|[[File:Icon-user.png|60px|{{User page/strings|AddAvatar}}|link=File:UserAvatar-{{ROOTPAGENAME}}.png]]}}}}<!-- | |[[File:Icon-user.png|60px|{{User page/strings|AddAvatar}}|link=File:UserAvatar-{{ROOTPAGENAME}}.png]]}}}}<!-- | ||
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatarFrame{{#switch:{{{event|}}}|xmas=XMAS|}}-{{PAGENAME}}.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|}}-{{PAGENAME}}.png|{{Settings|user={{PAGENAME}}|avatar frame size|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{{#switch:{{{event|}}}|xmas=XMAS|}}-{{{user|{{PAGENAME}}}}}.png|{{Settings|user={{{user|{{PAGENAME}}}}}|avatar frame size|ifempty=}}|link=]]</div>|}} | ||
</div> | </div> | ||
{{#if:{{{frame|}}}|</div>|}} | {{#if:{{{frame|}}}|</div>|}} | ||
Line 63: | Line 63: | ||
| dark = #212121 | | dark = #212121 | ||
| #default = #303030 | | #default = #303030 | ||
}}; border-radius:6px; font-size: 32px; line-height:24px; color: #FFFFFF; padding:10px; {{#if:{{{frame|}}}||margin:0 16px}}">{{Settings|user={{PAGENAME}}|username|ifempty={{PAGENAME}}}}<span style="user-select:none"></span> | }}; 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> | </div> | ||
{{#if:{{{frame|}}}|</div>|}} | {{#if:{{{frame|}}}|</div>|}} |
Revision as of 13:16, 16 July 2024
Todo:
Note:It's not hard to do.
Workaround:to make it, you should to upload .gif, like .png/.jpg... But you should to configure them (just renaming format .gif to .png/.jpg not works)
- Someday complete work on this template, thereby standardizing non-stylized user pages.
- This template should become the second
{{MultiPage}}
, but for user pages. [Clarify] - Scrolling in {{User page}}
- Animated avatar.


Clarify: What does this mean???
- Probably wouldn't hurt to have a testcases page
The above documentation is transcluded from Template:User page/doc. (Edit | Page history)
Editors can experiment in this template's sandbox (edit) and testcases (create) pages.
Editors can experiment in this template's sandbox (edit) and testcases (create) pages.