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.
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: 5887
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

BBCode refers to the safe implementation of HTML most commonly used by the majority of forum solutions.

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

BBcodes hard-coded into phpBB.


Bold

Font weight is applied to the displayed text. BBCode icon: Image

Example: Type your text here.
Usage:

Code: Select all

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

Italic

Displayed text is slanted to the right. BBCode icon: Image

Example: Type your text here.
Usage:

Code: Select all

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

Underline

A line is drawn underneath the displayed text. BBCode icon: Image

Example: Type your text here.
Usage:

Code: Select all

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

Font size

Increases or reduces displayed text. Does not affect images or other forms of media. BBCode dropdown menu: Image

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

Code: Select all

[size=85]Small. Type your text here.[/size]
[size=150]Large. Type your text here.[/size]

Quote

Displays a post from another user in a quote message box. BBCode icon: Image

Examples:
Type your text here.
Username wrote:Quote with username. Type your text here.
Username wrote: Quote with a link to this post. Type your text here.
Username wrote:
Wed Dec 31, 1969 6:00 pm
Quote with a timestamp. Type your text here.
Username wrote:Quote with an associated UserID. (Anonymous account.) Type your text here.
Username wrote:
Wed Dec 31, 1969 6:00 pm
Quote with all previous variables combined. Type your text here.
Usage:

Code: Select all

