Custom BBCodes - Hidden forum features you can use

Questions/Comments/Requests about the forum itself
This topic is 10 years and 11 months old. Instead of replying, please begin a new topic, or search for another related topic that may be more suitable.
not a robot
User avatar
raph666
Administrator
Posts: 2426
Joined: March 9th, 2007
Location: dans la mer du nord
Reputation: 20
Contact:

Custom BBCodes - Hidden forum features you can use

Postby raph666 » Sat Jan 17, 2009 11:12 am

Here is a list of the hidden forum features you can use. As it is right now it contains only custom bbcodes that are not displayed on the posting page mainly to make sure we're not clogging the posting page display with hundreds of bbcodes buttons. If people request more bbcodes and if they are added, this list will be updated.
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:

  1. Extended [img] tag
  2. Youtube tag
  3. Collapsible section tag
  4. "Jump-to" tag
  5. HMTL tables tags
  6. Thumbnail tag
  7. FoFiX Issue tag
  8. Customizable collapsible section tag



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

    Hidden text

    ^ 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 page

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

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

    Labels
    Song details
    Album art
    ____________________
    ____________________________
    ____________________
    Artist: Sonic Youth

    Title: Kool Thing

    Album: Goo

    Download link: " ... "
    Image
    ____________________
    ____________________________
    ____________________
    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 tags

    Code: 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:
    Collapsed section
    This text is now hidden.
    Helps making long post shorter with style.


    ^ top




Last edited by wolferacing on Sat Mar 11, 2017 2:21 pm, edited 10 times in total.
Reason: Updated collapseimg example.
Dr. Professor Logic
User avatar
Lysdestic
Member
Posts: 2939
Joined: December 14th, 2007
Reputation: 7
Contact:

Re: Custom BBCodes - Hidden forum features you can use

Postby Lysdestic » Sat Jan 17, 2009 11:17 am

Cool, thanks for posting this handy list. :)
not a robot
User avatar
raph666
Administrator
Posts: 2426
Joined: March 9th, 2007
Location: dans la mer du nord
Reputation: 20
Contact:

Re: Custom BBCodes - Hidden forum features you can use

Postby raph666 » Sat Jan 17, 2009 12:12 pm

raynebc wrote:That's pretty neat, but what takes precedence when considering if a signature is over the limit? The collapsed size or the expanded size?

The collapsed size. The signature size limit is only there to make sure that posts pages are not ridiculously long because of signatures much longer than the actual posts they're attached to. While collapsed, it is not a problem as only interested members will expand the hidden section. It won't however allow someone to bypass the signature's picture size limit but you can add as much text as you want.
not a robot
User avatar
raph666
Administrator
Posts: 2426
Joined: March 9th, 2007
Location: dans la mer du nord
Reputation: 20
Contact:

Re: Custom BBCodes - Hidden forum features you can use

Postby raph666 » Sat Jan 17, 2009 12:45 pm

I reduced the margins size a bit but it will be a permanent change.

collapsed section 1


collapsed section 2


collapsed section 3

You can't specify the margins size yourself but maybe it is possible to use a table to put more than one sections on the same horizontal line?



collapsed section 1 with some filling text to see how it looks.
Adding line breaks for testing
Line 3
Line 4

collapsed section 2 with some filling text to see how it looks
Adding line breaks for testing
Line 3
Line 4

collapsed section 3 with some filling text to see how it looks
Adding line breaks for testing
Line 3
Line 4

Code: Select all

[table][tr][td][collapse=1]collapsed section 1 with some filling text to see how it looks.
Adding line breaks for testing
Line 3
Line 4[/collapse][/td]
[td][collapse=2]collapsed section 2 with some filling text to see how it looks
Adding line breaks for testing
Line 3
Line 4[/collapse][/td]
[td][collapse=3]collapsed section 3 with some filling text to see how it looks
Adding line breaks for testing
Line 3
Line 4[/collapse][/td][/tr][/table]


But I agree it might look weird a bit and might not suit your needs.
User avatar
Azzco
Member
Posts: 1308
Joined: August 15th, 2007
Location: Trelleborg, Scania, Sweden
Reputation: 0
Contact:

Re: Custom BBCodes - Hidden forum features you can use

Postby Azzco » Thu Jan 22, 2009 4:20 pm

That's some useful features. :2thumbsup:
Image
(k)Ubuntu 8.10 skyscraper 2.6.27-11-generic i686 GNU/Linux KDE 4.2.0
It's not like I dislike sleeping, I really do like it to be honest. It's the whole wake up/go to sleep business I don't like.
Dr. Professor Logic
User avatar
Lysdestic
Member
Posts: 2939
Joined: December 14th, 2007
Reputation: 7
Contact:

Re: Custom BBCodes - Hidden forum features you can use

Postby Lysdestic » Thu Apr 02, 2009 1:00 am

What was the FoFiX issue tag again? I seem to remember it simple, but am either blind, or it isn't listed.
not a robot
User avatar
raph666
Administrator
Posts: 2426
Joined: March 9th, 2007
Location: dans la mer du nord
Reputation: 20
Contact:

Re: Custom BBCodes - Hidden forum features you can use

Postby raph666 » Thu Apr 02, 2009 6:34 am

I only posted about it in the old FoFiX thread: viewtopic.php?p=343738#p343738
Added to the list.
Blue Heaven!
User avatar
death_au
Member
Posts: 3991
Joined: December 12th, 2007
Location: Australia
Reputation: 7
Contact:

table issues?

Postby death_au » Mon May 11, 2009 3:42 am

I was reformatting my theme thread with ratings, and decided to use tables so that the ratings would appear beside the theme name and save some screen real estate. I've noticed though that I get rather large gaps when I have lots of rows in my tables...


