Guide to Advanced BBcode

This section is for User Guides relating to the WQ Forum. Read the User Guide Rules and Guide Index before posting.

Moderator: Neamara

Forum rules
Read the User Guide Rules and Guide Index before posting.
Locked
User avatar
Zethra
Senior Member
Senior Member
Posts: 5558
Joined: Sun Oct 18, 2009 12:07 pm
Gender: Male
Location: That's for me to know, and you to wonder about.

Guide to Advanced BBcode

Post by Zethra » Thu Oct 28, 2010 12:04 pm

Guide to Advanced BBcode

I have experimented with several BBcode, and HTML codes. If you wish, here is a guide on how to combine BBcodes and use them to your advantage within posts. (without breaking the guidelines)

Colored Italics, Bolds and Underlines

Firstly, pick which one you wish to use. The same tactic works with each of these BBcodes; so you only need one to start with.
Now, click the , or bbcode; it should look like this

Italics
http://i20.servimg.com/u/f20/14/50/74/39/bbcode11.jpg

Bold
http://i20.servimg.com/u/f20/14/50/74/39/bbcode10.jpg


Underline
http://i20.servimg.com/u/f20/14/50/74/39/bbcode12.jpg


Now that you've done that, select the color you wish to post with. Make sure your mouse clicker is inside the underline,bold or italics bbcode, whichever you chose to use, and click the color bbcode that you want to use. After that's done; it should look something like this: [note that you don't have to use the color shown, any color will work]

http://i20.servimg.com/u/f20/14/50/74/39/bbcode13.jpg

Now that you've done that, type in the text that you want and first, preview it. It will show up with a Colored version of whatever BBcode you've chosen. Once you've gotten it how you like, you can press submit if you want.
Note: when underlining Colored text, the actual underline is white not color but the words will be colored. There isn't' a way to fix this, that's just how the bbcode works.

How to use Italics, Underline and Bold with Large Text

The following BBcode, despite how it sounds, is actually rather tricky. It took me a while to find this out, and if done wrong only the Bold/Italic and Underline will show. The text size will be lost.
I recommend only using this for Titles in topics, not in regular posts. It's only to keep things well balanced and organized.This doesn't work with colors, I have tried and it doesn't come out. Sorry!

Okay, so first click on the code you want to use; it should start of relatively same as when doing the Colored ones. Now, once you've chosen the code you want; click the size text you want. (the code must be inside the italic, bold or underline bbcode in order for it to work.)

It should look like this:
http://i20.servimg.com/u/f20/14/50/74/39/bbcode14.jpg

Now, type in what you want. And click preview to check it out first, once you've done your post (again recommended when making a topic, not post) press submit.
............'..........Avatar by Zethra

User avatar
Neamara
WolfQuest Moderator
WolfQuest Moderator
Posts: 5695
Joined: Sat Feb 14, 2009 3:57 am
Gender: Female
Location: England, United Kingdom
Contact:

Extended BBcode Guide

Post by Neamara » Fri Sep 11, 2015 8:27 pm

Just an update to include most of the new, custom BBcodes added in January 2015... as well as some of the default BBcodes that were installed with the software, but were disabled and rendered useless in the past or have not yet been covered in much detail. Better late than never. ^^
Most of these codes are compatible with other BBcodes, though you'll need to tweak the code for changes to appear correctly. Please refer to Zethra's post above for the relevant information on how this is done.

Additionally, the BBCode FAQ -- easily accessed by clicking the linked 'BBCode' where tags are indicated as either ON or OFF on the right side of the posting page -- provides a lot of information on its own. ;)

Predefined BBCodes


Images

Images can now be used in posts provided you are a member of the Image Tags usergroup or any other compatible usergroup(s). Otherwise, you will only be able to view images posted by others and you will not be able to post them yourself.
Usage: Image
Example:

Code: Select all

[img]http://example.com/images/picture.jpg[/img]

URLs

Rather than the old method of highlighting then copy-pasting a link due to its absence, this feature makes it very easy to go to a link with nothing more than a click.
Usage: Linked text
http://wolfquest.org
Formatted linked text
Example:

Code: Select all

