Divine of Creation
USER IS OFFLINE
Years
Old
Currently Working on the Site
17 POSTS & 1 LIKE
|
Post by Kalis on Mar 10, 2015 22:43:25 GMT
Alright my pretties! It's time you learn how to make BOX! Have you ever seen those people who make bad aft templates and plots? Well, this is the basic-to-basic of it all! When making your code, you can post it in any order in wish you desire. Unless it is in this code below [div style="code-stuff"][/div]That is the basic-to-basic-basic code of the lot. from there, when entering you codes where it says 'code-stuff' [You'll remove that when your continuing through this guide.], you'll put a semicolon in between each code. It must also be in between the Quotation Marks [ " " ] in order for it to work. For an example... [div style="code 1;code 2;"][/div]Now what can I put in this box, you might ask? Width / Height[div style="width:100px;height:100px;][/div]The width and height commands are one of the most important codes in bbcoding. It determines the size of your entire code, as seen below.. 100px 200px 300px These are examples of 'width' dimensions. unless you don't want your code to drift and be difficult, this is crucial to have. However, when it comes to 'height', this is less important. UNLESS you want lovely code to be a certain size with a scroll (mentioned later in the guide). Below are a few height examples.
100px
200px
Overflow Commands
[div style="overflow:auto;overflow:hidden;][/div]
This box has a overflow command of overflow:auto . This command gives the box a scroll to it, giving the box more room to make text. You can talk for as long as you want.
Here's some Proof
Proof | This box has a overflow command of overflow:hidden . This command makes whatever text that goes outside of the box's border invisible, or not appear. This command comes in handy when inserting an image, or making a box with a secondary layer in it. |
Border
[div style="border:1px solid white;border:1px solid #ffffff][/div]
in every box above, I have made a box. In each code is a REQUIRED code. It can be displayed as either "border:1px solid white;" or "border: 1px solid #ffffff;" The 1px is the thickness of your line.
10px
20px
30px
The solid in the code is the kind of border. You can use either dotted, dashed, double, ridge, groove, inset, and outset.
Solid | Dotted | Dashed | Ridge | groove | inset | outset | |
|
|
