Textarea BBCode

Discussion in 'Site News & Suggestions' started by smartcooky, Jul 19, 2010.

  1. smartcooky

    smartcooky Referee Coach and Advisor

    Joined:
    May 25, 2007
    Messages:
    5,165
    Country Flag:

    New Zealand

    Club or Nation:

    Tasman

    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

    HTML:
    <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)

    Code:
    <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:


    [​IMG]


    Code:
    <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:

    [​IMG]



    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
     
  2. Forum Ad Advertisement

Enjoyed this thread? Register to post your reply - click here!

Share This Page