BBCode Masterpost

Helpful guides and useful links for roleplayers both old and new!
User avatar
Reyn
BBCode Guru
Posts: 2581
Joined: Sun Jan 22, 2017 10:59 pm
Location: DAIUCHUU☆STAGE
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 393 times
*
[attachment=0]att.PNG[/attachment]

*

[youtube]XMIXArF5sSU[/youtube]
*
[youtube]XMIXArF5sSU[/youtube]

THIS ONE DOESN'T WORK


*

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

*

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]

*

[spoiler2=#FFDFDF,#d65583,Castellar,"Spoiler2"]Advanced spoiler text. You can change the colour of the box and the font and the text colour and everything.[/spoiler2]
*
[spoiler2=#FFDFDF,#d65583,Castellar,"Spoiler2"]Advanced spoiler text.[/spoiler2]

THIS ONE DOESN'T WORK


*

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!

*
[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 Sun Aug 12, 2018 12:04 pm, edited 10 times in total.
Image
BBCode Guide | BBCode Templates | Art Thread | Test House
Yes, my posts look broken on mobile.

User avatar
Wint
Member+
Posts: 2244
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
“It’s not the size of your brain that matters, it’s whether or not you can set things on fire with it” ~ A wise philosopher

User avatar
Reyn
BBCode Guru
Posts: 2581
Joined: Sun Jan 22, 2017 10:59 pm
Location: DAIUCHUU☆STAGE
Contact:

Re: BBCode Masterpost

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

UPDATE: Added explanation for the [div] tag!
Image
BBCode Guide | BBCode Templates | Art Thread | Test House
Yes, my posts look broken on mobile.

User avatar
Reyn
BBCode Guru
Posts: 2581
Joined: Sun Jan 22, 2017 10:59 pm
Location: DAIUCHUU☆STAGE
Contact:

Re: BBCode Masterpost

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

UPDATE: Added Spoiler3 and FSpoiler!
Image
BBCode Guide | BBCode Templates | Art Thread | Test House
Yes, my posts look broken on mobile.

User avatar
Annasiel
Administrator
Posts: 4038
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
Swollen with a mantra that I've stolen from a thief.

User avatar
Reyn
BBCode Guru
Posts: 2581
Joined: Sun Jan 22, 2017 10:59 pm
Location: DAIUCHUU☆STAGE
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
Image
BBCode Guide | BBCode Templates | Art Thread | Test House
Yes, my posts look broken on mobile.

User avatar
Wint
Member+
Posts: 2244
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
“It’s not the size of your brain that matters, it’s whether or not you can set things on fire with it” ~ A wise philosopher

User avatar
ButteryPancake
Meaningless Title
Posts: 1013
Joined: Sun Jan 22, 2017 11:14 pm
Gender: Both
Location: The Axiom
Contact:

Re: BBCode Masterpost

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

Spoiler 2 doesn't work for me.
Should you be lucky enough to balance the correct number of murdered babies with adequate hours of volunteer service at children's cancer hospitals, you'll end up Neutral.

User avatar
Reyn
BBCode Guru
Posts: 2581
Joined: Sun Jan 22, 2017 10:59 pm
Location: DAIUCHUU☆STAGE
Contact:

Re: BBCode Masterpost

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

Broke for me too...
Image
BBCode Guide | BBCode Templates | Art Thread | Test House
Yes, my posts look broken on mobile.

User avatar
Reyn
BBCode Guru
Posts: 2581
Joined: Sun Jan 22, 2017 10:59 pm
Location: DAIUCHUU☆STAGE
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!
Image
BBCode Guide | BBCode Templates | Art Thread | Test House
Yes, my posts look broken on mobile.

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest