User:Slayingthehalcyon/saving

Okay, this thing on??? Oh Sweet! Hey guys, its Slay again with another how to to type blog. In my last blog, I feel like I may have left some users hanging when I added the border and the border radius... So, I've decided its time for a more indepth template making blog!


 * Refer to The If and The Switch for how to use #if: and #switch:
 * I will not be using If or Switch in this template tutorial, I will instead be building a header card for my blogs. That being said, you guys get to buckle your seatbelts, and hold on for the ride, because we're going to hit the code rode! :D Lets get started!

What I Want
What I think I want, is a blue box with a nice curve.... I might even fill the box with the same color as the border, leave part of it transparent, use white font on the background fill..... Woah... Hey guys you caught me deciding what I was going to for my template! c: Once upon a time i got stuck at the thinking part, and I know some of you guys, and girls, are there too! It can be extremely dissapointing to see something in your head, but not be able to produce that look on the computer screen...

A border
First I want to tell wiki to make a table so I'm going to type: {| This tells wikia that I have started a table. Awesome sauce, now we can style our table, but first I always like to make sure I put something random into the table so that I can see what I'm coding around!

Now, I want a dark blue border... So what do I do to the above coding? Well that's the best part! I'm going to add  after my {| so that i have a nice border. The border: tells the template what I'm changing about it. 3px tells template how thick the border should be. Solid tells me what kind of border to put, because I could put quite a few different border types instead of solid. Darkblue tells the template what color the border should be, which can be a color word, a 3 digit #value or a 6 digit #value, such as #D33 or #D2D2D2. The ; tells the template that I'm done changing the border. Be sure that you close border: with a ; otherwise your template won't work!


 * This gives us:

Some Radius For That Border

 * This gives us:

A Little Center Goes a Long Way

 * This gives us:

Stretch It Out Man!

 * This gives us:

Centered is Bettered

 * This gives us:

Oh No! My Color is Dull...

 * This gives us:

Needs A Text Area!

 * This gives us:

Still What About the Fill?

 * This gives us:

Who Wants a Box With White Space?

 * This gives us:

Now What About some Padding?

 * This gives us:

Now to Link All My Blogs

 * This gives us:

Make the Links POP

 * This gives us: