[LEARN] BBCode Lessons & Tutorials [+tutorial videos!]

[keyarnellyta]

this is very useful info, i want to learn more deeply it might take a long time to understand the signature

[1714905720]

1714905720

[1714905720]

1714905720

[ItsZeroLimit]

Table bug/glitch occurs only in posts it doesn't occur after copy&pasting the code into profile's signature.

But sometimes we need to make a nice table in a post. How to avoid table glitch/bug?
Remove white spaces and replace them with a 'dot' character and make that 'dot' transparent (or in background 'glow' color if present).

Another and easier way to solve that problem is to add empty table cells, i mean tags

Code:

[td][\td]

in front of cell with that problem.

[temarazin]

Hello! I translated your great lessons to Russian. BBCode - ypoки и тyтopиaлы.
Your work inspires me! Thanks for that, roslinpl.

[TradeOne]

Give more lessons, you are good at it 

[layoutph]

Please allow me to post this because this is related to the top., This is a test to know if the 1000px width is the maximum width size for the forum width. I need to do this for the ANN thread I am working on. Below is a 1000pixel width image.

[temarazin]

Please allow me to post this because this is related to the top., This is a test to know if the 1000px width is the maximum width size for the forum width. I need to do this for the ANN thread I am working on. Below is a 1000pixel width image.
[...]

Max width of post is 1540px. On the screen with 1920x1080 resolution. if the image is wider than the width of the post, it will take 100% of the width.

[layoutph]

Thank you dude for the 1920x1080 heads up. I'll take note of this when creating my next ANN thread designs. I see so the size of the screen matters, I thought the max is 1200px.

Please allow me to post this because this is related to the top., This is a test to know if the 1000px width is the maximum width size for the forum width. I need to do this for the ANN thread I am working on. Below is a 1000pixel width image.
[...]

Max width of post is 1540px. On the screen with 1920x1080 resolution. if the image is wider than the width of the post, it will take 100% of the width.

[Crypto one]

Thank you so much for your lessons.

[Ikaklo]

██████████████████████████████████
████████████████████████████████
██████████████████████████████
██████████████████████████████
████████████████████████████
██████████████████████████
██████████████████████████
████████████████████████
████████████████████████
██████████████████████
████████████████████
████████████████████
██████████████████
████████████████
████████████████
██████████████
████████████
██████████████
████████████████
██████████████████
██████████████████████
████████████████████████
██████████████████████████
██████████████████████████████
████████████████████████████████████████████████
██████████████████████████████████████████████████
██████████████████████████████████████████████████
████████████████████████████████████████████████
██████████████████████████████████████████████
████████████████████████████████████████████
██████████████████████████████████████████████
████████████████████████████████████████████
██████████████████████████████████████████
████████████████████████████████
██████████████████████████████
████████████████████████████
████████████████████████
██████████████████████
██████████████████
████████████████
██████████████
████████████
████████████
████████████
██████████████
██████████████
████████████████
██████████████████
██████████████████
████████████████████
██████████████████████
██████████████████████
████████████████████████
██████████████████████████
██████████████████████████
████████████████████████████

[Ikaklo]

██████████
████████████████████████
██████████████████████████████████
████████████████████████████████████████
████████████████████████████████████████████
██████████████████████████████████████████████████
████████████████████████████████████████████████████
████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████████
████████████████████████████████████████████████████████████
██████████████████████████████████████████████████████████
██████████████████████████████████████████████████████
██████████████████████████████████████████████████
██████████████████████████████████████████████
██████████████████████████████████████████
████████████████████████████████████
████████████████████████████
██████████████████

[/url]

[arzunpathak]

Can you help me correcting this code?

Code:

