User:Elir Yuii/Tutorials

 ✣ USERBOXES ✣ First of all, I want to thank Cam for teaching me this, thank you, Cam!  ✣ CREATE THE PAGE ✣
 * Create a new page, like " https://shipping.fandom.com/wiki/Template:Userbox/ [SHIP]" (Ex: https://shipping.fandom.com/wiki/Template:Userbox/SniperHaul)
 * Pick "Non-Article" as the template type
 * And then go to Template:Userbox to get the raw clean code, I provide it for you here if you're lazy to check there, and then copy paste it to the template and change the required things.

 ✣ SOME TIPS ✣
 * For the color code, you can eye-drop the color you want if it's already available using Get Color or using HTML Color Mixer to get the color you wanted there and then copy the HEX code!

 ✣ SHIP CODES ✣

 ✣ EXPLAINATION ABOUT THE CODES ✣
 * border-c       = Is border color, the same thing with  the border-color. It's just the color of the border
 * border-s       = The size of the border, it's recommended to set it small but you can set it bigger if you like
 * id-c           = Color of the image's background. If you didn't use transparent image, you can ignore this, but if you use transparent image, you can set the color differently from the rest of the userbox background color or make it same
 * id-s           =
 * id-fc          =
 * info           = Where the info of the userbox is, put the ship name here and the color of it
 * info-c         = The userbox's background color (Outside from id-c), you can decide the color of it
 * info-s         = The size of the info inside the userbox
 * info-fc        = The color of the "this user ships", you can decide the color for it
 * id             =
 * float          = You can actually make the userbox float on the right or center, but usually we do left, so don't try making it float on the other place or else it will make the one who use the userbox's user page became un-neat!
 * info-background =
 * border-color   = Is border color, the same thing with  the border-c. It's just the color of the border

 ✣ CLEAN ✣

 ✣ 1 COLOR TEXT & BACKGROUND ✣ If you want to have a userbox with the same style like the userbox below, you can do it like this  ✣ CLEAN ✣

 ✣ BAKUJIROU'S ✣ If you want to make it from the BakuJirou's original code, I provide it for you or you can also go check on Template:Userbox/BakuJirou

 ✣ 2 COLOR TEXT ✣ If you want to have a userbox with the same style like the userbox below, you can do it like this  ✣ CLEAN ✣  ✣ DEKUNETA'S ✣ If you want to make it from the DekuNeta's original code, I provide it for you or you can also go check on Template:Userbox/DekuNeta  ✣ MORE COLOR TEXT ✣ If you want to make it have more colors than 2, like for poly ship userboxes, like the userbox below Just add the  In the info section  ✣ EXAMPLE ✣ The example is using Template:Userbox/OchaIiDeku

 ✣ 2 COLOR BACKGROUND ✣ If you want to have a userbox with the same style like the userbox below, you can do it like this <h4 style=" border-radius:115px; border: 3px #fff; text-align: center; color: #48D1CC; font: Dosis;"> ✣ CLEAN ✣

<h4 style=" border-radius:115px; border: 3px #fff; text-align: center; color: #48D1CC; font: Dosis;"> ✣ IBARIN'S ✣ If you want to make it from the IbaRin's original code, I provide it for you or you can also go check on Template:Userbox/IbaRin <h4 style=" border-radius:115px; border: 3px #fff; text-align: center; color: #48D1CC; font: Dosis;"> ✣ CUSTOM ✣ Just edit the degree if you want it to look like the userbox below us <h2 style=" border-radius:115px; border: 3px #fff; text-align: center; color: #48D1CC; font: Dosis;"> ✣ IMAGE DESCRIPTION ✣ Actually there's the explanation in the template page but this is how I do it <h3 style=" border-radius:115px; border: 3px #fff; text-align: center; color: #48D1CC; font: Dosis;"> ✣ CREATE THE PAGE ✣
 * You don't need to create the page, after you upload the image, just click "Edit"
 * Or you can put it in the summary while uploading it!

<h3 style=" border-radius:115px; border: 3px #fff; text-align: center; color: #48D1CC; font: Dosis;"> ✣ IMAGE TYPE ✣ If you're confused how to classify the images, read this!
 * ARTWORK - A work that is drawn and meant to represent a moment
 * MANIP - An image that was manipulated to look like something else, but can still be seen as taken from the original
 * MODEL - A rendition of a 3-D character that has no background
 * SCREENSHOT - A picture or gif taken by a fan while watching a something
 * SPRITE - A promotional image or poster never used in canon materials but would still count as canon
 * STILL - An image given out by the production company