[quote]Type your text here.[/quote]
[quote="Username"]Username. Type your text here.[/quote]
[quote=Username post_id=0]Post link. Type your text here.[/quote]
[quote=Username time=0]Timestamp. Type your text here.[/quote]
[quote=Username user_id=1]User link. Type your text here.[/quote][
[quote=Username post_id=0 time=0 user_id=1]All variables. Type your text here.[/quote]

Notes: By default, quoting a user post will attach username, post_id, time and user_id. Variables can be combined and used together or trimmed back, but post_id, time and user_id must be associated with a username to work.
  1. username on its own must be wrapped in quotation marks, as shown in the second example.
  2. post_id links shown in the third example are acquired through permalinks. (Click the subject ("subject of the topic/post" or "Re: subject of the topic/post") or the page icon to the left side of "by <Username>", then copy the numbers displayed after either "p=" or "p" in your browser's address bar. E.g., to link to this post, I'd copy ONE of the highlighted numbers: viewtopic.php?p=2407882#p2407882.) The upwards-pointing arrow ↑ behaves as a linkback to the quoted post, or to any other sourced post.
  3. user_id will link the username to the specified ID and generates a notification telling that user they have been quoted. To find a user_id, search the memberlist, click their profile, copy the numbers after "u=". E.g., u=1 references the default "anonymous" user handle responsible for storing leftover "guest" posts from deleted accounts. As a system account, it has no profile to view.
  4. Every timestamp in phpBB is displayed in Unix format.

Code

Displays text, BBcode, and media in a code box, allowing for easy copy-pasting and demonstration of layout, code use, etc. BBCode icon: Image

Example:

Code: Select all

Type your text here.
Usage:

Code: Select all

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


Color

Applies a color tio displayed text. BBCode icon: Image

Example: Type your text here.
Usage:

Code: Select all

[color=color]Type your text here.[/color]
[color=#hex]Type your text here.[/color]
Notes: Opacity can be defined in hex-only. E.g., color=#0000ff50 displays blue text at 50% opacity. Full transparency can be applied using color=transparent.
Please be considerate of your fellow community-goers' eyes and keep style colour schemes in mind when choosing a colour for your text!


Image

Embeds a direct image into the post. BBCode icon: Image

Usage: Image
Example:

Code: Select all

[img]http://example.com/images/picture.jpg[/img]
This code requires membership in at least one of the following usergroups: Image & Media Tags.
This code is disallowed in user signatures. Forum Guidelines apply.


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. BBCode icon: Image

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. BBCode icons: Image and Image
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 variation of the 'list' BBCode. See the previous entry for valid bullet flags. BBCode icons: Image and Image

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. BBCode icon: Image
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.
These codes do not appear in the BBCode bar displayed on the posting page.

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


BBVideo

Code supporting multiple video hosting services. Clicking this code's icon on the posting page will list available options. BBCode icon: Image

Examples:

Usage:

Code: Select all

[bbvideo]paste a valid video url[/bbvideo]
This code is not usergroup-restricted.


Blink // Fade

Applies a slow, rhythmic blink/fade in-and-out effect repeatedly. Useful for posts and signatures! BBCode icon: Image
'Blink' code does not appear in the BBCode bar displayed on the posting page.

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. BBCode icon: Image

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. BBCode dropdown menu: Image

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 does not appear in the BBCode bar displayed on the posting page.

This code is not recommended for signature use. The alignment codes are a far better alternative.

Example: The WQ2.5 wolf badge is the demonstration.
Usage:

Code: Select all

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

Glow

Applies a css shadow behind text. BBCode icon: Image

Example: Type your text here.
Usage:

Code: Select all

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

Hidden & Hide

'Hidden' defines registered users-only content, preventing guests from being able to read anything without first registering and/or logging in. BBCode icon: Image
'Hide' code does not appear in the BBCode bar displayed on the posting page.

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 between its tags. Content will only be visible in the post editor, when quoting a post, or via any modern browser's inspect or view source feature.

Example:
Usage:

Code: Select all

[hide]Type your text here.[/hide]
These codes do not appear in the BBCode bar displayed on the posting page.


Highlight

Applies a solid background colour behind text. BBCode icon: Image

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. BBCode icon: Image

Example:
Usage:

Code: Select all

[hr][/hr]

Shadow Text & Drop Shadow

Applies a shadow under text. BBCode icons: Image and Image

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]

Resize Image

This code automatically resizes images to a user-defined value. Please don't stretch pages, and keep the dimensions at a reasonable width. Forum Guidelines apply. (Best values are 1024, 800, 640, or 480. Be considerate of mobile & tablet users.)

Example:
Usage:

Code: Select all

[url=Full Size URL][rimg=640]Direct Image URL[/rimg][/url]
This code may only be used within the following forums:
  • Pack Central
  • Wolf Artwork
  • Wolf Writings
  • Wild Canid User Writings
This code requires membership in at least one of the following usergroups: Image & Media Tags.
This code is not permitted for use in user signatures.


Superscript

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

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 to the font BBcode. BBCode icon: Image

Example: Type your text here.
Usage:

Code: Select all

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

Marquee

Input scrolls endlessly 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. BBCode icons: Image (old, multi-directional) and Image (ABBC3)

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. BBCode icon: Image

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]
This code requires membership in at least one of the following usergroups: Image & Media Tags.
This code is disallowed for user signatures.


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.
This code does not appear in the BBCode bar displayed on the posting page.

Example: @Noomshroom
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!


NFO

Allows users to create/paste and post ASCII art correctly. BBCode icon: Image

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

Code: Select all

[nfo]ASCII art goes here[/nfo]
This code is not usergroup-restricted.
This code is not permitted for use in user signatures.


Off-topic

Generates user's message in a message box. BBCode icon: Image

Example:
Off Topic
Type your text here.
Usage:

Code: Select all

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

Strike-through

Draws a line through the text. BBCode icon: Image

Example: Type your text here.
Usage:

Code: Select all

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

Soundcloud

Supports a Soundcloud embed. Works independently from Media . BBCode icon: Image

Example:
Usage:

Code: Select all

[soundcloud]https://soundcloud.com/username/song[/soundcloud]
This code does not require Image & Media Tags usergroup membership.


[anchor]spoiler[/anchor][anchor]spoil[/anchor][u]Spoiler[/u]

Hides text in a click-to-reveal spoiler box. BBCode icons: [img]https://i.imgur.com/Y9IvT0f.png[/img] (dark mode) and [img]https://i.imgur.com/yjr4H0q.png[/img]

Examples: [spoiler]Type your text here.[/spoiler]
[spoil]Advanced BBCode spoiler box.[/spoil]
Usage: [code][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. BBCode icon: Image

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

Code: Select all

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

Reverse // Text direction

Simple just-for-fun code that reverses text input. "Text direction" is the ABBC3 implementation.
BBCode icon: Image
'Reverse' code does not appear in the BBCode bar displayed on the posting page.

Example: Type your text here.
Left to right. Type your text here.
Right-to-left. Type your text here.
Usage:

Code: Select all

[reverse]Type your text here.[/reverse]
[dir=ltr]Left to right. Type your text here.[/dir]
[dir=rtl]Right-to-left. Type your text here.[/dir]

Table

Inserts a customizable table into the post. Clicking this code's icon on the posting page will display example usage. BBCode icon: Image

Example: I can't seem to get this working.
Usage: To-do when I've figured it out.


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 have not been included, so you will need to private message any active member from either of the named staff roles. 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, and access to the code(s) revoked. Play nice.

Currently, @Neamara can be messaged for consent. Active members of staff are monitoring the use of these codes.


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: Image & Media Tags.
This code is not permitted for use in user signatures.


Staff-Only BBCodes


BBCodes in this section are locked to staff usergroups. Examples are provided, but be aware that non-staff usergroups cannot use them.


Alert

Generates a moderator message box (or alert) to help make staff messages stand out. BBCode icon: Image

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

Code: Select all

[mod=Username]Type your text here.[/mod]
Last edited by Neamara on Fri Jan 08, 2021 11:01 pm, edited 4 times in total.
Nothing interesting happens.
[XBL] • [Switch SW-7220-7090-5161]

WQ Wiki WQ Discord WQ Reddit
Avatar © Dieselpvnk

Locked