BBCode Masterpost

Helpful guides and useful links for roleplayers both old and new!
User avatar
Reyn
Community Mod
Posts: 3472
Joined: Sun Jan 22, 2017 10:59 pm
Location: The Realm of the Forms
Contact:

BBCode Masterpost

Post by Reyn » Sat Jul 21, 2018 11:43 pm


Bold Text
*
[b]Bold Text[/b]

*

Italic Text
*
[i]Italic Text[/i]

*

Strikethrough Text
*
[s]Strikethrough Text[/s]

*

Highlighted Text
*
[highlight=#FFFF00]Highlighted Text[/highlight]

*

Tagged text (tags are invisible in the actual post, but visible in the editor)
*
[tag="TagExample"]Tagged text (tags are invisible in the actual post, but visible in the editor)[/tag]

*

Big Text
*
[size=200]Big Text[/size]

*

Baby Text
*
[size=50]Baby Text[/size]

*

Coloured Text
*
[color=#FF0000]Coloured Text[/color]

*

Left Align Text
*
[align=left]Left Align Text[/align]

*

Right Align Text
*
[align=right]Right Align Text[/align]

*

Center Align Text
*
[align=center]Center Align Text[/align]

*

Text in a different font (this one is perfect for serious posts)
*
[font=Comic Sans MS]Text in a different font.[/font]

*

Text with different opacity
*
[opacity=50]Text with different opacity[/opacity]

*

Text that GLOWS!
You can also combine this with coloured text!
*
[glow=#ff0080]Text that GLOWS!
[color=#000000]You can also combine this with coloured text![/color][/glow]


*

Text with a dropshadow
*
[dropshadow=#ff0080]Text with a dropshadow[/dropshadow]

*

You need an eye test.
*
[blur=black]Blurred text[/blur]

*

Subscript
*
[sub]Sub[/sub]script

*

Superscript
*
[super]Super[/super]script

*

Secret invisible text
*
[color=transparent]Secret invisible text[/color]

*

Indent for your text
*
[tab=50]Indent for your text[/tab]

*

Marquee text: text that moves across the screen. It doesn't work inside spoilers, but trust me. It works.
*
[marquee]Marquee text.[/marquee]

* *
[url=https://www.youtube.com/watch?v=h01ONDD-QB0]Link Text[/url]

* *
[url=#TagExample]You can use the URL code to link people to tagged points.[/url]

*

Reyn wrote:Text Someone Else Said
*
[quote=Reyn]Text Someone Else Said[/quote]

*

Code: Select all

Hackerman Text (doesn't parse BBCode like [b]this[/b])
*
[code]Hackerman Text[/code]

*

Also doesn't parse [s]BBCode[/s]
*
[c]Code[/c]

*

  • Text In A List
  • More Text In A List
*
[list]Text In A List
[*]More Text In A List[/list]


*

  1. Text In A Numbered List
  2. More Text In A Numbered List
*
[list=1]Text In A Numbered List
[*]More Text In A Numbered List[/list]


*

Image
*
[img]http://i67.tinypic.com/ipnwut.jpg[/img]

*

att.PNG
att.PNG (5.25 KiB) Viewed 966 times
*
[attachment=0]att.PNG[/attachment]

*

*
[mp3]https://d1490khl9dq1ow.cloudfront.net/sfx/mp3preview/laugh-track-3_fyWRzaNd.mp3[/mp3]

*

*
[YouTube=XUV863a1Lok][/YouTube]

*

Box
*
[box=#FF0080]Box[/box]

*

Box 2 (You can change the border with this one)
*
[box2= color=#00FF88 border=transparent]Box 2[/box2]

*

Gradient Box RGBA (Basic directions are "to top" for a vertical gradient and "to right" for a horizontal one)
*
[gradbox d=to right b=transparent c=rgba(255,223,223,0.8), rgba(160,49,86,0.8)]Gradient Box RGBA[/gradbox]

*

Gradient Box Words (It only works with RGBA or colour names. Hex values are incompatible. You can put as many colours in as you want.)
*
[gradbox d=to top b=black c=orange, yellow, green]Gradient Box Words[/gradbox]

*

This is an imgbox. There is an image as the background of this.
*
[imgbox=http://i68.tinypic.com/205sj77.jpg]This is an imgbox. There is an image as the background of this.[/imgbox]

*


Spoiler text
*
[spoiler="Spoiler"][spoiler="Spoiler"]Spoiler text[/spoiler][/spoiler]

*


You can edit the colours and font etc.
*
[spoiler2=blue,yellow,castellar,"SPOILER 2"]You can edit the colours and font etc.[/spoiler2]

*

Columns of text
Boxes work in these
Specifically, 2 columns of text.

Spoilers also work in these
*
[column][col]Columns of text[box=yellow]Boxes work in these[/box][/col][col]Specifically, 2 columns of text.[spoiler="And guess what"]Spoilers also work in these[/spoiler][/col][/column]

*

Float Text
Image
(Doesn't play nice with boxes or spoilers, but wraps normal text around it nicely. Use with caution. Lorem ipsum not included in code, for the sake of space and convenience.)
Lorem ipsum dolor sit amet consectetur adipiscing, elit porttitor ut sodales mauris aenean, primis nec dis per natoque. Primis laoreet pulvinar tempus senectus sociis pretium vehicula inceptos leo, malesuada eros nibh augue fringilla hendrerit et mattis pharetra, cum egestas in penatibus parturient imperdiet erat commodo. Placerat risus nam eros imperdiet faucibus vitae aptent accumsan, quisque massa laoreet ac est sem tellus, mattis curae vulputate egestas leo sociosqu eleifend.
Justo semper nulla enim eleifend tempor aenean integer pretium ultrices, mollis dis aliquet mi ornare pellentesque himenaeos diam potenti, neque vestibulum cursus dapibus commodo vivamus sociosqu in. Odio magnis nec non auctor dis magna eget vulputate, consequat faucibus tempus sed sem litora quam aliquam placerat, natoque eleifend ac metus per purus enim. Netus penatibus suscipit sem bibendum facilisi sed vulputate, montes inceptos curabitur cum nibh euismod, curae nunc rhoncus potenti parturient tellus.
*
[float=right]Float Text
[IMG]http://i64.tinypic.com/19phf8.png[/IMG][/float]


*

Image
Adjusts the amount of space text and images take up.
*
[width=40][img]http://i67.tinypic.com/ipnwut.jpg[/img]
Adjusts the amount of space text and images take up.[/width]


*

*
[comment]Only visible in the post editor.[/comment]

*

Line
Broken
*
[hr][/hr]

*

Div blocks allow you to change all of the formatting in pretty much every way possible (text colour, border colour/type/weight, font, background colour, width, float, display type etc.).
It also works with other things

spoilers
and boxes
Guess what? It works with columns too. It works with pretty much everything, so go experiment with this!
You can also set the background to an image and have several div blocks next to each other. Neat!

Use THIS guide if you want more detail on div things.
*
[div="color:black;border:3px black dashed;font-family:arial;background-color:#FF6696;display:inline-block;float:left;width:70%;"]Text here.[/div][div="color:yellow;border:2px black solid;font-family:courier;background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/SOUND_VOLTEX_Controls.JPG/220px-SOUND_VOLTEX_Controls.JPG);display:inline-block;float:right;width:28%;"]Wow![/div]

*

This is a TABLE You can put text here And it makes it into a table
The width of each column is determined by how much you type in it so don't be surprised if it doesn't work
with shorter entries [td]text here[/td] makes a new column [tr]text here[/tr] makes a new row
*
[table]
[tr][td]Row 1 Column [/td]
[td]Row 1 Column 2[/td]
[td]Row 1 Column 3[/td][/tr]
[tr][td]Row 2 Column 1[/td]
[td]Row 2 Column 2[/td]
[td]Row 2 Column 3 (etc.)[/td][/tr][/table]
Last edited by Reyn on Thu Sep 06, 2018 10:48 pm, edited 17 times in total.

User avatar
Wint
Member+
Posts: 2807
Joined: Mon Jan 23, 2017 5:07 am
Gender: Eldritch Abomination
Location: Where my hope lies.
Contact:

Re: BBCode Masterpost

Post by Wint » Sun Jul 22, 2018 12:52 pm

Fork yeah bby
“Sticks and stones may break my bones, but words are merely the smallest element of language capable of containing meaning in isolation, and as such could never directly produce the 4000 Newtons of force per square centimeter required to break bones.” - Michael Stevens

User avatar
Reyn
Community Mod
Posts: 3472
Joined: Sun Jan 22, 2017 10:59 pm
Location: The Realm of the Forms
Contact:

Re: BBCode Masterpost

Post by Reyn » Wed Aug 01, 2018 12:03 pm

UPDATE: Added explanation for the [div] tag!

User avatar
Reyn
Community Mod
Posts: 3472
Joined: Sun Jan 22, 2017 10:59 pm
Location: The Realm of the Forms
Contact:

Re: BBCode Masterpost

Post by Reyn » Wed Aug 01, 2018 5:43 pm

UPDATE: Added Spoiler3 and FSpoiler!

User avatar
Annasiel
Administrator
Posts: 4640
Joined: Mon Jan 23, 2017 6:40 am
Gender: Female
Location: Somewhere grey and full of ghosts.
Contact:

Re: BBCode Masterpost

Post by Annasiel » Wed Aug 01, 2018 5:56 pm

NO DON'T THEY'RE NOT FUNCTIONAL
Alone she drifts from ancient mists
Nary a candle, nary a wish
But in the wont of wandering paths
Through wooded knolls, and windworn crags
She seeks a face she thought as friend
But now -- she thinks as judgement's end

User avatar
Reyn
Community Mod
Posts: 3472
Joined: Sun Jan 22, 2017 10:59 pm
Location: The Realm of the Forms
Contact:

Re: BBCode Masterpost

Post by Reyn » Wed Aug 01, 2018 6:38 pm

removed them :3

they worked alright for me, except spoiler 3 was a little odd

User avatar
Wint
Member+
Posts: 2807
Joined: Mon Jan 23, 2017 5:07 am
Gender: Eldritch Abomination
Location: Where my hope lies.
Contact:

Re: BBCode Masterpost

Post by Wint » Wed Aug 01, 2018 6:49 pm

Jfc so many variations :0
“Sticks and stones may break my bones, but words are merely the smallest element of language capable of containing meaning in isolation, and as such could never directly produce the 4000 Newtons of force per square centimeter required to break bones.” - Michael Stevens

User avatar
Andromeda Infinity
Meaningless Title
Posts: 1081
Joined: Sun Jan 22, 2017 11:14 pm
Gender: Both
Location: The Hospital
Contact:

Re: BBCode Masterpost

Post by Andromeda Infinity » Wed Aug 01, 2018 8:43 pm

Spoiler 2 doesn't work for me.
"Swallowed hook, line, sinker and copy of angling times." - All of you

User avatar
Reyn
Community Mod
Posts: 3472
Joined: Sun Jan 22, 2017 10:59 pm
Location: The Realm of the Forms
Contact:

Re: BBCode Masterpost

Post by Reyn » Wed Aug 01, 2018 9:27 pm

Broke for me too...

User avatar
Reyn
Community Mod
Posts: 3472
Joined: Sun Jan 22, 2017 10:59 pm
Location: The Realm of the Forms
Contact:

Re: BBCode Masterpost

Post by Reyn » Sun Aug 05, 2018 9:39 pm

UPDATE: Put a 'DOESN'T WORK' sign by Spoiler2 and YouTube, since they don't work and I'm not yet sure if they're gonna be permanently removed.

On a lighter note, I added examples for Glow, Dropshadow, and Blur!

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest