Board Thread:Tutorial/@comment-27002181-20160211014844

I am to be addressed as Mr. Pit at all times in class! Now, you will all shut the hell up while I am teaching! Questions will be answered after I am finished with my lesson! Understood? Great, now shush and lemme teach!

 RUNDOWN EXAMPLE Everyone, look above this exact text you are currently reading ↑... What do you see? You should see a brightly colored header that says "Rundown Example". Looks cute, doesn't it? I'm going to teach you how to make one of these! First, look below to see the code that I used to make it: RUNDOWN EXAMPLE Huh, doesn't look that hard now that it's broken down, doesn't it? Now, let's go over some terms that are used in that header so you'll know. RUNDOWN EXAMPLE With that, you'll get this: RUNDOWN EXAMPLE
 * Div: this stands for division. It's used to block elements/items to format with. It usually starts with "<div class=" and ends with " ". Divs are usually used to create designs with. Such as the "rundown example" header I used on this exact post. To create something like this, you must have div! It's really important!
 * Roundytop: This is where my horrible teaching kicks in, I honestly don't see purpose of this one. Hell, you can literally type the f-word and it will appear the exact same. Basically, it's just something to name it. Look:

See? No difference! If you don't want to title it, just use "RUNDOWN EXAMPLE You see where it says "RUNDOWN EXAMPLE"? Yeah, that's where you type whatever you want! Literally, type whatever you want to! Those are the words that are going to be shown! And also, be sure to ALWAYS end your design with " "! That is very important!
 * style= this is where all the pretty colors and designs come from! Putting "style=" is really important if you want your thingy to have a design! Type "style=" next to "<div class=". For a much easier way, just use what I typed earlier, "<div style=". Just if you're feeling lazy or don't want to title it. Please note, the rest of the terms are 100% optional! You don't have to add them if you don't want to!
 * background: This is what color you want the background to be! Wikia allows for a variety of colors to be typed by name rather than Hex Color code! Instead of typing "#FF0000" for the color, you can just type "red"! Click here for a list of all the colors you can type by name!
 * Also, if you don't want a background, just type "transparent".
 * text-align: This is how you want the text to be. Add "center", "left", or "right". Depending how you want it to be.
 * font-size: This is how big you want the font to be. Just a type a number and be sure to add "px" at the end of said number with no spaces. Example: 3px, 5.5px, 1000px. And I highly recommend you don't actually make it 1000px...
 * font-family: This is how you want the font style to be. Unfortunately, we don't have a full list of fonts that Wikia has, but if you have Microsoft Word, you can open a Word Document and look through the fonts they have. They have all the same fonts that Wikia has. Do NOT use Google Docs fonts. They are not accepted on Wikia.
 * border: This is where it gets tricky, so read carefully! First, add how thick you want it to be. It's the same as font-size. Add your number with a "px" at the end of it (example: 3px). Then add how you want the border to be. Basically the border style. Anyway, you can say "solid" for a simple solid border, "ridge" for a ridged design, "outset" for a double colored border, "dotted" for a dotted border, or "dashed" for a dashed border.
 * vertical-align: This is basically where you want the whole thing to be located. Nothing special, hell not even needed. Moving on.
 * border-radius: This is how you want the whole thing to be shaped. Same as font-size and border, place your number with "px" at the end. However, remember, this is how it's going to be shaped! If you want to keep it squared, then you don't have to add "border-radius". If you want it to be curved, then say how many px's you want it to be. Or if you're a lazy mo fo like me, just add in that location to make it rounded.
 * color: Finally, color is what you use to pick what color you want the font to be. Same as background color, pick a color, say it, good job you're done!

We're almost done! Now, we're going to add some random stuff so you can tell the difference: EmeraldPit Rules I know it looks bad, that's the point. Anyway, to get it to look like that, I did this: EmeraldPit Rules

"But Mr. Pit!" Says the annoying little shit in the front row if the classroom. "Is this only used to make headers?"

Nonsense! Of course not! When you're making a design/template/code, the possibilities are literally endless! Hell, you can make that header, into an entire page with the lyrics to Justin Bieber's "Sorry" on it! I'm going to use the exact same format, coding, and everything to show you (except make the font smaller):  You gotta go and get angry at all of my honesty You know I try but I don't do too well with apologies I hope I don't run out of time, could someone call the referee? 'Cause I just need one more shot at forgiveness

I know you know that I made those mistakes maybe once or twice And by once or twice I mean maybe a couple a hundred times So let me, oh let me redeem, oh redeem, oh myself tonight 'Cause I just need one more shot, second chances

Is it too late now to say sorry? 'Cause I'm missing more than just your body, oh Is it too late now to say sorry? Yeah, I know that I let you down Is it too late to say I'm sorry now?

I'm sorry, yeah Sorry, yeah Sorry Yeah, I know that I let you down Is it too late to say I'm sorry now?

I'll take every single piece of the blame if you want me to But you know that there is no innocent one in this game for two I'll go, I'll go and then you go, you go out and spill the truth Can we both say the words and forget this?

Yeah, is it too late now to say sorry? 'Cause I'm missing more than just your body, oh Is it too late now to say sorry? Yeah, I know that I let you down Is it too late to say I'm sorry now?

I'm not just trying to get you back on me, oh no 'Cause I'm missing more than just your body, oh Is it too late now to say sorry? Yeah, I know that I let you down Is it too late to say I'm sorry now?

I'm sorry, yeah Sorry, oh Sorry Yeah, I know that I let you down Is it too late to say I'm sorry now?

I'm sorry, yeah Sorry Sorry Yeah, I know that I let you down Is it too late to say I'm sorry now?

To do that, I did this: You gotta go and get angry at all of my honesty You know I try but I don't do too well with apologies I hope I don't run out of time, could someone call the referee? 'Cause I just need one more shot at forgiveness

I know you know that I made those mistakes maybe once or twice And by once or twice I mean maybe a couple a hundred times So let me, oh let me redeem, oh redeem, oh myself tonight 'Cause I just need one more shot, second chances

Is it too late now to say sorry? 'Cause I'm missing more than just your body, oh Is it too late now to say sorry? Yeah, I know that I let you down Is it too late to say I'm sorry now?

I'm sorry, yeah Sorry, yeah Sorry Yeah, I know that I let you down Is it too late to say I'm sorry now?

I'll take every single piece of the blame if you want me to But you know that there is no innocent one in this game for two I'll go, I'll go and then you go, you go out and spill the truth Can we both say the words and forget this?

Yeah, is it too late now to say sorry? 'Cause I'm missing more than just your body, oh Is it too late now to say sorry? Yeah, I know that I let you down Is it too late to say I'm sorry now?

I'm not just trying to get you back on me, oh no 'Cause I'm missing more than just your body, oh Is it too late now to say sorry? Yeah, I know that I let you down Is it too late to say I'm sorry now?

I'm sorry, yeah Sorry, oh Sorry Yeah, I know that I let you down Is it too late to say I'm sorry now?

I'm sorry, yeah Sorry Sorry Yeah, I know that I let you down Is it too late to say I'm sorry now?

Remember, experiment with what you have and get creative! If you have any questions comment below! Class is dismissed! 