BBcode tips and tricks

Kenshiro70

I solve problems.
Joined
Apr 1, 2025
Messages
95
Just wanted to create a thread where people can share tips and tricks for formatting messages with BBcode (help page link).

Tip 1: In-page navigation​

First, if you've used Headers in your message, you may have noticed that if you hover over the header text in Preview mode, you'll see a link icon pop up. After you have posted the thread, you can right-click on that, copy link, and that will give a deep link URL to that header (i.e., the page will appear scrolled to that header being on top).

https://forums.civfanatics.com/threads/civ-vii-post-mortem-crafting-a-redemption-arc.699434/#-recent-changes

You can use that to create navigation within a long post..That's good, but it has a couple of drawbacks:
  1. You have to save the post first to get the URL.
  2. Even if you embed with the URLSAME tag, clicking on the link reloads the page.
But if you use the ANCHOR tag it will jump within the page with no reload, and you don't need to save the post to get the URL.

To do that, go to Preview mode, hover over the Header, then right-click and copy the URL.

https://forums.civfanatics.com/forums/site-feedback.19/post-thread#-tip-1-in-page-navigation

Go to Preview mode and copy the URL. Then take the text to the right of the hashtag, including the leading dash. Now stick it in your post in an ANCHOR tag, like so:

[ANCHOR=-tip-1-in-page-navigation]This is an in-page link[/ANCHOR]

Result:
This is an in-page link

(Note that you do need the leading dash character)

Advantages:
  • You can test it out in the Preview pane even before you save the post and it won't leave the page.
  • It works across replies in the same page, so if you're doing a long post that you had to split into replies, you can still put in navigation across the replies.
The only real limitation is that ANCHOR can't cross pages (e.g., from a reply on page 1 to a reply on page 2). For that you'll need to use the URL.
 

Tip 2: Better call out displays​



“The sea was angry that day my friends,
like an old man trying to return soup at a deli.”​
George Costanza, Seinfeld, Season 5: The Marine Biologist

This one is a little tricky. First, here's the basic template:
Code:
[INDENT=2][TABLE width="50%"]
[TR]
[th]
Insert your formatted text here
[/th]
[/TR]
[/TABLE][/INDENT]

So here's the code for the box above:
Code:
[INDENT=2][TABLE width="50%"]
[TR]
[th][LEFT]
[SIZE=5][B][FONT=book antiqua] “The sea was angry that day my friends, 
[INDENT]like an old man trying to return soup at a deli.”[/INDENT][/FONT][/B][/SIZE]
[/LEFT]
[RIGHT][FONT=tahoma]—[B]George Costanza[/B], [I]Seinfeld, Season 5: The Marine Biologist [/I][/FONT][/RIGHT]
[/th]
[/TR]
[/TABLE][/INDENT]

Here's the tricky part. You have to edit in the BBcode view. You cannot switch to the rich text view.

If you switch to the rich text view, it will remove the leading INDENT tag. But if you can click Preview to view the results (click Preview again to return toe the BBcode editor). Then you can save the result and you get a nicer box that you can use for quotes and other call outs.

Unfortunately you can't change the background color (that I know of). But you can do a fair amount of other things, including the nested INDENT. I haven't tried the FLOAT tag; that might give some interesting results as well.

Give it a try and reply if you find any other things you can do with it. Or any other tips and tricks you might know of.

Enjoy!
 

Tip 3: Font pairings​

If you are using lots of headers, it's worth setting the font on the header to Book Antiqua.

Tip 3: Font pairings

If you are using lots of headers, it's worth setting the font on the header to Book Antiqua. It makes a HUGE difference in readability.

You can leave the standard font for the body. Apparently it's standard practice to have a slightly fancier font for the titles and a simpler one for the main text (I looked it up).
 

Tip 4: URL unfurl

This still needs more experimentation, but certain sites support a preview of content:


[URL unfurl="true"]https://community.amplitude-studios.com/amplitude-studios/humankind/forums/169-game-design/threads/44329-more-options-for-cool-er-narrator[/URL]

What I know so far:
  • The URL must be on it's own line
  • You can't put the URL address in the BBcode tag, it must be between the tags (as above)
  • The site must support the Unfurl standard
  • I don't think there's an index of supported sites. You'll have to test out URLs.
More as I play around with it.
 

Tip 5: Float

This one is pretty, but tricky, and I'm not sure how well it handles different screen sizes. It's also got some weird sizing behavior, which I'll add in as I figure out how to best utilize it. It may be too finicky to use reliably, but I'm hoping I can get it working well, as it's a nice way to add in small notes or navigation links.



The snowball is the progression.
– Boesthius (link)​
Experienced developers realize that snowballing, while unavoidable, is not necessarily undesirable. It is both a reward for a game well-played as well as a signal to the player that it might be time to increase the difficulty on their next play through.​

Firaxis decided that snowballing is public enemy number one. In their typical hamfisted fashion they decided to use Age transitions to stamp out this menace. The results play out like the Mr Bean movie Man vs Bee, in which he destroys a mansion while trying to kill a bee.​

I shouldn’t have to explain that players don’t like having their work taken from them, as it makes them feel like they are not in control of their destiny (a major violation of one of the 4X Soul tenets). Using the Age transition doubles down on this insanity by tainting a feature that long-time players were already unsure about. Age transitions have become synonymous with income tax.​


Spoiler BBcode source :


[LIST]
[*][B][SET_ANCHOR='FDP-AgeReset']Players that do too well should be penalized:[/SET_ANCHOR][/B] Power scaling in 4X games has a peculiar side-effect: snowballing, wherein early leads tend to compound over time. Success begets more success.
[/LIST]
[FLOAT=right][TABLE width="95%"]
[TR]
[th][INDENT=2]
[LEFT][FONT=book antiqua][B][SIZE=5]The snowball [I]is[/I] the progression.[/SIZE][/B][/FONT][/LEFT][/INDENT]
[FONT=book antiqua][RIGHT]– Boesthius ([URL='https://www.youtube.com/watch?v=5glCFM4MYiMt=1160s']link[/URL])[/RIGHT][/FONT][/th]
[/TR]
[/TABLE][/FLOAT]
[INDENT=2]Experienced developers realize that snowballing, while unavoidable, is not necessarily undesirable. It is both a reward for a game well-played as well as a signal to the player that it might be time to increase the difficulty on their next play through.[/INDENT]

[INDENT=2]Firaxis decided that snowballing is public enemy number one. In their typical hamfisted fashion they decided to use Age transitions to stamp out this menace. The results play out like the Mr Bean movie [URL='https://www.youtube.com/watch?v=YQ1vN_91KO0']Man vs Bee[/URL], in which he destroys a mansion while trying to kill a bee.[/INDENT]

[INDENT=2]I shouldn’t have to explain that players don’t like having their work taken from them, as it makes them feel like they are not in control of their destiny (a major violation of one of the 4X Soul tenets). Using the Age transition doubles down on this insanity by tainting a feature that long-time players were already unsure about. Age transitions have become synonymous with income tax.[/INDENT]



I suspect you could do some very interesting things if you put an image in the table instead of text. That might also help standardize the sizing, but I'm going to have to do a little experimentation.

I think I'm going to spend some time digging around the xenforo site. Hopefully that will shed some more light.
 
Last edited:
Back
Top Bottom