User:Levi_OP/Discord Profile/doc

From Memipedia

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[edit]

There 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[edit]

Example from first original at Tunakanski's userpage[edit]

Alps of Switzerland DSC 1990-6 (14683962293).jpg
Flag of Switzerland.svg

Tuna #8156

Playing Titanfall® 3

About me

Born of God and Void

Userboxes

Radiohead.jpg This user is a Radiohead fan.
MGMT This user is a fan of MGMT.
Is there any Time to Pretend?
Dispersion prism.jpg This user knows that there is no dark side of the moon really — matter of fact it's all dark.
Weezer logo.png Weezer is ass
Beach House Pabst Theatre Milwaukee, WI (21441826968).jpg This user is a Beach House fan. Was she was ever found?
Flag of Switzerland.svg This user is interested in Switzerland.
Flag of Bosnia and Herzegovina.svg This user is interested in Bosnia and Herzegovina.
Flag of Kansas.svg This user is a native of the U.S. State of Kansas.
Blue flag waving.svg This user supports capitalism.
Red rose 02.svg This user supports and endorses
Social Democracy.
Opera GX Icon.svg This user contributes using Opera GX.
This user playsLeague of Legends.png
Symbol support vote.svg This user has helped promote 2 good articles on Wikipedia.
OOjs UI icon eye.svg This user identifies vandalism and disruptive editing through the Edit filter log.
en This user is a native speaker of the English language.
Chat-bubble (CoreUI Icons v1.0.0).svg This user knows Levi_OP and Taltos in real life.
{{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]

TaltosPFP.png

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[edit]

Levi_OP #1277

About me

My about me section.

Userboxes

Noia 64 apps karm.svg This user has been on Wikipedia for 5 years and 3 months.
OOjs UI icon eye.svg This user identifies vandalism and disruptive editing through the Edit filter log.
NotoemojiCowboy.png This user uses RedWarn for the quickest vandalism reverts in the West. yee-haw!
Chat-bubble (CoreUI Icons v1.0.0).svg This user knows Taltos and Tunakanski in real life.
Nuvola apps korganizer.svg This user has been vaccinated against COVID-19.
[[ ]]
This user edits using the
Wikitext editor.
Github logo This user has an account on GitHub.
Stack Overflow logo
This user is on Stack Overflow.
# This user uses Discord with the tag Levi_OP#1277
{{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[edit]

Levi

Editing Wikipedia!

About me

Some info...

Userboxes

Noia 64 apps karm.svg This user has been on Wikipedia for 5 years and 3 months.
Huggle 3 icon.svg This user uses Huggle to deal with vandalism.
NotoemojiCowboy.png This user uses RedWarn for the quickest vandalism reverts in the West. yee-haw!
WikiProjects
Symbol redirect arrow with gradient.svg This user is a member of WikiProject Redirect.
CVU.svg This user is a member of the
Counter-Vandalism Unit.
No-spam.svg This user is a member of WikiProject Spam.
{{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[edit]

This is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools. Click here to see a monthly parameter usage report for this template based on this TemplateData.

TemplateData for Levi OP/Discord Profile

Template recreating the look of a Discord profile.

Template parameters

ParameterDescriptionTypeStatus
Header Backgroundbackground

CSS background color of the header

Example
#FFEE00
Unknownsuggested
Profile Picture Imageimage

The name of the file that you would like to display as the profile picture

Example
Example.png
Filesuggested
Image Background Colorimage-background

The color behind the image. Displayed while the image is loading for slow internet connection, or if there is no image at all.

Example
#00FF00
Unknownoptional
Usernamename

Username that will be displayed on the profile. Does not include the tag.

Example
ExampleUser
Unknownsuggested
Discriminator ("Tag")discrim

The discriminator (also known as "tag") of the user, to be displayed after the name.

Example
#1234
Unknownsuggested
Statusstatus

Status to be displayed on the profile

Example
My user status
Unknownsuggested
About Mebio

Text to be displayed in the "About Me" section.

Example
My about me info
Unknownsuggested
Userboxesubx

List of userboxes.

Example
{{Userbox1}}{{Userbox2}}{{Userbox3}}...
Unknownsuggested
Floatfloat

The side that the template will be on

Example
right
Unknownoptional
Extra Stylingstyle

Extra CSS to make the template work the way you want on yoru userpage.

Example
position: absolute; top: 15px;
Unknownoptional