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

[fxstrike]

What pixelette tool please?? Last give a link. Thanks

There is another thread of this kind of guide and they share the pixelate tool there, visit the thread here
You can visit the link directly here ANSI Art Converter
and another one pixelate

[1715228112]

1715228112

[1715228112]

1715228112

[1715228112]

1715228112

[1715228112]

1715228112

[1715228112]

1715228112

[1715228112]

1715228112

[fxstrike]

To make job easier without having to use Bitcointalk Preview Editor you can use this offline BBCode editor, it can render the image in almost realtime making it easy and faster to create the image from the block character.

Screenshot of it displaying the image shown here
Caution: not all bbcode work with SMF will render the same in the software, so make sure you still have SMF to make final adjustment, table tag is not working

[roslinpl]

To make job easier without having to use Bitcointalk Preview Editor you can use this offline BBCode editor, it can render the image in almost realtime making it easy and faster to create the image from the block character.
(...)

IMO it's not really useful :-)
But if you like it - use it ;-)

For me it's a waste of time because:
1) Amount of characters
2) Results are not so good as drawing pixel by pixel in Bitcointalk Preview Editor.
(BBCode drawings made in such editors often differ in size when displayed in SMF Editor and Forum's boards)
3)  

What pixelette tool please?? Last give a link. Thanks

I wrote about those "generators" few month ago  
https://bitcointalk.org/index.php?topic=2198076.msg22105956#msg22105956
They are all crap  

You think I'm lying because I sell designs and I don't want people to know that they can generate a signature within a couple of minutes?
You're wrong  

Try to use those "generators" to create a working/good looking BBCode Signature, then you'll understand why I don't use them  


Best wishes.

[fxstrike]

IMO it's not really useful :-)
But if you like it - use it ;-)

For me it's a waste of time because:
1) Amount of characters
2) Results are not so good as drawing pixel by pixel in Bitcointalk Preview Editor.
3)  

What pixelette tool please?? Last give a link. Thanks

I wrote about those "generators" few month ago  
https://bitcointalk.org/index.php?topic=2198076.msg22105956#msg22105956
They are all crap  

You think I'm lying because I sell designs and I don't want people to know that they can generate a signature within a couple of minutes?
You're wrong  

Try to use those "generators" to create a working/good looking BBCode Signature, then you'll understand why I don't use them  


Best wishes.

Just use it as complimentary tools to the primary tools (SMF Preview Editor), I use 2-3 different tools to create screenshot, edit image and uploading before but once I have one tools that can do all that in one shot I use it, in this case the software don't have capability to render table so its not much usable for complex signature with clickable text and image but simple image would be easy

[roslinpl]

Just use it as complimentary tools to the primary tools (SMF Preview Editor), I use 2-3 different tools to create screenshot, edit image and uploading before but once I have one tools that can do all that in one shot I use it, in this case the software don't have capability to render table so its not much usable for complex signature with clickable text and image but simple image would be easy

Thanks for sharing. Who knows maybe someday I will also find a better tool for myself than the SMF Preview Editor.
But I still think it's the best (at least for me) to use SMF Preview Editor  

Best wishes.

[bubidan.id]

this is very useful, thanks for making this thread, and very easy to understand gradually. I have started to study, do you mind, if one day I ask personally through pm? I would like to be proficient just like you.

[r1s2g3]

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.

p
p
p

Hi roslinpl
Thanks for your great tutorial.

I have few questions.
1. Apart from 4000 characters, do forum put limitation on 3 lines? (as you asked to quote p  3 times in different line.)
2. How these p and "pt" will relate to each other?  I read signature above 42 pt will also be not displayed.

[roslinpl]

Hello,

wow this should get me to learn how to create a signature

My pleasure  

this is very useful, thanks for making this thread, and very easy to understand gradually. I have started to study, do you mind, if one day I ask personally through pm? I would like to be proficient just like you.

Thanks,
I don't mind if you ask personally through pm - just remember to make sure your question wasn't already answered 1000 times  

Hi roslinpl
Thanks for your great tutorial.

I have few questions.
1. Apart from 4000 characters, do forum put limitation on 3 lines? (as you asked to quote p  3 times in different line.)
2. How these p and "pt" will relate to each other?  I read signature above 42 pt will also be not displayed.

1. Limitations as usual - Junior members cannot add links into signatures etc.
    Described here: https://bitcointalk.org/index.php?topic=1727100.msg17283187#msg17283187

2. Max. height is 42px - not 42pt
   But also max. height is 3 lines of text without changing the font size.
   That's why I don't measure the signature height is it 42px or approx. 42px but instead I make a column with 3 x 'p'
   So I know if anything displays below the last 'p' I know it's too high  
  
   (Why 'p' and not 'a' ?  - 'p' is higher than 'a' )
  
   I don't ask to 'quote p 3 times in different line' - what I was saying is that the quote has same styling as the signature space -
   during the signature creation process if you will preview your design without putting it into 'quote' the final results will looks different in the signature space than while previewing.
  
   Creating and previewing your signature inside the 'quote' tags will let you see the real results.
   But don't forget to remove 'quote' tags before using the signature

Best wishes.
 

[SamaelDNM]

This is what I was looking for. When I learn I will translate it into the subject in my language so that it is better explained to the community and of course I will mention it. thank you very much for this excellent tuto  

thank you

[StayVIP]

hallo roslinpl can u help me for make signature campaign. i have budget for 100$ my bounty campaign will coming soon release. i need your help pls for help my project.
Thanks u
best regard

[Crypto_Sassy]

Hi roslinpl

I have gone through the lessons but where I can practice in forum?
I cannot practice in my signature space .
Is there any thing feasible in BBcode similar to  HTML where you can HTML pages on a standalone server (.html files)

[Prometheu$]

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

( •‿  • )  ٩◔‿◔۶

[Prometheu$]

37000 characters
6 colors
3 hours of work

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

[manji]

you're the insipired and mentor to me, I created a Tutorial for my local board about BBcode and Signature

https://bitcointalk.org/index.php?topic=3307884.msg34518304#msg34518304

Thank's @roslinpl

[mobilazy]

Wow! This is a tremendous work! I'll stick to this thread until I'll learn all topics. Thank you.

[finaleshot2016]

Is there any other way to select multiple ASCII characters to change colors?



Now, i don't know what is the specific colors of each ASCII characters

[arzunpathak]

Perfect, I just love you.
You've done a great job.
Thank you for providing this information. I'll create one and share my code such that others can take it as an example.

[apoorvlathey]

Is there any other way to select multiple ASCII characters to change colors?



Now, i don't know what is the specific colors of each ASCII characters

If you have to change all the "yellow" color in your code to something else say red or "#4286f4" you could use the "Find and Replace" functionality available in most text editors like Notepad++ or MS Word.
If you want to replace the color of a particular section of BBCode copy that part in text editor and do above steps.
In other cases you have to do it manually.

[Strufmbae]

Looking forward to this topic and waiting for the next lesson.

Thanks.

[Sova_tmb]

Very good information! Thank you man!!!