[center]
[table][tr][td][tt][/tt]
[table][tr]
[td]
[table][tr][td][url=https://elepig.com/][size=5px][tt][color=#000000]█████████████████████████████████████████████████████
██[color=#ffffff]▄███████[/color]█[color=#ffffff]██[/color]█████████[color=#ffffff]▄███████[/color]█[color=#E83E8C]███████[/color]██[color=#E83E8C]██[/color]██[color=#E83E8C]████████[/color]█
█[color=#ffffff]██▌[/color]███████[color=#ffffff]██[/color]████████[color=#ffffff]██▌[/color]████████████[color=#E83E8C]███[/color]█[color=#E83E8C]██[/color]█[color=#E83E8C]██[/color]████████
[color=#ffffff]▐█▌[/color]██[color=#ffffff]█████[/color]█[color=#ffffff]▐█[/color]███████[color=#ffffff]▐█▌[/color]██[color=#ffffff]█████[/color]██████[color=#E83E8C]███[/color]█[color=#E83E8C]██[/color]█[color=#E83E8C]██[/color]██[color=#E83E8C]█████[/color]█
█[color=#ffffff]██▌[/color]███████[color=#ffffff]▐█[/color]████████[color=#ffffff]██▌[/color]███████[color=#E83E8C]███████[/color]██[color=#E83E8C]██[/color]█[color=#E83E8C]██[/color]█████[color=#E83E8C]██[/color]█
██[color=#ffffff]▀███████[/color]██[color=#ffffff]▀██████▄[/color]██[color=#ffffff]▀███████[/color]█[color=#E83E8C]██[/color]███████[color=#E83E8C]██[/color]██[color=#E83E8C]█████[/color]█[color=#E83E8C]██[/color]█
█████████████████████████████████████████████████████[/color][/size][/url][/td]
[td][/td]
[td]
[color=#E84AA4][font=Monospace][size=23pt]|[/size][/font][/color]
[/td]
[td]
[center][b][font=Monospace][size=1][url=https://elepig.com/][color=#ED048D]CENTRALIZED CRYPTOCURRENCY EXCHANGE[/color][/url]
[color=#ED048D][url=https://elepig.com/docs/Elepig_WhitePaper_Visual.pdf][color=#ED048D]Whitepaper[/color][/url] | [url=https://elepig.com/#meet-the-team][color=#ED048D]Team[/color][/url] | [url=https://elepig.com/#roadmap][color=#ED048D]Roadmap[/color][/url] | [url=https://elepig.com/#token-sale][color=#ED048D]ICO[/color][/url][/color]
[color=#ED048D]CRYPTOCURRENCY + SIMPLE + TRUSTED[/color][/size][/font][/b][/center]
[/td]
[td]
[color=#E84AA4][font=Monospace][size=23pt]|[/size][/font][/color]
[/td]
[td]
[center][b][font=Monospace][size=1][url=https://twitter.com/Elepigexchange][color=#1da1f2]Twitter[/color][/url] * [url=https://www.facebook.com/Elepigexchange/][color=#4267b2]Facebook[/color][/url] * [url=https://www.instagram.com/elepigexchange/][color=#d10869]Instagram[/color][/url] * [url=https://www.medium.com/elepig][color=#000000]Medium[/color][/url]
[url=https://wn.nr/4HB7Ug][color=#4e0000]Giveaway[/color][/url]*[url=https://elepig.com/][color=#E83E8C]Whitelist to Get Free Coins[/color][/url]
[email=support@elepig.com][color=#E83E8C]Email[/color][/email]
[url=https://docs.google.com/forms/d/e/1FAIpQLSd8TXu16BCWVvw83IOCfm77FGz0JwpgIrdbCiNOijm_jQRCuA/viewform][color=#ED048D]{AIRDROP}[/color][/url] [url=https://www.coinschedule.com/ico/elepig][color=#ED048D]ICO STARTs FROM 9th JUNE[/color][/url] [url=https://bitcointalk.org/index.php?topic=4299176.0][color=#ED048D]BOUNTY[/color][/url][/size][/font][/b]
[/center][/td]
[/tr][/table][/center]

it looks like this

█████████████████████████████████████████████████████ ██▄███████████████████▄██████████████████████████████ ███▌███████████████████▌█████████████████████████████ ▐█▌████████▐████████▐█▌██████████████████████████████ ███▌███████▐███████████▌█████████████████████████████ ██▀█████████▀██████▄██▀██████████████████████████████ █████████████████████████████████████████████████████ | CENTRALIZED CRYPTOCURRENCY EXCHANGE Whitepaper | Team | Roadmap | ICO CRYPTOCURRENCY + SIMPLE + TRUSTED | Twitter * Facebook * Instagram * Medium Giveaway*Whitelist to Get Free Coins Email {AIRDROP} ICO STARTs FROM 9th JUNE BOUNTY

[roslinpl]

Can you help me correcting this code?

It looks like 'this' because of: https://bitcointalk.org/index.php?topic=1727100.msg17336272#msg17336272
'Table Glitch' won't occur while wearing the signature.

Read tutorials.

You'll be able to correct your code on your own.
You just need to learn a bit more. ^_^

(PS. It seems your signature exceeds the allowed height. Remove 'email' link or add 'email' to other line of text.)


Best wishes.

[LogitechMouse]

Hello. I sent you a PM but maybe you are too busy doing some designs. Would like to say thanks for posting a tutorial on how to create signature using BBCODE. It helped many people like me

Aside from thanking you, I would like to ask a question regarding colors. Lets say for example, I want to create the logo of bitcoin using BBCODE, how would you pick the exact hexadecimal value of the color?? Are you using any color picker tool or any website to know the exact value of the color?? Hope I deliver it correctly

Thanks for answering to my question  

-LogitechMouse

P.S. Found solutions on the internet already . I will just wait for your next lessons and thanks again

[roslinpl]

Hello. I sent you a PM but maybe you are too busy doing some designs. Would like to say thanks for posting a tutorial on how to create signature using BBCODE. It helped many people like me

Aside from thanking you, I would like to ask a question regarding colors. Lets say for example, I want to create the logo of bitcoin using BBCODE, how would you pick the exact hexadecimal value of the color?? Are you using any color picker tool or any website to know the exact value of the color?? Hope I deliver it correctly

Thanks for answering to my question  

-LogitechMouse

P.S. Found solutions on the internet already . I will just wait for your next lessons and thanks again

Hello,

it depends on a situation.
If I need to create a BTC logo I'll use #FF9900 
In many cases I just check the 'brand color' or I use a color picker from Chrome Tools for Developers.


Best wishes.

[iamMhew]

i wish to learn this stuff quickly, lol . i try the "Lesson 5: BBCode Drawing Basics lvl.II, Exercise: Selected ASCII characters for our BBCode image: ░ and █" and im happy to follow and do what it says, but one thing i cant understand, itry to create 2 rectangle but its never seperate, what ever i do the second rectangle always show below the first one. i think i miss something in this tutorial, maybe i should go and read again from the top. 

[roslinpl]

i wish to learn this stuff quickly, lol . i try the "Lesson 5: BBCode Drawing Basics lvl.II, Exercise: Selected ASCII characters for our BBCode image: ░ and █" and im happy to follow and do what it says, but one thing i cant understand, itry to create 2 rectangle but its never seperate, what ever i do the second rectangle always show below the first one. i think i miss something in this tutorial, maybe i should go and read again from the top.  

Hello,

It seems you have a problem with table columns.

An example of: "How to draw a thing next to another thing "

████████ ████████

████████ ████████

or

████████    ████████ ████████    ████████

Code:

[table]
[tr]
[td]
[font=Monospace][size=2px]
████████
████████
[/td]
[td]
[font=Monospace][size=2px]
████████
████████
[/td]
[td]
or
[/td]
[td]
[font=Monospace][size=2px]
████████    ████████
████████    ████████
[/td]
[/tr]
[/table]

Best wishes.

[ridertiger]

Excellent post, thank you. Also, if you are doing translation, you can simply get the "quote"  for the original ANN thread, and translate the words in that. THis way, you do not have to deal with BB code when translating.

[roslinpl]

Excellent post, thank you. Also, if you are doing translation, you can simply get the "quote"  for the original ANN thread, and translate the words in that. THis way, you do not have to deal with BB code when translating.

? translation? I'm the author.
What do you mean?

Best wishes.

[iamMhew]

i wish to learn this stuff quickly, lol . i try the "Lesson 5: BBCode Drawing Basics lvl.II, Exercise: Selected ASCII characters for our BBCode image: ░ and █" and im happy to follow and do what it says, but one thing i cant understand, itry to create 2 rectangle but its never seperate, what ever i do the second rectangle always show below the first one. i think i miss something in this tutorial, maybe i should go and read again from the top.  

Hello,

It seems you have a problem with table columns.

An example of: "How to draw a thing next to another thing "

████████ ████████

████████ ████████

or

████████    ████████ ████████    ████████

Code:

[table]
[tr]
[td]
[font=Monospace][size=2px]
████████
████████
[/td]
[td]
[font=Monospace][size=2px]
████████
████████
[/td]
[td]
or
[/td]
[td]
[font=Monospace][size=2px]
████████    ████████
████████    ████████
[/td]
[/tr]
[/table]

Best wishes.

oh, its really breaks my head into two, but i want to learn so i will continue learning, by the way this is my first work. sorry for this lol

and what is the meaning of TD and TR? i saw it on the code.

[reda]

██████████████████████████████
██████████████████████████████
██████████████████████████████
██████████████████████████████
██████████████████████████████
██████████████████████████████
██████████████████████████████
██████████████████████████████
██████████████████████████████
██████████████████████████████
██████████████████████████████
██████████████████████████████
██████████████████████████████
██████████████████████████████
██████████████████████████████
██████████████████████████████
██████████████████████████████
██████████████████████████████
██████████████████████████████