Tips & Tricks: Fancy Posts with Tags and Nesting

Discussion in 'Website Tips & Tricks' started by PopUpSteve, Sep 29, 2009.

Thread Status:
Not open for further replies.
  1. PopUpSteve

    PopUpSteve Administrator

    Messages:
    18,713
    Likes Received:
    1,524
    Joined:
    Dec 22, 2002
    Location:
    Malvern, PA
    Tags and Nesting
    Before listing the available BBC buttons and their purposes, let's see how they work by imagining that we want to post some text in bold type. While we can start by clicking the B (Bold) button and typing our text between the tags it produces, it's often more practical to type the text first, highlight it and then click the button. So typing 'text', highlighting it and clicking the 'B' button should produce 'text', which renders as text when posted or previewed. (NB This doesn't work in Opera, which inserts the tags at the end of the post.) Subsequently highlighting 'text' and clicking the I (Italicized) button will produce 'text', which not only renders as text when posted or previewed but also introduces the concept of nesting, which means that each new set of tags in a case like this should be seen as a new 'box' containing both the original text and any tags already applied to it.

    Note that the BBC tags can also be typed and edited direct instead of clicking the buttons.

    [table]
    [tr]
    [td]Tag Name -[/td]
    [td]Button -[/td]
    [td]Code -[/td]
    [td]Output -[/td]
    [/tr]
    [tr]
    [td]Bold[/td]
    [td][​IMG][/td]
    [td][b ]Sample[/b][/td]
    [td]Sample[/td]
    [/tr]
    [tr]
    [td]Italics[/td]
    [td][​IMG][/td]
    [td][i ]Sample [/i][/td]
    [td]Sample[/td]
    [/tr]
    [tr]
    [td]Underline[/td]
    [td][​IMG][/td]
    [td][u ]Sample[/u][/td]
    [td]Sample[/td]
    [/tr]
    [tr]
    [td]Strikethrough [/td]
    [td][​IMG][/td]
    [td][s ]Sample[/s][/td]
    [td]Sample[/td]
    [/tr]
    [tr]
    [td]Font Size[/td]
    [td][/td]
    [td]Sample[/td]
    [td]Sample[/td]
    [/tr]
    [tr]
    [td]Font Color[/td]
    [td][/td]
    [td]Sample[/td]
    [td]Sample [/td]
    [/tr]
    [/table]

    Click here for additional Tips & Tricks and Forum Help
     
Thread Status:
Not open for further replies.

Share This Page

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.