A template to put on your userpage that recreates the look of a Discord profile.
If you have any issues, questions, or things you think could be improved, please let me know.
Usage
edit{{User:Levi_OP/Discord Profile
| float = <!-- The "float" of the entire template; Determines on what side of the page the template will stick to. Either "left" or "right" -->
| width = <!-- Width of the template. Default is 300px, which is how it appears in Discord. Use "slim" to make it as wide as the userboxes, and any css size for a custom pixel width (e.g. 400px) -->
| style = <!-- Any extra css you would like to add to the outermost div of the template. You could use this to make it fix itself in tricky situations, or other custom styling -->
| text-style = <!-- Same as style but is applied to all text in the template (excluding text from transcluded templates like userboxes). Any individual styling below (name-style, bio-style) should override this styling -->
| template-link = <!-- Set to "false" to disable the little view template link that links to this page -->
| background-image = <!-- An image to be set as the background for the header. (just file name, without wikilink or "File:") -->
| background-param = <!-- Image parameters for the background image. Most likely would be setting the size of the image (e.g. 400px). Defaults to match width -->
| background = <!-- Background of the top header part. Must be a css color -->
| image = <!-- The name of the image you'd like as your profile picture (just file name, without wikilink or "File:") -->
| image-param = <!-- Image parameters for the profile picture. Same as background-param. Defaults to 80px. -->
| image-background = <!-- Optional background color if your image is transparent, or if you'd just like a color instead of an image -->
| name = <!-- Username that will appear on the profile -->
| name-style = <!-- Extra css styling for the name -->
| discrim = <!-- The discriminator (commonly referred to as "tag") which will come after your username. Must include # (e.g. "#1234") -->
| discrim-style = <!-- Extra css styling for the discriminator -->
| status = <!-- Status that will appear on the profile -->
| status-style = <!-- Extra css styling for the status -->
| header-style = <!-- Extra css styling for the section headings ("ABOUT ME", "USERBOXES", etc.) -->
| bio = <!-- Tex in the "About me" section of the profile -->
| bio-style = <!-- Extra css styling for the bio text -->
| link-style = <!-- Allows styling for all links in the bio. By default, all links are made a lighter color so that they are easier to read on the default background color, but you could want to change this if you are changing the background color yourself. -->
| height = <!-- Height in any css unit of the userboxes section. Use "unset" to make the height adaptive to however many userboxes you have. Defaults to 270px -->
| sec-style = <!-- Extra css styling for text in the custom sec tag titles -->
| ubx = <!-- List of userboxes. Can be separated by new line, or not. Can also use custom tag "<sec/>" for sections. See below... -->
| babel-height = <!-- Height of the babel section (any css unit). Unset by default, which will display them all. If set, overflow will scroll. -->
| babel = <!-- For babel templates. Same as userboxes, but with no support for sec tag. -->
}}
Technically all of the above are optional, as you can see above, but the ones listed as not optional make it look presentable.
Custom <sec/> tag
editThere is also support for a custom tag that will allow you create custom titled sections in between userboxes. For example:
| ubx =
{{User Wikipedian for|year=2017|month=06|day=29|sc=y}}
{{User:UBX/huggle}}
<sec>WikiProjects</sec>
{{User WikiProject Redirect}}
Take a look at this example to see it in action.
Examples
editExample from first original at Tunakanski's userpage
edit.jpg)
Tuna #8156
Playing Titanfall® 3
About me
Born of God and Void
Userboxes
.jpg){kind=small}
.svg){kind=icon}
{{User:Levi_OP/Discord Profile
| float = right
| background = rgb(50, 46, 43)
| background-image = Alps of Switzerland DSC 1990-6 (14683962293).jpg
| image-background = #f6cf3d
| image = Flag of Switzerland.svg
| name = Tuna
| discrim = #8156
| status = Playing '''Titanfall<sup>®</sup> 3'''
| bio = Born of God and Void
| height = 265px
| ubx =
{{User:bornfury/Radiohead}}
{{User:AlexTheMartian/Userboxes/MGMT}}
{{User:UBX/darksideofthemoon}}
{{User:Tunakanski/UBX/Weezer}}
{{User:Tunakanski/Userboxes/Beach_House}}
{{User interest Switzerland}}
{{User interest Bosnia and Herzegovina}}
{{Template:User from Kansas}}
{{User:JDuggan101/UB/capitalism}}
{{User:WBPchur/UB/Social Democracy}}
{{User:Blaze The Wolf/Userboxes/Opera GX}}
{{User:Slightlymad/LeagueofLegends}}
{{User Good Articles|2}}
{{User wikipedia/Abuse log}}
{{User en}}
{{User:Levi_OP/UBX/Knows User(s) IRL|Levi_OP|Taltos}}
}}
Example not using userboxes, and a custom width. (Based off of User:Taltos)
edit
Taltos
About me
Some information about myself. Maybe this is a direct copy of what I have on my discord. Who knows..... Now for some filler text. This is filler text. You are reading filler text that I am using to fill up the space to show how this example works.
{{User:Levi_OP/Discord Profile
| background = rgb(34, 39, 56)
| image = TaltosPFP.png
| name = Taltos
| bio = Some information about myself. Maybe this is a direct copy of what I have on my discord. Who knows..... Now for some filler text. This is filler text. You are reading filler text that I am using to fill up the space to show how this example works.
| width = 400px
}}
Using "width=slim" with no profile picture
editLevi_OP #1277
About me
My about me section.
Userboxes
{{User:Levi_OP/Discord Profile
| background = rgb(164, 160, 153)
| name = Levi_OP
| discrim = #2477
| bio = My about me section.
| width = slim
| ubx =
{{User Wikipedian for|year=2017|month=06|day=29|sc=y}}
{{User wikipedia/Abuse log}}
{{User:UBX/RedWarn yeehaw}}
{{User:Levi OP/UBX/Knows User(s) IRL|Taltos|Tunakanski}}
{{User COVID-19 vaccine}}
{{User:Asmodea Oaktree/Userboxes/Wikitext}}
{{User Github}}
{{User Stack Overflow}}
{{User:Levi_OP/UBX/Discord|Levi_OP#1277}}
| float = right
}}
Using no background, a custom height, and the <sec/> tag
editLevi
Editing Wikipedia!
About me
Some info...
Userboxes
{{User:Levi_OP/Discord Profile
| name = Levi
| status = Editing Wikipedia!
| bio = Some info...
| height = 150
| ubx =
{{User Wikipedian for|year=2017|month=06|day=29|sc=y}}
{{User:UBX/huggle}}
<sec>WikiProjects</sec>
{{User WikiProject Redirect}}
{{user CVU1-en}}
{{User WikiProject Spam}}
}}
TemplateData
editThis is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools. See a monthly parameter usage report for Template:Levi OP in articles based on its TemplateData.
TemplateData for Levi OP
Template recreating the look of a Discord profile.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| Header Background | background | CSS background color of the header
| Unknown | suggested |
| Profile Picture Image | image | The name of the file that you would like to display as the profile picture
| File | suggested |
| Image Background Color | image-background | The color behind the image. Displayed while the image is loading for slow internet connection, or if there is no image at all.
| Unknown | optional |
| Username | name | Username that will be displayed on the profile. Does not include the tag.
| Unknown | suggested |
| Discriminator ("Tag") | discrim | The discriminator (also known as "tag") of the user, to be displayed after the name.
| Unknown | suggested |
| Status | status | Status to be displayed on the profile
| Unknown | suggested |
| About Me | bio | Text to be displayed in the "About Me" section.
| Unknown | suggested |
| Userboxes | ubx | List of userboxes.
| Unknown | suggested |
| Float | float | The side that the template will be on
| Unknown | optional |
| Extra Styling | style | Extra CSS to make the template work the way you want on yoru userpage.
| Unknown | optional |