Post
Topic
Board Meta
Merits 136 from 51 users
[LEARN] BBCode Lessons & Tutorials [+tutorial videos!]
by
roslinpl
on 24/12/2016, 04:53:17 UTC
⭐ Merited by zazarb (10) ,suchmoon (10) ,bones261 (10) ,Cyrus (10) ,malevolent (6) ,LoyceV (6) ,julerz12 (5) ,Be_Happy (5) ,darklus123 (5) ,Welsh (5) ,CHRISBIN702 (4) ,mprep (3) ,sir.humus (3) ,irfan_pak10 (3) ,pawel7777 (3) ,Betwrong (3) ,th3nolo (3) ,BitFinnese (2) ,redsn0w (2) ,Joel_Jantsen (2) ,apoorvlathey (2) ,vlom (2) ,yxt (2) ,Halab (2) ,RickDeckard (2) ,sabotag3x (1) ,Kang Bahar (1) ,Jannn (1) ,HabBear (1) ,Wunderkind (1) ,temarazin (1) ,manji (1) ,TMAN (1) ,mobilazy (1) ,butka (1)
Hello everyone,

I decided to start a thread where I can share my knowledge about Forum's BBCode.
Follow my lessons and tutorials and increase your skills, learn how to design and create your own BBCode signature or create one for someone else.

If you think it's a cool idea please reply and let me know.




........................................Links.to.lessons:........................................
..................Links.to.Tips.&.Tricks:..................

██████████████████████████████████████
█████████████████████████████████████████
████████████████░░░░░░░░████████████████
████████████████░░░░░░░░████████████████
████████████████░░░░░░░░████████████████
████████████████░░░░░░░░████████████████
████████████████░░░░░░░░████████████████
████████████████░░░░░░░░████████████████
████████████████░░░░░░░░████████████████
████████████████░░░░░░░░████████████████
████████████████░░░░░░░░████████████████
████████████████░░░░░░░░████████████████
████████████████░░░░░░░░████████████████
████████████████░░░░░░░░████████████████
████████████████░░░░░░░░████████████████
████████████████░░░░░░░░████████████████
████████████████░░░░░░░░████████████████
████████████████░░░░░░░░████████████████
█████████████████████████████████████████
█████████████████████████████████████████
████████████████░░░░░░░░████████████████
████████████████░░░░░░░░████████████████
████████████████░░░░░░░░████████████████
████████████████░░░░░░░░████████████████
█████████████████████████████████████████
██████████████████████████████████████
..............
Lesson 1:.Forum's signature styling rules
Lesson 2:.BBCode signature max. height
Lesson 3:.Senior/Hero/Legendary.Members.signature.table.template.(and.a.bit.about.tables...)
Lesson 4:.BBCode Drawing Basics lvl.I
Lesson 5:.BBCode Drawing Basics lvl.II
Lesson 6:.Colors
Lesson 7:.Colors - Gradients
Lesson 8:.BBCode Drawing Basics lvl.III (video tutorial included)
Lesson 9:."Inside of tables": Image size
Lesson 10:."Advanced BBCode Drawing Techniques lvl.I"
Lesson 11:."Advanced Character Saving Techniques part I"
Lesson 12:.Coming soon



Lesson 1: Forum's signature styling rules

     RANK      
     LINKS      
     STYLING      
     BOLD LETTERS      
     ITALICIZED      
     UNDERLINED      
     TABLES      
     MAX. CHARS.      
Newbies
no
no
no
yes
yes
no
50
Jr. Members
no
no
no
yes
yes
no
150
Members
yes
no
no
yes
yes
no
4000
Full Members
yes
font color, font face
yes
yes
yes
no
4000
Sr. Members
yes
yes (without 'glow')
yes
yes
yes
yes
4000
Hero/Legendary.Members
yes
yes
yes
yes
yes
yes
4000





Lesson 2: BBCode signature max. height

Signature max. height is same for all ranks.
Simple way to check what's the maximum possible height: While designing a signature - create a table column with 3 lines of text, in each line write a letter 'p'.

Remember: Profile signature space has 'same' cascading style sheets as a 'quote' -
- That's why anything below 3rd line 'p' will be not visible on your signature space.

Quote
p
p
p

Lesson 3: Senior/Hero/Legendary Members signature table template (and a bit about tables...)

Tables are made from columns and rows.
To create a table you need to create a table frame and rows. Rows contains columns.

Simple explanation in an example:
Open a table -> open a row with ie. 4 columns -> close a row -> create another row with 4 columns -> close a row -> close a table

In a code same example looks like:
Code:
[table]
[tr]
[td]
Row_1_column_1
[/td]
[td]
Row_1_column_2
[/td]
[td]
Row_1_column_3
[/td]
[td]
Row_1_column_4
[/td]
[/tr]
[tr]
[td]
Row_2_column_1
[/td]
[td]
Row_2_column_2
[/td]
[td]
Row_2_column_3
[/td]
[td]
Row_2_column_4
[/td]
[/tr]
[/table]

Preview:
Row_1_column_1
Row_1_column_2
Row_1_column_3
Row_1_column_4
Row_2_column_1
Row_2_column_2
Row_2_column_3
Row_2_column_4



When you want to create a new signature design (For Senior/Hero/Legendary Members) you can start with a template which will save your time:

Code:
[quote][table]
[tr]
[td]
p
p
p - MAX. HEIGHT -
[/td]
[td]
CONTENT
[/td]
[/tr]
[/table][/quote]

After design is ready remove 'quote' tags and your BBCode signature code is ready Smiley





Do you want more lessons? Smiley