|
Post by Picasso on Feb 21, 2013 12:58:46 GMT
So, coding is a tiny bit different in V5 Proboards, so here is a tutorial on how to code your old tables.
This is the old code:
[center][table][tr][td][atrb=border,0,true][atrb=cellSpacing,0,true][atrb=cellPadding,0,true][atrb=width,WIDTH,true][img]URL OF TOP IMAGE[/img][/td][/tr][tr][td][atrb=background,URL OF MIDDLE IMAGE][color=COLOUR OF FONT][blockquote][blockquote][size=1]
Text, text, text.
[/size][/blockquote][/blockquote][/color][/td][/tr][tr][td][img]URL OF BOTTOM IMAGE[/img][/td][/tr][/table][/center]
This is the new code:
[div align="center"] [div style="background-image:url('URL OF TOP IMAGE');width:WIDTH OF TABLEpx;height:HEIGHT OF TOP IMAGEpx;"][/div][div style="width:WIDTH OF TABLEpx;background-image:url('URL OF MIDDLE IMAGE');font-family:verdana;color:#FONT COLOUR;text-align:justify;"][div style="padding-right:PADDINGpx;padding-left:PADDINGpx;"][font size="1"]
Text, text, text.
[/font][/div] [/div][/div][div align="center"][div style="background-image:url('URL OF BOTTOM IMAGE');width:WIDTH OF TABLEpx;height:HEIGHT OF BOTTOM IMAGEpx;"][/div][/div]
Key URL of top/middle/bottom image: These are pretty easy to understand. They will be something like this Height of top and bottom image: This should be in pixels. You can right click on the image and look at the properties to find out the height. Width of table: This is usually 450-500px. It should be the same for top, middle and bottom Font colour: This is a hex code. Don't get rid of the # Padding: The padding right and padding left should be the same numbers. You will have to experiment to see what works for you, but it is basically how far away the text is from the very edge of the table. It should be in pixels. My 'Masque' table has 32px padding.
|
|
|
Post by Picasso on Feb 24, 2013 0:24:56 GMT
So I've made a video on how to code a posting table in v5. Please watch this video.
This video was made with Firefox. You can also see the dimensions in the tab using Safari.
In Google Chrome, if you want to find the dimensions you have to right click on the image > inspect element > click the image to zoom in and make sure it's full sized > under Matched CSS Rule you have the height and width
In Internet Explorer: Right click image > properties > dimensions, and it should show you the height and width.
|
|