Textarea BBCode

[smartcooky]

If you have the ability to create custom BBCodes on this forum, I would like to suggest that you have a "textarea" BBCode available for users.

A text area allows the poster to place text in a box (somewhat like a quote) for when they wish to highlight something in a post, perhaps a quote from a book. The advantage of a text area box over a quote is that it is copied into a new post when you use the "Reply with quote" button.

If you are interested, this is the HTML Replacement code

<div style="border: 1px solid black; padding: 10px;  background-color: rgb(255, 255, 255); color: rgb(0, 0,  0);">{TEXT}</div>

border: gives you a border-line around the text area, in this case, black and 1 pixel wide. "solid red" will give a red border... etc

padding: sets the number of pixels space around the outside most edges of the text

Background-color: is the colour of the box (the example is set to white)

color: is the colour of the text (the example is set to black)

Examples:

Using the following text, (using suggested BBCode tags)

[textarea]If you have a look at the interface when you make a post, it hasn't changed all that much. The vast majority of it is self explanatory and I'll wager you don't use most of the features anyway. One big thing that you will probably all appreciate is the facility to add videos. Simply click on the film reel next to the image. You can then simply copy and paste the link and it will embed it into the forum. Providing of course embedding is enabled from the source.[/textarea]

<div style="border: 2px solid black; padding: 10px; background-color:  rgb(252, 246, 211); color: rgb(0, 0,  0);">{TEXT}</div>

Will result in a box with a 2 pixel black border, cream background and black text... like tis:

<div style="border: 4px solid red; padding: 10px; background-color:  rgb(0, 0, 0); color: rgb(255, 255, 255);">{TEXT}</div>

Will result in a box with a 4 pixel red border, black background and white text...like this:

NOTE: The text is a lot clearer in the real thing. These are images using a freeware screen capture program.

Have a look at this page for an real idea of how it looks in a post

http://support.freepowerboards.com/viewtopic.php?f=5&t=264