Post by Admin on Aug 5, 2017 4:26:25 GMT -5
I am going to write this assuming you already know the basics, which can be found easily.
This is a guide specifically for the host of these boards Here
To start, note that Tables and Lists have default extra spaces
In order to rid of the extra spaces or enters, you have to make the bbcode all in one line.
Yes the code looks ugly and hard to distinguish.
I do not recommend first writing the code separated. It can get confusing and disorienting when you connect them after.
[/spoiler]
Spoiler tags are decently basic. However, our spoiler tags work a little differently than what you may be used to.
For example, you might be used to using just [spoiler][/spoiler] for standard spoilers. Then [spoiler=Title][/spoiler] to add a title to the spoiler. That is not exactly how it works on this site unfortunately and I am unsure how to change that.
If you use the plain spoiler code you get this:
But if you wish to add a title to the spoiler by adding =Title into the code, you will get no results.
Instead you add a title like this:
[spoiler]{Spoiler Title}hidden spoiler content[/spoiler]
What is cool about this though is that you can edit the style of the title! This is done by putting code around the title name inside the brackets, like so:
{[font color="000000"]Spoiler Title[/font]}
{[div align="center"]Spoiler Title[/div]}
However, you cannot add styles to the spoiler tag itself.
And, of course, like in any other forum you can put whatever you want into the hidden spoiler content.
As I mentioned before, I am going to assume you know the basics here. Meaning I am not going to be going over how tables and lists and such work. You can easily find that on any BBCode Guide.
There are two types of ways to style code. Some tags accept both, some only accept one, some don't accept any.
Style One What="Values"
Style Two style="What:Values;"
What- the element being styled
Values- the details on how it is going to be styled
These get placed after the main code, we'll call it the Who. If you notice, every code with a style has anchor that is repeated at the end as well while the style is on;y in the first part of the code after a space. Like so: [Who styles][/Who]
Reference Table
This is a guide specifically for the host of these boards Here
To start, note that Tables and Lists have default extra spaces
{Example}
[ul type="disc"] [li]List items[/li] [li]separated in BBCode[/li] [li]get extra enters[/li] [/ul] |
| ||||
[table][tbody][tr][td style="border:1px solid #000;"]This happens[/td][/tr][/tbody][/table] [table][tbody][tr][td style="border:1px solid #000;"]with[/td][td style="border:1px solid #000;"]separated[/td][/tr][/tbody][/table] [table][tbody][tr][td style="border:1px solid #000;"]tables too[/td][/tr][/tbody][/table] |
|
In order to rid of the extra spaces or enters, you have to make the bbcode all in one line.
{Example}
[ul type="disc"][li]Fix the[/li][li]extra space[/li][li]by connecting code[/li][/ul] |
| ||||
[table][tbody][tr][td style="border:1px solid #000;"]Connect[/td][/tr][/tbody][/table][table][tbody][tr][td style="border:1px solid #000;"]the[/td][td style="border:1px solid #000;"]code[/td][/tr][/tbody][/table][table][tbody][tr][td style="border:1px solid #000;"]of separate tables too[/td][/tr][/tbody][/table] |
|
Yes the code looks ugly and hard to distinguish.
I do not recommend first writing the code separated. It can get confusing and disorienting when you connect them after.
{Also, since our List codes are a bit different I will briefly go over how to make Sub List Items.}
As you may have noticed, you can only make one string of list items from the standard code.
The way around that is to create a new List inside a List to create Sub List Items. Like so:
[/li][/ul][/td][/tr][/tbody][/table]As you may have noticed, you can only make one string of list items from the standard code.
The way around that is to create a new List inside a List to create Sub List Items. Like so:
Enters are in the example so it can be read. [ul type="disc"] [li]List item 1[/li] [li]List item 2[/li] [ul type="circle"] [li]Sub List item 1[/li] [/ul] [li]List item 3[/li] [/ul] |
|
[/spoiler]
Spoilers Tags
Spoiler tags are decently basic. However, our spoiler tags work a little differently than what you may be used to.
For example, you might be used to using just [spoiler][/spoiler] for standard spoilers. Then [spoiler=Title][/spoiler] to add a title to the spoiler. That is not exactly how it works on this site unfortunately and I am unsure how to change that.
If you use the plain spoiler code you get this:
hidden spoiler content
But if you wish to add a title to the spoiler by adding =Title into the code, you will get no results.
Instead you add a title like this:
[spoiler]{Spoiler Title}hidden spoiler content[/spoiler]
{Spoiler Title}hidden spoiler content
What is cool about this though is that you can edit the style of the title! This is done by putting code around the title name inside the brackets, like so:
{[font color="000000"]Spoiler Title[/font]}
{Spoiler Title}hidden spoiler content
{[div align="center"]Spoiler Title[/div]}
{
Spoiler Title
}hidden spoiler contentHowever, you cannot add styles to the spoiler tag itself.
And, of course, like in any other forum you can put whatever you want into the hidden spoiler content.
Styles
As I mentioned before, I am going to assume you know the basics here. Meaning I am not going to be going over how tables and lists and such work. You can easily find that on any BBCode Guide.
There are two types of ways to style code. Some tags accept both, some only accept one, some don't accept any.
Style One What="Values"
Style Two style="What:Values;"
What- the element being styled
Values- the details on how it is going to be styled
These get placed after the main code, we'll call it the Who. If you notice, every code with a style has anchor that is repeated at the end as well while the style is on;y in the first part of the code after a space. Like so: [Who styles][/Who]
Reference Table
Who | Who' s Whats | What | What's Values |
[span] area immediately surrounding the content Style Two | Background Border Margin Padding | Background -color -image -repeat -position | #hex color url('png') repeat-x (horizontal) repeat-y (vertical) no-repeat top, right, bottom, left, center (combine them for x and y axis) |
[div] area inline with the content Style Two | Background Border Margin Padding Align | Border -top -right -bottom -left -color -width -radius -style | #hex color #px solid dotted dashed double groove ridge inset outset |
[font] the text itself Style One Style Two | Color Size Face | Margin space around content Padding space inside content -top -right -bottom -left | #px |
[table] the whole table [tr] a table row [td] a table cell Style Two | Background Border Margin Padding Align | Height/Width self explanatory Max/Min- the max/min a height/width can be | #px #% |
[video]/[img] Style One Style Two | Background Border Margin Padding Align Height/Width | ||
[a] Style Two | Color Size Face | ||