[url=http://wolfquest.org]Linked text[/url]
[url]http://wolfquest.org[/url]
[url=http://wolfquest.org][color=#f90]Formatted linked text[/color][/url]
Note: "[bbcode]" alludes to color or other such codes that change formatting.


Llst

Creates an indented and bulleted list. Using this code without a flag defaults to the circle bullet. Valid flags: none | circle | disc | square | a (alphabetic) | i (Roman numerals). Source: BBCode FAQ entry.
Usage:
  • Unordered list. (Default/No flag.)
  • Unordered list. ('None' flag.)
Examples:

Code: Select all

[list]Type your text here.[/list]
[list=none]Indent without bullet.[/list]

Ordered List

Additional list option. See 'list' entry for valid bullet flags.
Usage:
  • Default bulleted list.
  • Square bullet.
  • Disc bullet.
  • Circle bullet.
  1. Numbered list.
  1. Alphabetical list.
  1. Roman numerals.
Examples:

Code: Select all

[list][*]Default bulleted list.[/list]
[list=square][*]Square bullet.[/list]
[list=disc][*]Disc bullet.[/list]
[list=circle][*]Circle bullet.[/list]
[list=1][*]Numbered list.[/list]
[list=A][*]Alphabetical list.[/list]
[list=I][*]Roman numerals.[/list]
Note: Alphabetic and Roman numeral list options support uppercase listing or lowercase listing. (E.g., "A" or "I" renders the entire list in uppercase. "a" or "i" renders the entire list in lowercase.)

Custom BBCodes


Alignment

Alows users to align text and media left, right, center, or define the justify flag.
As of 7-May-2020, the old right, center and left standalone codes no longer appear on the BBCode bar. However, they can still be used!

Examples:
Type your text here.
Type your text here.
Type your text here.
Usage:

Code: Select all

[left]Type your text here.[/left]
[center]Type your text here.[/center]
[right]Type your text here.[/right]
[align=center|right|left|justify]Type your text here.[/align]

Anchor & Go to

These BBcodes only work as a pair; they do not work separately. These codes grant users the option of inserting a goto table of contents and using anchors as "jump-to" points to take readers to specific sections of your topic. Useful for threads with long posts.

Examples: This is active on the Forum Guidelines and the Bumping, Bookmarks and Subscriptions guide if you'd like to see them in action.
Usage: http://i.imgur.com/vnc5Dax.png


NFO

Allows users to create/paste and post ASCII art correctly.

Example:
                                                                                                                                  
                          ░░░░                                                                          ░░                        
                        ░░░░▒▒  ░░                                                                ░░░░░░▒▒░░░░                    
                        ▒▒▓▓▓▓▒▒░░░░▒▒                                                        ░░▒▒░░░░▒▒▓▓▓▓▒▒                    
                    ░░░░▓▓████████▒▒░░░░                                                      ░░░░▓▓████████▓▓░░░░                
                  ░░▓▓██▓▓░░░░▒▒▓▓▓▓▓▓░░▒▒                                                ▒▒▒▒░░▒▒▓▓▓▓▒▒░░░░▓▓██▓▓░░              
                ░░░░██▒▒░░░░  ░░  ▒▒▒▒▒▒░░▒▒░░  ░░░░                            ░░░░  ░░░░░░░░▓▓▒▒▒▒  ░░  ░░░░▒▒██░░░░            
                ░░▓▓██░░░░░░▒▒░░░░  ░░▒▒░░░░░░  ░░░░░░  ▒▒    ▒▒▒▒▒▒▒▒░░  ▒▒  ░░░░░░  ░░░░░░▒▒░░░░  ░░▒▒░░░░░░░░██▓▓░░            
                ░░██▓▓░░  ▒▒▓▓▒▒░░    ░░██░░▒▒░░░░  ░░▒▒▒▒░░▒▒▒▒    ░░▒▒░░▓▓░░▒▒  ░░░░░░░░██▓▓░░    ░░▓▓▓▓▒▒  ░░▓▓██░░            
                ░░▓▓░░░░▒▒▓▓▓▓▓▓▒▒░░  ░░▓▓▓▓▒▒▒▒░░░░      ░░  ░░░░░░░░  ░░      ░░░░▓▓▒▒▓▓▓▓▓▓    ░░▒▒▓▓▓▓▓▓▒▒░░░░██░░            
                  ██░░  ▒▒▓▓██▓▓▒▒░░    ▒▒▓▓▓▓░░▓▓▒▒░░░░░░      ░░░░      ░░  ░░░░▓▓░░▓▓▓▓▒▒░░    ░░▒▒▓▓██▓▓▒▒░░░░██              
                  ██░░░░░░▓▓██▓▓▒▒▒▒░░  ░░▓▓▓▓▓▓░░▓▓▒▒▒▒  ░░  ░░░░░░░░  ░░  ▒▒▒▒▓▓░░▒▒▓▓▓▓░░░░  ░░▒▒▓▓▓▓██▓▓░░░░░░██              
                  ▓▓░░  ▒▒▓▓██▓▓▒▒      ░░░░▒▒██▓▓▒▒▓▓▓▓░░  ░░  ░░░░  ░░  ░░██▓▓▓▓▓▓██▓▓░░░░░░    ░░▒▒▓▓██▓▓▒▒  ░░▓▓              
                  ▓▓██░░▒▒▓▓██▓▓▒▒  ░░░░░░▓▓▓▓▓▓██▓▓░░▓▓██▒▒▒▒▒▒    ▒▒▒▒▒▒████▒▒▒▒████▓▓▓▓░░░░░░░░  ▒▒▓▓██▓▓▒▒░░██▓▓              
                ▒▒▓▓▓▓░░▒▒▓▓████▓▓▒▒  ░░▒▒▓▓▓▓██▓▓▒▒▒▒▓▓▒▒▒▒▓▓▒▒▓▓▓▓▒▒▓▓▒▒▒▒▓▓▒▒▒▒▓▓██▓▓▓▓▒▒▒▒░░  ▒▒▓▓████▓▓▒▒░░██▒▒▒▒            
                ██░░░░▒▒▒▒▓▓██▓▓▓▓▒▒▒▒▒▒▓▓▓▓▓▓▓▓▒▒░░▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▓▓▓▒▒▒▒▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▓▓████▓▓░░▒▒░░░░██            
                  ░░░░▒▒▒▒▓▓████▓▓▓▓▓▓▓▓██▓▓▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▓▓██▓▓▓▓▓▓▓▓▓▓████▓▓▒▒▓▓░░░░              
                ▓▓░░  ▓▓▓▓██████▓▓▓▓▓▓██▓▓▒▒▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▓▒▒▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▓██▓▓▓▓▓▓▓▓██████▓▓▓▓  ░░▓▓            
                ░░▒▒  ▒▒▓▓▓▓██████▓▓▓▓▓▓▒▒▓▓▓▓▒▒▓▓▒▒▒▒▓▓▒▒▒▒▓▓▒▒▓▓▓▓▒▒▓▓▒▒▒▒▓▓▒▒▒▒▓▓▒▒▓▓▓▓▒▒▒▒▓▓▓▓▓▓██████▓▓▓▓▒▒  ▒▒░░            
            ░░▒▒░░  ░░▒▒▓▓██████████▒▒▒▒▓▓▒▒▒▒▒▒▒▒▒▒▒▒▓▓▒▒▓▓▒▒▒▒▓▓▓▓▒▒▒▒▒▒▒▒▓▓▒▒▒▒▒▒▒▒▒▒▒▒▓▓▒▒▒▒▒▒██████████▓▓▒▒░░░░░░▒▒░░        
                ▓▓░░░░▓▓██████▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▓▓▒▒▒▒▓▓▒▒▓▓▒▒▒▒▒▒▒▒▓▓▒▒▓▓▒▒▓▓▓▓▒▒▓▓▒▒▓▓▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓██████▓▓░░  ▓▓░░░░        
            ▒▒    ░░░░████▓▓▓▓▒▒▒▒▒▒▒▒▒▒▓▓▒▒▒▒▓▓▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▓▓▓▒▒▓▓▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓████░░░░  ░░▒▒        
          ░░░░▒▒░░░░▓▓██▓▓▓▓▓▓▒▒▒▒▓▓▒▒▓▓▓▓▓▓▒▒▒▒▓▓▒▒▓▓▒▒▓▓▒▒▓▓▒▒▓▓▓▓▓▓▓▓▒▒▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▓▓▓▒▒▓▓▒▒▓▓▒▒▒▒▓▓▓▓▓▓██▓▓░░░░▒▒░░        
          ▒▒░░░░▒▒██▓▓▓▓▓▓▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▓▓▓▓▓▓▓▒▒▒▒▓▓▓▓▓▓██▓▓▒▒░░░░▒▒      
          ▓▓░░░░██▓▓▓▓▓▓▒▒▓▓▒▒▒▒▓▓▓▓▓▓▓▓▓▓▒▒▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▒▒▒▒▒▒░░▒▒▒▒▒▒▓▓▓▓▒▒▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▓▓▒▒▓▓▓▓▓▓██░░▒▒▓▓      
            ▒▒██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒░░░░▒▒░░▒▒▒▒▓▓▓▓▓▓▓▓▒▒▒▒░░░░▒▒░░▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓██▒▒        
          ▓▓▓▓▓▓▓▓▓▓▒▒▓▓▓▓▒▒▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒░░░░  ░░░░▒▒░░░░▒▒▓▓▓▓▓▓▓▓▒▒░░░░▒▒░░░░  ░░░░▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▓▓▓▓▓▓▓▓▓      
        ██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒░░░░  ░░  ░░  ░░░░▒▒▒▒▓▓▓▓▒▒░░░░░░  ░░░░░░  ░░░░▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓██    
      ░░▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▓▓▒▒░░░░      ░░  ░░▒▒▒▒▓▓▓▓▓▓▒▒░░  ░░      ░░░░▒▒▓▓▓▓▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░░  
      ░░░░▓▓▓▓▓▓▓▓▓▓██▓▓▓▓▓▓▓▓▒▒▒▒▓▓▓▓▓▓░░░░▒▒    ░░      ░░▒▒▒▒▓▓▓▓▒▒▒▒░░      ░░    ▒▒▒▒░░▒▒▓▓▓▓▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░░░░  
          ▓▓▓▓▓▓▓▓████▓▓▓▓▓▓▒▒▒▒▒▒▓▓▓▓▓▓░░  ░░░░░░  ░░  ░░  ▒▒▒▒▓▓▓▓▒▒▒▒  ░░  ░░  ░░░░░░  ░░░░▓▓▓▓▓▓▒▒▒▒▒▒▓▓▓▓▓▓████▓▓▓▓▓▓▓▓      
        ▓▓▓▓▓▓▓▓▓▓▓▓██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░░      ░░          ░░▒▒▒▒▓▓▓▓▒▒▓▓░░          ░░      ░░░░▓▓▓▓▓▓▓▓▓▓▓▓▓▓████▓▓▓▓▓▓▓▓▓▓▓▓    
      ▓▓▓▓██▓▓▓▓▓▓████▓▓▓▓▓▓▓▓▓▓▓▓▓▓░░░░░░░░░░░░░░░░      ░░▒▒▒▒▓▓▓▓▒▒▓▓░░  ░░  ░░░░░░░░░░░░░░░░░░▓▓▓▓▓▓▓▓▓▓▓▓▓▓████▓▓▓▓▓▓██▓▓▒▒  
      ██████▓▓▓▓▓▓▓▓██▓▓▓▓▓▓▓▓▓▓██████████▓▓▓▓▒▒▓▓▒▒    ░░▒▒▒▒▒▒▓▓▓▓▒▒▒▒▒▒░░    ░░██▒▒▓▓▓▓▓▓▓▓██████▓▓▓▓▓▓▓▓▓▓▓▓██▓▓▓▓▓▓▓▓████▓▓  
    ▓▓████▓▓▓▓▓▓▓▓▓▓██████▓▓██████████▒▒██▓▓▒▒▓▓██░░▒▒  ░░░░░░░░░░░░░░░░░░░░  ░░▒▒██▓▓▒▒▒▒▓▓░░▓▓████████████▓▓████▓▓▓▓▓▓▓▓▓▓████▒▒
    ▓▓▓▓████▓▓██████████████████▓▓▓▓░░░░  ██▒▒░░░░██▒▒░░    ░░░░░░░░░░░░      ▒▒██░░░░▒▒██    ░░░░▓▓██████████████████████████▓▓▒▒
      ▓▓▓▓██████▓▓▓▓▓▓▓▓████▓▓▓▓▓▓▓▓▒▒░░    ░░░░░░▒▒▓▓░░  ░░  ░░░░░░░░░░░░  ░░▓▓▒▒░░░░░░    ░░▒▒▒▒▓▓▓▓▓▓▓▓████▓▓▓▓▓▓▓▓██████▓▓▒▒  
      ▓▓██████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒░░▒▒          ▓▓▒▒      ░░░░░░░░      ░░▓▓░░        ▒▒░░░░▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓██████▓▓  
    ▓▓██████▓▓▓▓▒▒░░▒▒▓▓▓▓▓▓▓▓▒▒▒▒░░  ░░  ░░        ▓▓▒▒  ░░  ░░░░░░░░  ░░  ░░▓▓░░      ░░  ░░░░  ░░▒▒▒▒▓▓▓▓▓▓▓▓▒▒░░▒▒▓▓▓▓██████▒▒
      ▒▒▒▒██▓▓▒▒▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒░░                  ░░        ░░░░░░░░        ░░░░                ░░░░▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▓██▒▒░░  
        ░░▓▓▓▓▓▓▓▓▒▒▒▒▒▒▓▓▓▓▒▒▒▒▒▒░░░░░░          ░░        ░░  ░░░░░░                        ░░░░░░▒▒▒▒▒▒▓▓▓▓▒▒▒▒▒▒▓▓▓▓▓▓▓▓░░    
          ▓▓▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓░░▒▒░░                  ░░    ░░░░░░░░░░      ░░                    ░░▒▒░░▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒██      
        ░░▓▓▒▒░░▒▒▓▓▒▒▒▒▒▒▓▓▓▓▓▓░░░░░░                      ░░░░░░░░░░░░  ░░                    ░░░░░░▓▓▓▓▓▓▒▒▒▒▒▒▓▓▒▒░░▒▒▓▓░░    
        ░░▒▒░░░░▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▒▒░░░░                      ░░░░░░░░░░░░                    ░░    ░░▒▒▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒░░░░▓▓░░    
        ██▓▓░░░░  ░░▒▒▓▓▒▒▒▒▒▒▓▓██░░░░                  ░░░░    ░░░░    ░░░░                  ░░░░▒▒██▓▓▒▒▒▒▒▒▓▓▒▒░░  ░░░░▓▓██    
        ░░▒▒▒▒▒▒░░░░░░▒▒▒▒░░▒▒▓▓██▓▓░░░░                    ░░░░░░░░░░░░                      ░░░░▓▓▓▓▓▓▒▒░░▒▒░░░░░░░░▒▒▒▒▓▓      
        ░░  ░░░░  ▒▒▒▒▒▒▒▒▓▓▒▒▓▓██▓▓░░░░                  ░░░░░░░░░░░░░░░░                    ░░░░▓▓▓▓▒▒▒▒▓▓▒▒▒▒▒▒▒▒  ░░░░  ░░    
      ▓▓░░░░  ░░░░▓▓▓▓▒▒▒▒░░░░▓▓████▓▓░░                  ░░░░░░░░░░░░░░░░                    ▒▒▓▓████▒▒░░░░▒▒▒▒▓▓▓▓░░░░  ░░░░▓▓  
        ▒▒  ░░░░▒▒▓▓▒▒▒▒▒▒▓▓▓▓▓▓▓▓████  ░░              ░░░░░░░░░░░░░░░░░░░░              ░░  ░░▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▓▓▒▒░░░░  ▒▒    
          ▒▒  ░░▒▒▒▒▒▒░░▒▒▓▓▒▒▒▒▓▓▓▓██░░░░              ░░░░░░░░░░░░░░░░░░░░              ░░  ▒▒██▓▓▓▓▒▒░░▓▓▒▒░░▒▒▒▒▒▒░░  ▒▒      
          ▓▓░░░░░░░░░░▒▒▒▒▓▓▒▒▒▒▒▒▓▓▒▒▒▒              ░░▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒░░              ░░▓▓▒▒▓▓▒▒▒▒▓▓▓▓▒▒▒▒░░░░  ░░░░▓▓      
          ▒▒░░░░░░▒▒░░▒▒▒▒▓▓▓▓▒▒▓▓▓▓▒▒▓▓              ░░██▓▓████████████████▒▒              ░░▓▓▒▒▓▓▓▓▒▒▓▓▓▓▒▒▒▒░░▒▒░░░░░░▓▓      
            ░░  ░░░░▒▒▒▒░░▒▒░░▒▒▒▒▓▓▒▒▓▓░░  ░░        ▒▒██▓▓████████████▓▓██▓▓        ░░░░░░░░▓▓▒▒▓▓▒▒▒▒░░▒▒░░▒▒▒▒░░░░  ░░        
            ░░  ░░░░▒▒▒▒░░▒▒▒▒▓▓▒▒▒▒▓▓██░░░░░░  ░░  ░░▒▒████      ░░  ░░▓▓██▓▓░░  ░░  ░░░░░░████▓▓▒▒▒▒▓▓▒▒▒▒░░▒▒▒▒░░░░  ░░        
          ░░▒▒    ░░▒▒░░░░▒▒▒▒▒▒▒▒▓▓████▓▓▒▒░░░░░░░░  ▒▒████████████████████▒▒  ░░░░░░░░░░▓▓██████▓▓▒▒▒▒▒▒▒▒░░░░▒▒░░    ▒▒        
            ░░░░  ░░░░░░░░▒▒░░▓▓▓▓▓▓▓▓████▓▓▒▒░░░░░░░░░░░░████████████████░░░░░░░░░░░░░░▓▓██████▓▓▓▓▓▓▒▒░░▒▒░░░░  ░░  ░░░░        
              ░░  ░░  ░░░░▒▒▒▒▒▒▒▒▓▓▓▓▓▓████▓▓▒▒░░░░▒▒▒▒▓▓██▓▓████████▓▓▓▓▓▓▒▒▒▒░░░░░░▓▓████▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒░░░░  ░░  ░░          
              ▓▓░░░░    ░░▒▒▒▒░░▓▓▓▓▒▒▓▓████████▓▓▓▓▓▓▓▓████▓▓████████▓▓████▓▓▓▓▓▓▓▓▓▓████████▓▓▒▒▓▓▓▓░░▒▒▒▒░░    ░░░░▓▓          
              ▒▒      ░░░░░░▒▒▒▒▓▓▒▒░░▒▒▒▒██████▓▓▓▓▓▓▓▓▓▓░░▓▓████████▓▓░░▓▓▓▓▓▓▓▓▓▓██████▒▒▓▓▒▒░░▒▒▓▓▒▒▒▒░░░░░░      ▒▒          
                  ▒▒  ░░  ░░░░░░▒▒░░▒▒▓▓▓▓██▓▓████████▓▓▓▓▓▓▓▓████████▓▓▓▓▓▓▓▓████████▓▓██▓▓▓▓▒▒▓▓░░▒▒░░░░░░  ░░  ▒▒              
                    ▓▓░░  ▓▓░░░░░░▒▒▒▒▓▓▒▒▓▓▓▓██████████▓▓██▒▒░░░░░░░░▒▒▓▓▓▓██████████▓▓▓▓▒▒▒▒▓▓▒▒▒▒▒▒░░░░▓▓  ░░▓▓                
                    ▓▓░░░░▓▓░░░░░░▒▒▒▒░░▒▒▓▓████████████████▓▓▒▒░░░░░░▓▓████████████████▓▓▒▒░░░░▒▒▒▒▒▒  ░░▓▓░░░░██                
                    ▓▓░░░░▒▒░░▒▒▒▒░░▒▒▒▒▓▓▒▒▓▓▓▓██▓▓▓▓████████████████████████▓▓▓▓██▓▓▓▓▒▒▓▓▓▓▒▒▒▒░░▒▒░░▒▒▒▒░░░░▓▓                
                      ▓▓▒▒  ██░░▒▒  ▒▒▒▒▓▓▒▒▒▒▓▓▓▓▓▓▓▓▓▓████████████████████▓▓▓▓▓▓▓▓▓▓▒▒▒▒▓▓▓▓▒▒░░  ▒▒░░██  ▒▒▓▓                  
                      ▒▒    ██░░▒▒░░░░░░▒▒░░▒▒▒▒▓▓▓▓▓▓▓▓▓▓██▓▓▓▓██████▓▓██▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒░░░░░░▒▒░░██    ▓▓                  
                            ██▒▒░░▓▓░░  ▒▒▒▒▒▒▒▒▓▓▒▒▒▒▓▓██▓▓▓▓▓▓████▓▓▓▓▓▓██▓▓▒▒▒▒▓▓▒▒▒▒▒▒▒▒░░░░░░▓▓▒▒▒▒██                        
                            ▓▓  ░░▓▓░░░░░░▒▒░░▒▒▓▓▒▒▒▒▓▓▓▓▒▒▓▓██▓▓▒▒▓▓▓▓▒▒▓▓▓▓▒▒▒▒▓▓▒▒░░▒▒░░░░░░░░▒▒░░  ▓▓                        
                              ░░▒▒▒▒██  ░░░░░░▒▒▒▒▒▒▒▒▒▒▒▒░░▒▒▓▓▓▓▓▓▓▓▒▒░░▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░▓▓▒▒▒▒                            
                              ░░▒▒  ██░░  ░░░░▒▒░░  ▒▒░░▒▒▒▒▒▒▒▒▓▓▓▓▒▒▒▒▒▒▒▒░░▒▒░░░░▓▓░░░░  ▓▓▒▒▓▓  ▒▒                            
                                    ██░░  ░░  ▒▒░░░░░░░░░░░░▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░▓▓  ░░  ██░░██                                
                                      ▓▓░░░░░░▒▒░░  ░░▒▒░░░░▒▒░░▒▒▒▒░░▒▒░░░░▓▓░░  ░░░░▒▒░░  ░░▒▒                                  
                                      ░░▓▓░░▒▒░░    ░░▒▒░░░░░░░░░░▒▒░░░░░░░░░░▒▒    ░░▓▓░░▓▓  ░░                                  
                                        ░░░░▓▓▒▒░░  ░░░░░░  ░░░░░░░░░░░░  ░░░░▒▒  ░░░░▓▓░░░░                                      
                                          ██░░██░░  ░░▒▒    ▒▒░░    ░░▒▒    ▓▓░░  ░░██▒▒▒▒                                        
                                                ▓▓  ░░▒▒    ░░▒▒    ░░▒▒    ▓▓░░  ▓▓                                              
                                                  ░░░░▓▓░░  ░░▒▒    ▒▒▒▒  ░░▓▓▒▒░░                                                
                                                    ▒▒░░▓▓░░▓▓▓▓░░░░▓▓▓▓░░▓▓░░░░░░                                                
                                                          ██  ▒▒░░░░▓▓  ▓▓                                                        
                                                                ▓▓██                                                              
(ASCII wolf art source)
Usage:

Code: Select all

[nfo]ASCII art goes here[/nfo]

Blink // Fade

Applies a slow, rhythmic blink/fade in-and-out effect repeatedly. Useful for posts and signatures!

Example:
Type your text here.
Usage:

Code: Select all

[blink]Type your text here.[/blink]
[fade]Type your text here.[/fade]

Blur

Applies a blur effect to text.

Example: Type your text here.
Usage:

Code: Select all

[blur=color]Type your text here.[/blur]

Font Face

As the name would correctly imply, this BBcode allows you to use a different font style. Try to use user-friendly fonts such as those listed in the font menu; this works based on the fonts installed on your computer. Something someone else can't see may instead default to Times New Roman.

Example: Type your text here.
Usage:

Code: Select all

[font=Lucida Console]Type your text here.[/font]

Float
Image
Allows you to align text and media left or right, complete with text/media wrap. Variables allow for right and left alignment only, and this code forces text to wrap around media. Media can conflict and obstruct quote and code boxes, though it should not be too much of a problem if the images are relatively small! This code is not recommended for signature use. The alignment codes are a better alternative.

Example:
Usage:

Code: Select all

[float=right|left]Text or media goes here.[/float]

Glow

Applies a css shadow behind text.

Example: Type your text here.
Usage:

Code: Select all

[glow=color]Type your text here.[/glow]

Hidden & Hide

'Hidden' defines members-only content, preventing guests from being able to read anything without first registering and/or logging in.
Example:
Hidden Content
This board requires you to be registered and logged-in to view hidden content.
Usage:

Code: Select all

[hidden]Type your text here.[/hidden]
'Hide' hides all content behind <!-- --> HTML. Content will only be visible in the post editor or when quoting a post using this code.
Example:
Usage:

Code: Select all

[hide]Type your text here.[/hide]

Highlight

Applies a solid background colour behind text.

Example: Type your text here.
Usage:

Code: Select all

[highlight=color]Type your text here.[/highlight]

Horizontal Line Break // Divider

Places a horizontal line/divider in the post for any desired formatting purposes. While it is a fairly faint line, rest assured that it is there. ^^
There is no text input for this code.

Example:
Usage:

Code: Select all

[hr][/hr]

Shadow // Drop Shadow

Applies a shadow under text.

Examples: Type your text here.
Type your text here.
Usage:

Code: Select all

[shadow=color]Type your text here.[/shadow]
[dropshadow=color]Type your text here.[/dropshadow]

Superscript

Text is raised slightly and decreases in size. This code adjusts accordingly with the font BBcode.

Example: Type your text here.
Usage:

Code: Select all

[sup]Type your text here.[/sup]
[super]The old superseded superscript code.[/super]

Subscript

Text is lowered slightly and decreases in size.This code adjusts according with the font BBcode.

Example: Type your text here.
Usage:

Code: Select all

[sub]Type your text here.[/sub]

Marquee

Input scrolls endlessly to in one direction or slides until it halts on one side of the post. Direction is not fixed, therefore users may specify up, down, left or right, however speed has a predefined value. [scro­ll][/scro­ll] is an alternative code which only supports endless scrolling, not sliding.

Examples: This is scrolling marquee. It will continuously scroll left and loop.
This is scrolling marquee. It will continuously scroll right and loop.
This is scrolling marquee. It will continuously scroll up and loop.
This is scrolling marquee. It will continuously scroll down and loop.
This is sliding marquee. It will slide from the left side of the page and stop until the tab is refreshed.
This is sliding marquee. It will slide from the right side of the page and stop until the tab is refreshed.
This is sliding marquee. It will slide (or peek) upwards and stop until the tab is refreshed.
This is sliding marquee. It will slide (or peek) downwards and stop until the tab is refreshed.
This is alternating marquee. It will continuously bounce from left to right.
This is alternating marquee. It will continuously bounce from right to left.
Usage:

Code: Select all

[marquee=scroll|left]This is scrolling marquee. It will continuously scroll left and loop.[/marquee]
[marquee=scroll|right]This is scrolling marquee. It will continuously scroll right and loop.[/marquee]
[marquee=scroll|up]This is scrolling marquee. It will continuously scroll up and loop.[/marquee]
[marquee=scroll|down]This is scrolling marquee. It will continuously scroll down and loop.[/marquee]
[marquee=slide|left]This is sliding marquee. It will slide from the left side of the page and stop until the tab is refreshed.[/marquee]
[marquee=slide|right]This is sliding marquee. It will slide from the right side of the page and stop until the tab is refreshed.[/marquee]
[marquee=slide|up]This is sliding marquee. It will slide (or peek) upwards and stop until the tab is refreshed.[/marquee]
[marquee=slide|down]This is sliding marquee. It will slide (or peek) downwards and stop until the tab is refreshed.[/marquee]
[marquee=alternate|left]This is alternating marquee. It will continuously bounce from left to right.[/marquee]
[marquee=alternate|right]This is alternating marquee. It will continuously bounce from right to left.[/marquee]

Media

Multipurpose media code. Can be used to embed videos, images, and social media posts. Supported sites and usage. Please remember to abide by the Forum Guidelines when posting media. Disallowed for user signatures.

Example:
Usage:

Code: Select all

[media]http://example.com/images/picture.jpg[/media]
[media]http://example.com/images/video.mp4[/media]
[media]https://old.reddit.com/r/WolfQuestGame/comments/fb530r/aurora_borealis_in_wolfquest/[/media]

Mention

Allows members to tag, ping or mention someone by their username. The target user being tagged/pinged/mentioned will receive a notification generated by the board with a link to the post.

Example: @Necros
Usage:

Code: Select all

[mention]Username[/mention]
@Username
Note: If using (at)username, a dropdown menu will appear. You need to click the username of the matching recipient to autocomplete the mention for it to work!


Off-topic

Generates user's message in a message box.

Example:
Off Topic
Type your text here.
Usage:

Code: Select all

[offtopic]Type your text here.[/offtopic]

Strikethrough

Draws a line through the text.

Example: Type your text here.
Usage:

Code: Select all

[s]Type your text here.[/s]

Spoiler

Hides text in a click-to-reveal spoiler box.

Examples:
Spoiler
Show
Type your text here.
► Show Spoiler
Usage:

Code: Select all

[spoiler]Type your text here.[/spoiler]
[spoil]ABBC spoiler box. Type your text here.[/spoil]

Preformatted

Text ignores forced or fixed formatting imposed by the board software.

Example:
     my     spacing      cannot     be     tied     down     phpBB     !
Usage:

Code: Select all

[pre]Type your text here.[/pre]


Reverse

Simple just-for-fun code that reverses text input.

Example: Type your text here.
Usage:

Code: Select all

[reverse]Type your text here.[/reverse]

BBCodes Requiring Staff Consent


All codes under this section may not be used without first seeking consent from an administrator or moderator. Examples of their coding has not been included, so you will need to private message any active member from either of the named staff roles. The majority of these are trial codes. This list will also include forum-, usergroup- and/or topic-specific restrictions for each individual entry; using any codes outside of the designated forums or topics may warrant a warning and see your post or profile edited. Play nice.

Currently, @Neamara is monitoring these codes and may be private messaged for consent.


Resize

This code automatically resizes images to a user-defined value. This code may only be used within the following forums:
  • Pack Central
  • User Writings
  • Wild Canid User Writings
This code requires membership in at least one of following usergroups: IMG Tags.
This code is not permitted for use in user signatures.


Text-Over-Image

This code allows users to define an image with text overlaying it. This code may only be used within the following forums:
  • Pack Central
  • User Writings
  • Wild Canid User Writings
This code is only permitted within the following topics:
  • General Discussion
This code requires membership in at least one of the following usergroups: IMG Tags.
This code is not permitted for use in user signatures.

Staff-Only BBCodes


BBCodes in this section are locked to staff usergroups. Non-staff groups cannot use them.


Alert

Generates a moderator message box (or alert) to help make their message stand out.

Example:
 ! Message from: Username
Type your text here.
Usage:

Code: Select all

[mod=Username]Type your text here.[/mod]
Last edited by Neamara on Thu May 07, 2020 12:50 pm, edited 2 times in total.
Reason: Updated post.
Nothing interesting happens.

[
XBL] • [Switch SW-7220-7090-5161]
Avatar © LupinzPack

Locked

Return to “User Guides- The Forum”