Post by Newt on Oct 28, 2014 5:26:03 GMT -5
HELLO!
So I've noticed that maybe not everyone here can create the Tables that look really good (If made correctly) for role-plays. Here I am going to put a simple guide for making a table. However 2 years ago when I first saw a tutorial for a table, I still had no clue how to make them (this is fine by the way). So if that's the case, just shout it out and I will be more than willing to make one for you
.
Without further adeu,
Tables consist of three main parts; top, middle and bottom. Heres what they may look like
Top Image:
Middle Image (the part that goes behind your text:
and Bottom Image:
Yep, the background image only has to be a little tiny thing, since it's going to repeat itself, no point in wasting your time making a huge one! Once you have your image ready and cut in three parts just like shown above, you get to deal with the fun part of table making! Kidding..
The code here should make your life a bit easier.
So I've noticed that maybe not everyone here can create the Tables that look really good (If made correctly) for role-plays. Here I am going to put a simple guide for making a table. However 2 years ago when I first saw a tutorial for a table, I still had no clue how to make them (this is fine by the way). So if that's the case, just shout it out and I will be more than willing to make one for you
.Without further adeu,
Tables consist of three main parts; top, middle and bottom. Heres what they may look like
Top Image:
Middle Image (the part that goes behind your text:
and Bottom Image:
Yep, the background image only has to be a little tiny thing, since it's going to repeat itself, no point in wasting your time making a huge one! Once you have your image ready and cut in three parts just like shown above, you get to deal with the fun part of table making! Kidding..
The code here should make your life a bit easier.
[div align="center"][table][tbody][tr][td style="width:WIDTH NUMBERpx;margin:0px;"][div style="font-size:11px;color:#FONT COLOUR;text-align:justify;background-image:url('URL OF MIDDLE IMAGE');margin:0px;"][img src="URL OF TOP IMAGE"][blockquote]Text, text, text.[/blockquote][/div][img src="URL OF BOTTOM IMAGE"][/td][/tr][/tbody][/table][/div]
| [div Width number: the width is how wide your table is. Just grab the width of one of your images (middle, top, or bottom). For example, the width I'm using for the table above is 500. So I'll type 500 in there. (note: Your tables should be about 600 pixels max, else they will stretch the page. ) Urls of top, middle and bottom image: upload to photobucket/imgur/something and copy-paste the urls, make sure on imgur (I recommend) you take the url with .jpeg at the end or else it won't work Font colour: whatever font colour will go best with your table. Remember, it should be easy on the eyes so others won't have a hard time reading your posts! ^-^ This is what a basic table looks like completed
Tables can then get more complicated, for example scrolling tables. These are good if you write buckets for each entry. The coding is a little more complicated though, and I would recommend experience with coding tables previously. Don't be afraid to contact me for help Not just with table coding but any coding you may need help with here  |