Table Starts on this line













row 1
row 2
row 3
row 4
row 5
row 6
row 7
row 8
row 9
row 10
row 11
row 12
row 13
row 14
row 15

Code: Select all

Table Starts on this line[table][tr][td]row 1[/td][/tr]
[tr][td]row 2[/td][/tr]
[tr][td]row 3[/td][/tr]
[tr][td]row 4[/td][/tr]
[tr][td]row 5[/td][/tr]
[tr][td]row 6[/td][/tr]
[tr][td]row 7[/td][/tr]
[tr][td]row 8[/td][/tr]
[tr][td]row 9[/td][/tr]
[tr][td]row 10[/td][/tr]
[tr][td]row 11[/td][/tr]
[tr][td]row 12[/td][/tr]
[tr][td]row 13[/td][/tr]
[tr][td]row 14[/td][/tr]
[tr][td]row 15[/td][/tr][/table]


What can be done to remove this gap?

EDIT: I've worked out why the gap exists. It seems that in html, <br/> tags within a table (in between rows for example) are pushed to the top of the table. So in theory, it should work fine if I do this:

Table Starts on this line
row 1
row 2
row 3
row 4
row 5
row 6
row 7
row 8
row 9
row 10
row 11
row 12
row 13
row 14
row 15

Code: Select all

Table Starts on this line[table][tr][td]row 1[/td][/tr][tr][td]row 2[/td][/tr][tr][td]row 3[/td][/tr][tr][td]row 4[/td][/tr][tr][td]row 5[/td][/tr][tr][td]row 6[/td][/tr][tr][td]row 7[/td][/tr][tr][td]row 8[/td][/tr][tr][td]row 9[/td][/tr][tr][td]row 10[/td][/tr][tr][td]row 11[/td][/tr][tr][td]row 12[/td][/tr][tr][td]row 13[/td][/tr][tr][td]row 14[/td][/tr][tr][td]row 15[/td][/tr][/table]

...But that's a real mess. Especially if I did my whole theme thread like that. Perhaps there can be some code that catches <br/> tags in tables and omits them... But that sounds complicated.

EDIT2: Works fine in IE. Firefox, Opera and perhaps others are having the issue.
EDIT2.1: Scratch that, in IE there's no gap at the top, but there's weird indentation. Second example works fine on all browsers.
Last edited by death_au on Sun Aug 23, 2009 10:41 pm, edited 1 time in total.
not a robot
User avatar
raph666
Administrator
Posts: 2426
Joined: March 9th, 2007
Location: dans la mer du nord
Reputation: 20
Contact:

Re: table issues?

Postby raph666 » Mon May 11, 2009 10:38 am

There's the same problem with the collapsed sections, the bbcode parser just takes into account every line breaks you give to him between tags. It's definitely not perfect when writing long posts. Maybe that instead of giving it line breaks between the tags you could add the breaks inside the td tags. Makes the post "readable" in edit mode and the result is good.

Code: Select all

[table]
[tr][td]
cell 1 - 1
[/td][td]
cell 1 - 2
[/td][td]
cell 1 - 3
[/td][/tr][tr][td]
cell 2 - 1
[/td][td]
cell 2 - 2
[/td][td]
cell 2 - 3
[/td][/tr][tr][td]
cell 3 - 1
[/td][td]
cell 3 - 2
[/td][td]
cell 3 - 3
[/td][/tr][tr][td]
cell 4 - 1
[/td][td]
cell 4 - 2
[/td][td]
cell 4 - 3
[/td][/tr][tr][td]
cell 5 - 1
[/td][td]
cell 5 - 2
[/td][td]
cell 5 - 3
[/td][/tr][/table]

cell 1 - 1cell 1 - 2cell 1 - 3
cell 2 - 1cell 2 - 2cell 2 - 3
cell 3 - 1cell 3 - 2cell 3 - 3
cell 4 - 1cell 4 - 2cell 4 - 3
cell 5 - 1cell 5 - 2cell 5 - 3


Topic merged with the bbcodes topic.
Blue Heaven!
User avatar
death_au
Member
Posts: 3991
Joined: December 12th, 2007
Location: Australia
Reputation: 7
Contact:

Re: Custom BBCodes - Hidden forum features you can use

Postby death_au » Mon May 11, 2009 7:15 pm

good idea. I'll give that a go, thanks :thumbup:

---- EDIT ----

Actually, it doesn't quite work as planned... It's all nice an broken up when you put it in, but when you go to edit it you see that it's removed all of the nice newlines you put in. Edit or quote your own post and you'll see.
That being said, what I'm going to do for now is do what you suggested, but in a text file. I can edit the file and copy-paste into the editor.
ScHaloX
Member
Posts: 607
Joined: January 26th, 2008
Location: Finland
Reputation: 0
Contact:

Re: Custom BBCodes - Hidden forum features you can use

Postby ScHaloX » Fri Jun 12, 2009 1:36 pm

Should [collapseimg]-tag be added to the list?
Song thread | Mediafire | Youtube

Frets On Fire Fan Forums, we may take three years, but dammit, we will solve your problem!

not a robot
User avatar
raph666
Administrator
Posts: 2426
Joined: March 9th, 2007
Location: dans la mer du nord
Reputation: 20
Contact:

Re: Custom BBCodes - Hidden forum features you can use

Postby raph666 » Fri Jun 12, 2009 1:48 pm

I always try to get a few people to test the new tags before they're added to the list. To make sure everything works fine and to make sure they really are useful. Guess it couldn't hurt to add it now.

Return to “Forum Talk”

Who is online

Users browsing this forum: No registered users and 16 guests