BBCode List

[Shadav]

Here is a list of some BBC that is not listed on the menu
*until I can figure out how to list them*

[Shadav]

You tag, you can use the you tag and it will display whoever's name is reading the post, Guest

Code: [Select]

[you]
*this is now added to the list*

[Shadav]

FancyPosts

catbar

Usage (1):

Code: [Select]

[catbar]Text here[/catbar]Adds text into a category bar used in the forum.

Usage (2):

Code: [Select]

[catbar=http://my.icon.com/icon.png]Text here[/catbar]Adds an icon AND text into a category bar.

Usage (3):

Code: [Select]

[catbar icon=http://blah.com/icon.png width=50%]Text here[/catbar]Adds an icon and text in a category bar, but also specifies the width in percentage.
(both parameters are optional)

Usage (4):

Code: [Select]

[catbar icon=http://blah.com/icon.png width=100px]Text here[/catbar]Adds an icon and text in a category bar, but also specifies the width in pixels.
(both parameters are optional)


titlebar
Usage: Same as catbar. Only difference is style.


info

Usage:

Code: [Select]

[info][b]Pdonkeyd content here![/b] More text here[/info]Adds an information box into the post. Content IS pdonkeyd.


warn

Usage (1):

Code: [Select]

[warn]Warning here! [b]Pdonkeyd text here![/b][/warn]Adds a warning-style box.

Usage (2):

Code: [Select]

[warn=Warning TITLE here!]Warning DESCRIPTION here![/warn]Again adds a warning-style box. This time with title and description.


plainbox

Usage:

Code: [Select]

[plainbox]Content here[/plainbox]Adds a box.


roundframe

Usage:

Code: [Select]

[roundframe]Content here[/roundframe]Adds a rounded frame.


windowbg

Usage:

Code: [Select]

[windowbg]Content here[/windowbg]Adds a different background.
This tag is qualified for restyling


menu and button

Usage:

Code: [Select]

[menu][button active=true url=http://my.url/]Button title[/button][/menu]or:

Code: [Select]

[menu][button=http://my.url]Inactive button title[/button][/menu]Adds a menu bar into the post.


buttonlist and button

Usage:

Code: [Select]

[buttonlist][button active=true url=http://my.url/]Button title[/button][/buttonlist]or:

Code: [Select]

[buttonlist][button=http://my.url]Inactive button title[/button][/buttonlist]
Adds a more button-ish like bar.


width

Usage (1):

Code: [Select]

[width=25%]This is only able to use 25% of the post room[/width]Usage (2):

Code: [Select]

[width=25px]This is only able to use 25 pixels of the post room[/width]
example:

Code: [Select]

[catbar icon=http://blah.com/icon.jpg width=50%]Test[/catbar]

UNTESTED (might not work): Anchor

Code: [Select]

[abutton=Anchor]Name[/abutton]or

Code: [Select]

[abutton active=true a=Anchor]Name[/abutton]

Code: [Select]

[button=#anchor]

Code: [Select]

[anchor=#anchor]

[Shadav]

while this is add to the bbc list, it could use some explaining

usage
*since this is coded to be used inside quotes and things I can not show the usage as I usually do in the code tag
so well without spaces
[ nb ]footnote info goes here[/ nb ]

So in your text you would add the footnote with the above code and it'll show at the bottom[1], you do not wrap the code around your text, only what you want to show for the footnote[2]

1.	this is a footnote
2.	this will be nice for references in posts

[Shadav]

While this is added to the bbc list, it needs a little explanation

you can add font awesome icons in posts
you can search their library for icons : Font Awesome

on their site you will see a code

Code: [Select]

<i class="fas fa-kaaba"></i>you will want just the inside part
so delete the

Code: [Select]

<i class="keep the

Code: [Select]

fas fa-kaabaand delete the

Code: [Select]

"></i>
there are two buttons in the formatting list

(eventually I will make these two look different)
the first one says "Insert Font Aweasome BBC" this is the button most will use
it will input

Code: [Select]

[fa][/fa]into the post, now the above part that you kept you will add between those tags

Code: [Select]

[fa]fas fa-kaaba[/fa]
and there you go

here's a few other examples

Code: [Select]

[fa]fab fa-facebook-f[/fa]

Code: [Select]

[fa]far fa-keyboard[/fa]

now the second button will say "Insert Layered Font Aweasome BBC"
you can layer icons and color them
this one is a bit more tricky
when you click on the button it will insert into the post

Code: [Select]

[fasi][/fasi]just as above you would put the part that you kept between the tags
however to layer it with another icon and to color it you need to change the tag a bit by adding a= b= c=

Code: [Select]

[fasi a=fas fa-stop b=white c=red]fas fa-kaaba[/fasi]
so a is the background icon
b is the background color
c is the foreground color
and the icon between the [fasi] tags is the foreground icon

you can have some fun making your posts and articles stand out