Pages:
Author

Topic: [LEARN] BBCode Lessons & Tutorials [+tutorial videos!] (Read 42792 times)

full member
Activity: 186
Merit: 100
I cant figure out how to turn my banner into a sig. Any help?

https://www.publish0x.com?a=M7e5991Be2">https://cdn.publish0x.com/prod/fs/images/567f7790740b342a477ffe057970369e6052c20e5511073fca76db62250d164a.gif" width="468" height="60" />

Best I can get to is the following code but nothing shows up still
Code:
[url=https://www.publish0x.com?a=M7e5991Be2][img]https://cdn.publish0x.com/prod/fs/images/299b641f2c2884c3034bf76a3a9d7ff7439d1da8fc7abb877bd1f5b3fe957edb.png[/img][/url]
full member
Activity: 186
Merit: 100
I cant figure out how to turn my banner into a sig. Any help?

https://www.publish0x.com?a=M7e5991Be2">https://cdn.publish0x.com/prod/fs/images/567f7790740b342a477ffe057970369e6052c20e5511073fca76db62250d164a.gif" width="468" height="60" />
copper member
Activity: 630
Merit: 2614
If you don’t do PGP, you don’t do crypto!
Does anyone know any trick for backspacing, or otherwise superimposing text on text?  A reliable BBcode trick would be good; but ultimately, that relies on the underlying capabilities of HTML without CSS styling tricks.  A Unicode trick would work, if it actually works.

As a Unix terminal lover, I am sad^H^H^Hsomehow unsurprised that this old-fashioned ASCII tty trick doesn’t work (colours are off; it is only an example):

Code: (/bin/sh)
echo $'[tt][color=green]0[/color]\u0008[color=orange]\u221e[/color][/tt]' >> infsig.txt

Result:

Quote
0

The forum actually seems to emit a U+0008 back to me; but the effect is not displayed in my browser.  I guess that this is an HTML issue, not a forum or BBcode issue.  The WHATWG HTML5 standard categorizes U+0008 as a C0 control that it is does not deem to be ASCII whitespace; but I cannot so easily find the exact specification of HTML5 C0 control handling in (I guess here) HTML mode.  The W3 has a table which says that C0 controls U+0001U+0008 are allowed in HTML5 text/html, “not allowed in any way” in XML 1.0, and “allowed only as a character reference” in XML 1.1.  Anyway, browser behaviour is what matters here; and if it doesn’t work in my browser, it will probably break in others’ browsers.


Thanks in advance for any tips for my quest to build a simple, aesthetically pleasing new signature.
legendary
Activity: 2422
Merit: 1083
Leading Crypto Sports Betting & Casino Platform
This is a very good thread to learn to design signatures which is some skill I've always liked and wondered how it's done, good work op, hope you update the thread again soon
sr. member
Activity: 1134
Merit: 279
My blockchain can beat up your blockchain
Did something change with the sigs? I notice a lot of warped sigs that used to look pretty cool.
legendary
Activity: 1778
Merit: 1009
Modding Service - DM me!

Through this tutorial, I made my own tribute signature for celebrating our Independence Day here in Philippines. I also made own version of tutorial about BBcodes because of this masterpiece. Thanks @roslinpl!

I'm still looking forward to tutorial about the logo, I don't have enough skill to create it manually, any suggestions?
legendary
Activity: 2212
Merit: 1199
Best wishes.

I still get confused a bit but I think I'm starting to get the hang of this. Thanks roslinpl, darklus123, all of you guys. Smiley


 
The.flybane.looks.great.Bro.Smiley


Best wishes.
sr. member
Activity: 1036
Merit: 279
Best wishes.

I still get confused a bit but I think I'm starting to get the hang of this. Thanks roslinpl, darklus123, all of you guys. Smiley
legendary
Activity: 2212
Merit: 1199
Why not to try your ASCII blocks in here, by previewing your post? For me it works the best.

Do you design your blocks just straight in the reply box or do you at least use notepad? No matter what I do they just look broken. I made a grid of 0s in note++, tested this M design there, replaced the 0 with spaces and then placed it here. Looks like cat vomit. Pasted it in notepad and it looks kinda different. I bet that would also be the case had it been made first in note pad instead. Every time I'm in the forum it's the only thing I've been doing. Paste, update, refresh.  Grin

Looks like I just can't get this right. Kudos to your design skills, this thing ain't easy and that's just the blocks, no codes yet.

As per Op you have to insert it into a quote and actually op have provided a template for the signature designs. And as per op mate using ASICS images is just the best thing to use for your signature designs as they will look good in the newest browser and you can also always hit the preview button to check if it is already looking what you've wanted

Indeed Smiley

I design straight in the reply box.

Nowadays I draw with 2px monospace ASCII characters, so basically my starting template looks like:

Quote from: roslinpl BBCode signature starter pack
▀ ▄ █▌ ▐░

Quote
p
p
p
████████
████████
░░░░

Code:
▀ ▄ █▌ ▐░

[quote]
[table]
[tr]
[td]
p
p
p
[/td]
[td]
[font=Monospace][size=2px]████████
████████
░░░░
[/td]
[/tr]
[/table]
[/quote]


Best wishes.
hero member
Activity: 1246
Merit: 588
Why not to try your ASCII blocks in here, by previewing your post? For me it works the best.

Do you design your blocks just straight in the reply box or do you at least use notepad? No matter what I do they just look broken. I made a grid of 0s in note++, tested this M design there, replaced the 0 with spaces and then placed it here. Looks like cat vomit. Pasted it in notepad and it looks kinda different. I bet that would also be the case had it been made first in note pad instead. Every time I'm in the forum it's the only thing I've been doing. Paste, update, refresh.  Grin

Looks like I just can't get this right. Kudos to your design skills, this thing ain't easy and that's just the blocks, no codes yet.

As per Op you have to insert it into a quote and actually op have provided a template for the signature designs. And as per op mate using ASICS images is just the best thing to use for your signature designs as they will look good in the newest browser and you can also always hit the preview button to check if it is already looking what you've wanted
sr. member
Activity: 1036
Merit: 279
Why not to try your ASCII blocks in here, by previewing your post? For me it works the best.

Do you design your blocks just straight in the reply box or do you at least use notepad? No matter what I do they just look broken. I made a grid of 0s in note++, tested this M design there, replaced the 0 with spaces and then placed it here. Looks like cat vomit. Pasted it in notepad and it looks kinda different. I bet that would also be the case had it been made first in note pad instead. Every time I'm in the forum it's the only thing I've been doing. Paste, update, refresh.  Grin

Looks like I just can't get this right. Kudos to your design skills, this thing ain't easy and that's just the blocks, no codes yet.
legendary
Activity: 2212
Merit: 1199
Why not to try your ASCII blocks in here, by previewing your post? For me it works the best.

Thanks a lot from my heart. I have learned signature designing from you.

You are welcome.

sr. member
Activity: 1036
Merit: 279
Do you guys like use any tools for designing the sigs? I'm just starting with blocks and I'll try them in Notepad or Note++ and when they get to the forum they'd be all jumbled.
sr. member
Activity: 1036
Merit: 279
I tried setting the size to both 2pt and 2px but they still seem to look the same.

Well it will look same to you since you are just trying basic. The only difference you will see is the size but let me tell you that there is more to it. "pt" is actually cool to go with if you are trying to make something basic figure like take this for example


   
░███████████████████████████████████░
███████░░░░░░░██████████░░░████░░░███
███████░█████░█████████░███░██░███░██
███████░█████░█████████░███░██░███░██
██░░░░░░█████░░░░░░█████░░░████░░░███
██░███████████████░██████████████████
██░███████████████░██████████████████
██░███████████████░██████████████████
██░░░░░░█████░░░░░░██████████████████
███████░█████░███████████████████████
███████░█████░███████████████████████
███████░░░░░░░██████████████████████



Basic and easily made using "pt"



"px" basically is smaller in comparison to "pt" and so it helps you to make much more complicated figures accurately but this usually takes time (if you are not using some sort of generators) and in addition to that takes up too much characters. So eventually it leaves you with less characters for making the rest of the signature design.

Below is the Icon of Ecomi.com which was used in their signature campaign. Source

                     ▄▄▄,
              ,,««═*█████U
        ▄▄µ«*`,≤*Ö╫╨╨▀▀▀╙`╙╝▀Φ▄╥,
       ,██▀╓ñ▄▄ª╩▒Ñ╨╨╜╙*ª¥#▄▓███╣▄ºw
      A` ▄▀╙╫█▀``           ▀██▀═╣▌╦`██▄
    ╓^ æ╩ ▄Å"`                 `ª,"▀Å▒▀╙
   á ╔▀  ▓`                       ¥ ╙▒▄ ╙⌐
  ╓░╬▌ ╓▀                          ╙U╬╙▌ ╙
  ╫Φ▐ ╔▓                            `╬m'▄ ██
 ,▄▄▌ ÑH                             ▐▄ ▓⌐ ⌐
╢████╣:H                             ███╢╫ M
`▀███▒ H                             ▐▀ M╫ M
  ╫w▐▌ Φ                             Φ▌╓"╫╟
  ╢╙,█ `U                           é▐.Ñ ▓H
   Φ██▓ `w                        ,╩ ╬╣▄▄▌
    N ╙█w %,,                    ≤",▓`███
     ¥  ▀▓▓██▌                ,A^ ▄╨ ╦▀▀
      ██H"Ñ▀╩▄▒╗          ,«▄███▄▀╓ª╫^
         *╗,ºµ ╙▀▀Φ▓▓DD▄▄╓╦╦▀███▀╓ª`
            `*╩Φ▄╥,  ╓█▌,«╧╨╓╓═╨`
                    ╙╙▀╨""`

Above^^ was designed using "px". Accurate and fits into the signature space as well.

Thanks for the tips. That last sig looks pretty complicated. Don't know how many hours I'd need to learn to make that.

Seems the spacing also really matters. I installed Note++ and tried to separate stuff to make it easier to find unpaired tags but the results are different than when it's just a jumbled mess, LOL.

Also noticed these dots I have for sigs looked different now that I opened the forum in Edge instead of Chrome.
full member
Activity: 560
Merit: 104
Eloncoin.org - Mars, here we come!
Thanks a lot from my heart. I have learned signature designing from you.
legendary
Activity: 2212
Merit: 1199
Hello!
Thank You for this great thread tutorial, I will try to follow all the lessons and learn how to make a custom signature

Is here anyone from this topic selling custom signature codes? cause I need one

Thank you big_daddy Smiley

(I'm selling).

Best wishes.
hero member
Activity: 1680
Merit: 583
xUSD - The PRIVATE stable coin - Haven Protocol
Hello!
Thank You for this great thread tutorial, I will try to follow all the lessons and learn how to make a custom signature

Is here anyone from this topic selling custom signature codes? cause I need one
legendary
Activity: 3094
Merit: 1472
I tried setting the size to both 2pt and 2px but they still seem to look the same.

Well it will look same to you since you are just trying basic. The only difference you will see is the size but let me tell you that there is more to it. "pt" is actually cool to go with if you are trying to make something basic figure like take this for example


   
░███████████████████████████████████░
███████░░░░░░░██████████░░░████░░░███
███████░█████░█████████░███░██░███░██
███████░█████░█████████░███░██░███░██
██░░░░░░█████░░░░░░█████░░░████░░░███
██░███████████████░██████████████████
██░███████████████░██████████████████
██░███████████████░██████████████████
██░░░░░░█████░░░░░░██████████████████
███████░█████░███████████████████████
███████░█████░███████████████████████
███████░░░░░░░██████████████████████



Basic and easily made using "pt"



"px" basically is smaller in comparison to "pt" and so it helps you to make much more complicated figures accurately but this usually takes time (if you are not using some sort of generators) and in addition to that takes up too much characters. So eventually it leaves you with less characters for making the rest of the signature design.

Below is the Icon of Ecomi.com which was used in their signature campaign. Source

                     ▄▄▄,
              ,,««═*█████U
        ▄▄µ«*`,≤*Ö╫╨╨▀▀▀╙`╙╝▀Φ▄╥,
       ,██▀╓ñ▄▄ª╩▒Ñ╨╨╜╙*ª¥#▄▓███╣▄ºw
      A` ▄▀╙╫█▀``           ▀██▀═╣▌╦`██▄
    ╓^ æ╩ ▄Å"`                 `ª,"▀Å▒▀╙
   á ╔▀  ▓`                       ¥ ╙▒▄ ╙⌐
  ╓░╬▌ ╓▀                          ╙U╬╙▌ ╙
  ╫Φ▐ ╔▓                            `╬m'▄ ██
 ,▄▄▌ ÑH                             ▐▄ ▓⌐ ⌐
╢████╣:H                             ███╢╫ M
`▀███▒ H                             ▐▀ M╫ M
  ╫w▐▌ Φ                             Φ▌╓"╫╟
  ╢╙,█ `U                           é▐.Ñ ▓H
   Φ██▓ `w                        ,╩ ╬╣▄▄▌
    N ╙█w %,,                    ≤",▓`███
     ¥  ▀▓▓██▌                ,A^ ▄╨ ╦▀▀
      ██H"Ñ▀╩▄▒╗          ,«▄███▄▀╓ª╫^
         *╗,ºµ ╙▀▀Φ▓▓DD▄▄╓╦╦▀███▀╓ª`
            `*╩Φ▄╥,  ╓█▌,«╧╨╓╓═╨`
                    ╙╙▀╨""`

Above^^ was designed using "px". Accurate and fits into the signature space as well.
sr. member
Activity: 1036
Merit: 279
I'm inching like a worm through this tutorial. So far I've tried making a 4x4 square using block. I tried setting the size to both 2pt and 2px but they still seem to look the same.

Also BTW thanks for posting this. Been wanting to try this for a long time and read this thread before. Finally able to muster enough willpower to get started.
legendary
Activity: 2212
Merit: 1199
Hello,

forum user Meowth05 did another translation of this thread in the Local> Pilipinas section.

https://bitcointalksearch.org/topic/alamin-mga-aralln-at-tutorial-sa-bbcode-mga-tutorial-video-5136214

The moderators removed his topic once, hence my request to forum moderators to set the same rules for local sections,
other translations have not been removed, I request to keep the same rules for the various local sections.

Thank you.
Pages:
Jump to: