You can use the bbcodes but please do not overuse them. For example, centering all your posts would be really annoying and you would most likely get warned for format abuse and these posts would have big chances to get edited by a moderator/admin anyway. Now that you are warned, here is the list.
Contents:
- The extended img tag: [imgex]
How:
Use it like the [img] tag but add the pictures dimensions:Code: Select all
Example:
[imgex=100x50]url to image[/imgex]
width: 100px ; height: 50px
Useful for:
With the [url] tag, you can use it to make quick thumbnails for bigger pictures such as score screenshots
^ top - The youtube tag: [youtube]
How:
Put the video id between the [youtube] tags. It is not permitted to specify the video dimensions.Code: Select all
Example:
[youtube]bE1d9ue2vXE[/youtube]
The video id is the number you can see in the video url after "v="
Example:
If the video url is: http://www.youtube.com/watch?v=bE1d9ue2vXE&feature=related
then the video identifier is: bE1d9ue2vXE
so: [youtube]bE1d9ue2vXE[/youtube]
Useful for:
Displaying youtube's videos. From the example above:
^ top - The collapsed section tag: [collapse]
How:
Use it like the [spoiler] tag except you choose the button's text. The hidden section is also not enclosed in a "quote" box.Code: Select all
Example:
[collapse=Collapsed section]Hidden text[/collapse]
Useful for:
Hiding some parts of long posts or to reduce the size of your signatures. From the example above:
^ top - The jumping to anchored section tag: [jumpto]
How:
Like the [url=] tag except you put the name of an anchor. Anchors can be quickly added using the Anchor button displayed on the posting pageCode: Select all
Example:
[jumpto=My_Anchor_Name]Jump to anchor[/jumpto]
[Anchor]My_Anchor_Name[/Anchor]Anchor is here
Useful for:
Organizing long posts. It is not displayed on the posting page because you can achieve the same results with the [url] tag but it makes the process a little bit more quick. From the example above:
Jump to anchor
Anchor is here
^ top - The html tables tags
How:
Use them like you would use the tables html tags: http://www.w3schools.com/html/html_tables.asp
To keep the tags simple there are no style options, meaning the tables use no borders and a fixed cell spacingCode: Select all
Example:
[table]
[tr]
[td][center][size=130][b]Labels[/b][/size][/center][/td][td][center][size=130][b]Song details[/b][/size][/center][/td][td][center][size=130][b]Album art[/b][/size][/center][/td]
[/tr]
[tr]
[td][center]____________________[/center][/td][td][center]____________________________[/center][/td][td][center]____________________[/center][/td]
[/tr]
[tr]
[td]
[imgex=150x150]http://fretsonfire.phonotheque.ca/labels/koolthing/label.png[/imgex]
[/td]
[td][center]
Artist: Sonic Youth
Title: Kool Thing
Album: Goo
Download link: " ... "[/center]
[/td]
[td]
[img]http://i374.photobucket.com/albums/oo189/ze_raph/s1118.jpg[/img]
[/td]
[/tr]
[tr]
[td][center]____________________[/center][/td][td][center]____________________________[/center][/td][td][center]____________________[/center][/td]
[/tr]
[tr]
[td]
[imgex=150x150]http://fretsonfire.phonotheque.ca/labels/2-2-5/label.png[/imgex]
[/td]
[td][center]
Artist: Radiohead
Title: 2+2=5
Album: Hail to the Thief
Download link: " ... "[/center]
[/td]
[td]
[imgex=150x150]http://i374.photobucket.com/albums/oo189/ze_raph/radioheadhailtothethief.jpg[/imgex]
[/td]
[/tr]
[/table]
Note: indentation is not necessary and was used here to make the example easier to read/understand. In fact, it might be better to put every tags on one line once you're done writing your table as the bbcode auto-adds line breaks. Doing so will prevent seeing your table appear many lines below where you want it.
Useful for:
Post formatting, from the (overkill) example above:LabelsSong detailsAlbum art____________________________________________________________________Artist: Sonic Youth
Title: Kool Thing
Album: Goo
Download link: " ... "____________________________________________________________________Artist: Radiohead
Title: 2+2=5
Album: Hail to the Thief
Download link: " ... "
^ top - The thumbnail tag: [thumbnail]
How:
Use it like the [img] tag but add the thumbnails dimensions.Code: Select all
Example:
[thumbnail=100x50]https://www.fretsonfire.org/forums/styles/raph_custom/imageset/site_logo.png[/thumbnail]
width: 100px ; height: 50px
Useful for:
Posting of large images. It does not reduce the images loading time but helps to preserve the posts display page appearance.
Click on the thumbnail to see the original image, click on the thumbnail again to "collapse". From the example above:
^ top - FoFiX Issues
How:
Put the issue number between the tagsCode: Select all
Example:
[FoFiXIssue]273[/FoFiXIssue]
Or the shortcut:
[fi]273[/fi]
Useful for:
Quick formatting of a link to a FoFiX issue instead of having to use the [url=..] method. From the example above:
FoFiX issue 273
Or the shortcut:
FoFiX issue 273
^ top - The "custom image" collapsible section tag: [collapseimg]
How:
Use it like the [collapse] tag except you choose the button's picture.Code: Select all
Example:
[collapseImg=https://www.fretsonfire.org/forums/styles/raph_custom/imageset/site_logo.png]
Collapsed section
This text is now hidden.
Helps making long post shorter with style.
[/collapseImg]
Useful for:
Post formatting. From the example above:
^ top