Click here to jump to the new content.

We are rolling out some new BBCode features for you to spice up your threads, submissions and articles.


Stylized Notice Box

These are a great way to highlight certain information to your readers. Maybe you want to let them know there was an update to your game? Or perhaps you want to do a character bio? Regardless of what it is, this is a visually pleasing way to do so!

Example:
SONIC THE HEDGEHOG
maniaidle.gif

Controls:
X = Jump​
Down (Hold) + X = Spin Dash​
X (Hold) While in Mid-Air = Drop Dash​






Code:
[nbb]Text Here[/nbb]
The Hero Theme!
Code:
[nbb]Text Here[/nbb]

The Side-Kick Theme!
Code:
[nby]Text Here[/nby]

The Treasure Hunter Theme!
Code:
[nbr]Text Here[/nbr]

The Rose Theme!
Code:
[nbp]Text Here[/nbp]

The Villain Theme!
Code:
[nbd]Text Here[/nbd]














Progress Bars

Wanna tell people how development is coming along? With the progress bars, it's very easy to do so.

Example:

35%
- Level Design
Code:
[progressy]NUMBER[/progressy]
18%
- Art
Code:
[progressr]NUMBER[/progressr]
90%
- Gameplay
Code:
[progress]NUMBER[/progress]
55%

Code:
[progressy_f]NUMBER[/progressy_f]
5%

Code:
[progressr_f]NUMBER[/progressr_f]
100%

Code:
[progress_f]NUMBER[/progress_f]

You do have to update them manually and can't use letters or special characters just numbers from [0-100].




Music Player
. (Right here there's an anchor point, click here to go back to the Jump to and Anchors section of this post)

Last but not least, we also now have a full on Music Player where you can showcase your music, sound effects and so on without really having to link to an external website such as SoundCloud or YouTube.
Code:
[music]LINK[/music]
For this one, you have two options:
- You can upload them to a external website that gives you a direct link for them such as Dropbox or Google Drive;
- You can attach the music file here to Sonic Fan Games HQ, here's how to do it:

  1. Attach the music file(s) to your post, just like you would with any other file and finish your post. Leave your [music][/music] tags empty like so.
  2. Submit your post.
  3. Locate your Attachments (for Articles and Showcase they should be on the Sidebar to the Right, for Forum posts they should be right bellow your post) and Right Click it and Copy the URL.
  4. Edit your post and paste it in-between your [music][/music] tags.
  5. Save.



To make the process a lil' bit easier, you can now find a star-shaped icon in the Text Toolbar above your posts. In it, you can easily select each of the new BBCode features!

5270





04/2022 Edit:
.
Just added some new BBCode elements in preparation for SAGE 2022, as of yet, not all of them have been added to the menu:


Tooltip

Tooltips are a powerful way of adding a little more information to something. Whenever the person reading your post hovers over a sentence, icon, image, etc. that has the tooltip tag a cool context ballon will appear on top of it. Check it out (put your mouse here). Below, there's an example using an image.

c27f273e829c223d9b84651ff3560f4b-754x394.jpg


Code:
[tooltip=Your text here]Text/Image/Whatever[/tooltip]
It's important to note that tooltips do not support further styling like bold, italic, etc. and they also are a single paragraph.


If you have checked out, the recent SAGE '22 Guidelines Article, you may have noticed I used these tooltips in conjunction with this icon: , which brings us to our next BBCode addition:




Font Awesome Icons
.
For those of you who are unaware, Font Awesome is a set of web icons that work sort of like a font would, a lot of the website uses them but it's very common to see them around the web. There's lots of them available and it's very easy to use. Check it out:

If I use [fa]gamepad[/fa] it will give me the following icon: . They behave just like a font would, meaning they can be recolored and scaled . Certainly a very cool addition to your booth page. You can check out a full list with all the available ones here. Although, not all of them work and we only have access to the solid and free ones, unfortunately. But still, there's like 500+ icons that you can use.

Code:
[fa]icon's name[/fa]



Jumpto and Anchors

One very cool way to help people navigate through your post or entry, is by using anchor points. By using [jumpto=anchorname]{text}[/jumpto] you can create a link that once clicked will send the person to another point where that anchor is located. You can create an anchor by typing: [anchor=anchorname][/anchor]. Please note that these have to be the exact same, you can have more than one per post, but the [jumpto] and [anchor] both need to share a name (with no special characters). Try clicking here and it will send you flying to the Music Player BBCode part of this post.
.
A couple of observations:
Whenever creating an anchor, it will change the styling of the thing you have selected. This is an unexpected behavior that I honestly couldn't figure out, so I suggest creating an anchor with a single "." (dot) instead, like so: [anchor=name].[/anchor]. The dot will not show up. Creating with space will not work, leaving it empty also won't.

Another thing to note is that the anchor will take you to a place that's 150px bellow the top of the screen, this is to accomodate for the fixed menu we have on the forums. But keep that in mind and try placing it under your titles instead of on top of them and it should work just fine. It's a little confusing, but I'm sure you can figure it out in a few minutes.

Code:
[jumpto=anchor's name]Text[/jumpto]

[anchor=anchor's name].[/anchor]



Keyboard & Controller Buttons

It's a little silly but I think it's neat. I added a BBCode that allows you to create keyboard/controller icons on the fly for your movesets and whatnot.

Ctrl
+
Alt
+
Del
and:
A
X
Y
B


If you are feeling a little adventurous, you can even recolor the controller buttons:

A
X
Y
B


They can be achieved with:
Code:
[kbd]Text[kbd]
For the Keyboard Icons.

And:
Code:
[ctr]Text[ctr]
For the controller ones.

If you want to be extra fancy, you can combine them with some cool Font Awesome icons!

+ + + + + + + +
B
+
A
+
Start