erei
23rd April 2014, 04:56 AM
- BULLETIN BOARD CODE TUTORIAL -
(note: not everything is mentioned here, only the most commonly used features or extremely advantaged features)
Index,
Basic
Switching editing mode
Removing formats
Selecting colours of content
Links
Advanced
Tables
Unlisted
Spoilers
- BASIC -
Switching Editing Mode;
To switch to a much easier editing mode simply click this button: 7540; this is the first button on the left. What will this editing mode allow you to do? It'll allow you to preview whilst you're editing like so (note: using [ HTML][/HTML] tags in this editing mode will bug (to fix this simply switch editing mode and use
in raw mode, you can also copy and paste formatted content from posts and copy it into a reply in this editing mode, keeping the same format);
http://i.imgur.com/u4HnLqo.png
Removing Formats;
Want a quick way of removing formats? Highlight the formatted content and press this button; second top button to the left: 7542
Selecting Colours of Content;
There's a simple button to select regular used colours. But what if you want your custom colour? This can be done by doing the following:
1) Press the black arrow (the A would apply the current selected colour to highlighted text, when clicked): 7543
2) You'll see a colour picker box pop up:
7544
3) Select 'More Colors. . .'
4) You'll see the following pop up (note: you can click the white box under the selected colour and select your custom HEX colour codes by clicking here (http://www.w3schools.com/tags/ref_colorpicker.asp))
7545
Links;
1) To insert links, click the following button: http://i.imgur.com/jlnHKSo.png
2) You'll see the following pop up:
http://i.imgur.com/LnAwsqW.png
3) Enter a URL link (note: to replace the www. (http://www.)[website].[...] with a 'click here' or other text highlight the text then click the button mentioned in step 1).
- ADVANCED -
The following procedures are advanced - which contain more stages and steps to accomplish,
Tables;
http://i.imgur.com/UpnXRXF.png
First button to the left;
The first button creates the table and will bring up the following;
http://i.imgur.com/dlbHBdF.png
You can select the rows, columns, width (generally 700-750px for entire width of post), what borders are displayed and also alignments. Table content can be formatted, which is what makes tables one of my favourite tool - borders can be hidden so we can arrange data better.
Second Button:
The second button will bring up the same menu you got when creating the table, you must click on the table - as if you were to type content within it, to bring up the menu.
Third Button:
The third button will delete the table when it's selected.
Remaining Buttons:
The remaining buttons can: delete rows, add rows, delete columns, add columns. Hover over the buttons and they'll tell you what they're used for!
- UNLISTED -
Unlisted features, there's only one that's commonly used. This is:
Test content
To use this simply apply the following tags;
[HTML]Put your content here!
What advantage does this have? Using this function will allow you to exceed the forum character limits, such as the 1000 character limit to private message people, as long as if it's placed within the tag(s).
By Jacob.
Note: Just a before bed-time thing, also so I can refer here when pointing functions out when people ask (like in the past). Will add more later.
(note: not everything is mentioned here, only the most commonly used features or extremely advantaged features)
Index,
Basic
Switching editing mode
Removing formats
Selecting colours of content
Links
Advanced
Tables
Unlisted
Spoilers
- BASIC -
Switching Editing Mode;
To switch to a much easier editing mode simply click this button: 7540; this is the first button on the left. What will this editing mode allow you to do? It'll allow you to preview whilst you're editing like so (note: using [ HTML][/HTML] tags in this editing mode will bug (to fix this simply switch editing mode and use
in raw mode, you can also copy and paste formatted content from posts and copy it into a reply in this editing mode, keeping the same format);
http://i.imgur.com/u4HnLqo.png
Removing Formats;
Want a quick way of removing formats? Highlight the formatted content and press this button; second top button to the left: 7542
Selecting Colours of Content;
There's a simple button to select regular used colours. But what if you want your custom colour? This can be done by doing the following:
1) Press the black arrow (the A would apply the current selected colour to highlighted text, when clicked): 7543
2) You'll see a colour picker box pop up:
7544
3) Select 'More Colors. . .'
4) You'll see the following pop up (note: you can click the white box under the selected colour and select your custom HEX colour codes by clicking here (http://www.w3schools.com/tags/ref_colorpicker.asp))
7545
Links;
1) To insert links, click the following button: http://i.imgur.com/jlnHKSo.png
2) You'll see the following pop up:
http://i.imgur.com/LnAwsqW.png
3) Enter a URL link (note: to replace the www. (http://www.)[website].[...] with a 'click here' or other text highlight the text then click the button mentioned in step 1).
- ADVANCED -
The following procedures are advanced - which contain more stages and steps to accomplish,
Tables;
http://i.imgur.com/UpnXRXF.png
First button to the left;
The first button creates the table and will bring up the following;
http://i.imgur.com/dlbHBdF.png
You can select the rows, columns, width (generally 700-750px for entire width of post), what borders are displayed and also alignments. Table content can be formatted, which is what makes tables one of my favourite tool - borders can be hidden so we can arrange data better.
Second Button:
The second button will bring up the same menu you got when creating the table, you must click on the table - as if you were to type content within it, to bring up the menu.
Third Button:
The third button will delete the table when it's selected.
Remaining Buttons:
The remaining buttons can: delete rows, add rows, delete columns, add columns. Hover over the buttons and they'll tell you what they're used for!
- UNLISTED -
Unlisted features, there's only one that's commonly used. This is:
Test content
To use this simply apply the following tags;
[HTML]Put your content here!
What advantage does this have? Using this function will allow you to exceed the forum character limits, such as the 1000 character limit to private message people, as long as if it's placed within the tag(s).
By Jacob.
Note: Just a before bed-time thing, also so I can refer here when pointing functions out when people ask (like in the past). Will add more later.