Puppy's Beginner's Guide to Proboards V5 Coding

stuff here[/div*]


It moves your words or table across the page. In the spot which says "align" put either









Justify sets the code so it starts on the left but has some cool spacing stuff built in!



Now. Time to start on div tables.

First lets start off by aligning the table to the center.



[div align="center"][/div]


Now time to start the table part with the code [*div style=""][/div*]

[div align="center"][div style="width:300px;height:300px;"]This is 300x300![/div][/div]

If you noticed in the style part I put "width" and "height"
Those are two different stuff basically telling the table how high and how wide. You just put width: #ofpixels then after that px. It is really important between stuff you put a ; so it doesn't get confused.


Now you want to actually see some magic happen. You want a background color.

[div align="center"][div style="width:300px;height:300px;background-color:white;"][font color="000000"]This is 300x300![/font][/div][/div]
As you can see I added the font color black so we can see the text better. The background color code is background-color:#hexcode or color



Now there is so much more you can add. Here are a few of the different stuff I will list right now. PM for more info:


border:#px type color
types:
-Inset
-Solid
-Double
-Dashed
-Dotted
background-image:url(urlhere)
This is if you want a background image instead of a color. You put the url of the image in the urlhere part
background-repeat:repeat style
This is if you want to have the background image not repeat or repeat in a certain pattern. Here are all the types of background repeat
border-radius:#px
This is if you want to make the border curved!
overflow:type
This is to make it scroll. The normal one to make it scroll down is overflow:auto and to make it scroll down and sideways is overflow:scroll



Remember to PM me with questions! Next time we go into the table code!