roslinpl (OP)
Legendary
Offline
Activity: 2212
Merit: 1199
|
|
August 05, 2017, 01:10:17 PM |
|
Thanks for teaching us something really useful. I guess being acquainted with html or xhtml makes it easier to learn bbcoding faster, correct?
Hey, you're welcome It's surely going to be easier since you know HTML and source code doesn't looks for you like a spaghetti Creating BBCode Signatures is a mixture of quite simple coding + vision of the design. Have a great day everyone, More tuts coming soon (this week) Best wishes.
|
|
|
|
Diced90
|
|
August 08, 2017, 09:29:11 PM |
|
Nice tutorials rosinpl ! Keep them coming I also made a video displaying how to make pixel art using photoshop ! With this trick it is easier to make complex designs faster and it is better than pixel by pixel imo. Hope you like it ! Check is out here : seems video was taken down for some reason any help with this kind of video tutorial using photoshop for ASCII/pixel art...trying to practice some BBCode Drawing to draw logs
|
|
|
|
roslinpl (OP)
Legendary
Offline
Activity: 2212
Merit: 1199
|
|
September 02, 2017, 10:57:03 AM |
|
Hello everyone, I know I'm a bit late with another lesson. I'm super busy What else can I say. I was just working on a signature and I was struggling with 4000 sig char limit. I came out with a simple method how to replace transparent '░' in your BBCode drawings into a whitespace. Which saves a lot of characters because you don't need to add [ color = transparent ] [ /color] after each '░'. It works well with Monospace 2px font, wasn't tested with other sizes but with Monospace 2px it works like a charm. After you draw you BBCode pixel image you can just replace '░' with a 'whitespace'. It will looks 'glitchy' on editor screen but with Monospace (at least for sure with Monospace 2px) after previewing it will looks the same on all devices including my old Samsumg S3 Mini xD So it's a good method to save a lot of characters! I will write more about it in upcoming lesson and we will test different sizes than 2px on Android, Windows, Linux and iOS. I will try to write it down tonight but I cannot promise Stay busy! Have a great weekend (...) seems video was taken down for some reason any help with this kind of video tutorial using photoshop for ASCII/pixel art...trying to practice some BBCode Drawing to draw logs
Sorry, I cannot help with that. I don't use PS to create BBCodes. Best wishes.
|
|
|
|
|Admiral|
|
|
September 02, 2017, 11:53:12 AM |
|
Your Tutorials are awesome, I don't have time to do these things but it's kind of fun and you have made things much easier.
Thanks!
|
|
|
|
maricapar
Newbie
Offline
Activity: 11
Merit: 0
|
|
September 02, 2017, 02:12:07 PM |
|
Thank you for lessons! Great tutorial
|
|
|
|
webvn20
Member
Offline
Activity: 98
Merit: 10
|
|
September 03, 2017, 12:08:56 PM |
|
This is great tutorial , i don't think that we can create a symbol by input text in bbcode on this forum, with this tutorial i can do it , i will try make a symbol like heart or symbol different . it will make a post nice to see ,maybe good for seo.
|
|
|
|
ansi
|
|
September 19, 2017, 01:47:30 AM |
|
Great New Thing s didn't know about before since im so noob in this domain
Waiting your next tutorials mate
Would you mind name that edit program you used in your tutorial video, the one to mass edit & change some characters you want. (search & replace)
|
|
|
|
CHRISBIN702
|
|
September 19, 2017, 11:15:27 AM |
|
Great New Thing s didn't know about before since im so noob in this domain
Waiting your next tutorials mate
Would you mind name that edit program you used in your tutorial video, the one to mass edit & change some characters you want. (search & replace)
I just use basic wordpad that comes with Windows. Works exactly the same for me.
|
Not for sale......... Why, how much you got?
|
|
|
Aamir1
|
|
September 21, 2017, 03:15:52 PM |
|
Never thought that someday i would be able to design signature, but i am now, and it is all because of you. Thank you very much @roslinpl for all the tutorials and tips you have posted so far, and for the ones you will in future. So far, learnt everything you have posted, and eagerly waiting to see the next tutorial.
|
|
|
|
MintCondition
Legendary
Offline
Activity: 1147
Merit: 1007
|
|
September 27, 2017, 02:13:02 PM |
|
Hello OP. Is there a tutorial on the application of Glow and shadow tool of BBCodes here. I'm having trouble on selecting color code to use. Can I know where to see the list of the color code applicable on that function? Thanks
|
|
|
|
Aamir1
|
|
September 27, 2017, 03:41:04 PM |
|
Hello OP. Is there a tutorial on the application of Glow and shadow tool of BBCodes here. I'm having trouble on selecting color code to use. Can I know where to see the list of the color code applicable on that function? Thanks
Here: https://ufile.io/j1ornIt is my personal collection of fonts, colors and symbols that can be used for BBCode designing. Download the file. Just to help the OP a little bit, i can tell you how to use glow, but i myself don't know the usage of shadow yet. So here is how you can use glow: [glow=(color code or color name),(strength),(opacity)]Your text[/glow] Example: [glow=pink,2,300]BitcoinTalk[/glow] Result: BitcoinTalk I hope i could be of some help, and maybe roslinpl can explain this in a better way, so you can also wait for his reply. Cheers.
|
|
|
|
foxydoxy
Newbie
Offline
Activity: 40
Merit: 0
|
|
October 14, 2017, 05:24:56 PM |
|
I recently helped my friend to design and code signatures for his bounty program, I was really newbie on that but this section helped me. It made me angry, anytime I use the code I got from http://my.asciiart.club/ and check in post preview, I saw something different from the original code! Finally found this post and found that "px" and "pt" is the solution! Thank you for your post. Lesson 4: BBCode Drawing Basics lvl.IWhen we want to reproduce the image in the BBCode we have to remember a few very important Forum's BBCode principles:Personally I've tested many different methods and I'm sure that the best method is to manually draw an image pixel by pixel. BBCode image converters/generators doesn't meet my expectations, I don't recommend any and I don't use any of them. After almost 3 years of experience with BBCode signatures designs, I'm sure that if we want our signature to be highly compatible with different operating systems and web browsers we should use a characters in size 2pt while creating a BBCode image for a signature. The best ASCII characters which I recommend to use for your BBCode images are: " ▀ ▄ █ ▌ ▐ ░ ▒ ▬ ▂ ▃ ▅ ▆ " But mostly I use " █ " and always in a size 2pt. Which is most compatible for different web browsers and different operating systems. Why I don't use 2px or 1pt or 1px? If everyone will use Google Chrome, then it's pretty cool to use 2px, 1px or something smaller than 2pt. You can possibly get more details in your BBCode images. Unfortunately the characters smaller than 2pt used in the BBCode signatures will looks stretchy or will shrink too much on different web browsers and operating systems which means that in reality the signature looks good for a smaller part of the visitors. Signature BBCode design isn't as flexible as HTML + CSS designs, which also might looks different on different web browsers. Experiment: Draw a square in BBCode. Use same ASCII character " █ " in different sizes: 2pt, 2px, 1pt, 1px. Preview that BBCode square under different browsers like Chrome/Mozilla/Opera/Edge/Safari/etc. 2pt→
| ███████████████████ ███████████████████ ███████████████████ ███████████████████ ███████████████████ ███████████████████ ███████████████████ ███████████████████ ███████████████████ ███████████████████ ███████████████████ ███████████████████ ███████████████████
| 2px→
| ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████
| 1pt→
| ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████
| 1px→
| ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████
|
Please note that square drawn with a character in a size 2pt on most browsers look the same. It's most compatible. Other squares drawn with the same ASCII character in different character sizes looks stretchy / shrunken on other web browsers. 2pt ASCII characters are not 100% compatible but after years of experiments I'm sure that it's highly compatible.
|
|
|
|
CHRISBIN702
|
|
October 17, 2017, 05:54:16 AM |
|
Hello OP. Is there a tutorial on the application of Glow and shadow tool of BBCodes here. I'm having trouble on selecting color code to use. Can I know where to see the list of the color code applicable on that function? Thanks
This was covered in lesson 7 and has been a very valuable tool for adding colors and gradients. http://patorjk.com/text-color-faderI also like this site for quick color grabs. https://html-color.codes/
|
Not for sale......... Why, how much you got?
|
|
|
Maingtoled1958
Member
Offline
Activity: 126
Merit: 14
|
|
October 18, 2017, 09:24:01 PM |
|
i’m newbie is there any viewer site to view codes
2) youtube url not work
|
|
|
|
|
wilhb81
Full Member
Offline
Activity: 224
Merit: 100
Any store can buy, sell, and accept Crypto
|
|
October 19, 2017, 03:39:54 AM |
|
OP, I have a question here. What's the differences between BBCode and Markdown? Is BBCode easier than Markdown or vice versa?
|
|
|
|
murtaja
Member
Offline
Activity: 266
Merit: 10
|
|
November 05, 2017, 03:40:39 PM |
|
I NEED SOMEONE WHO KNOWS TO CREAT THE SIGNATURE CODING. PLEASE CONTACT ME URGENTLY. U WILL BE PAID IN FIET
|
WE ARE A TEAM OF SEVERAL EXPERIENCED PEOPLE IN CRYPTOWORLD.WE HAVE ENTIRE TEAM TO PROMOTE YOUR ICO. OUR ONGOING PROJECTS : 4NEW, SKRAPS ,ECHOLNK,EARTH TOKEN, ALIVE CASINO, BOLTTCOIN,MOSAIC,PERU COIN,ERNTOKEN ETC. JOIN US.
|
|
|
Wunderkind
Member
Offline
Activity: 134
Merit: 10
|
|
November 07, 2017, 11:30:56 PM |
|
Excellent thread with some awesome resources, thanks for the effort you've put into this. Will definitely help me out if I dive deeper into signature designing.
|
|
|
|
uelque
|
|
November 08, 2017, 12:15:06 AM |
|
It was really helpful, thank you for sharing your knowledge. Signatures are really in demand today because of to many ICO's coming out but I guess it will be really hard to get a job in making signatures specially when you guys who has a big name in signature industry are our competitors. But still thank you for this knowledge I'll try making some to test the knowledge I got.
|
|
|
|
BitcoinDiamond
Newbie
Offline
Activity: 28
Merit: 0
|
|
November 08, 2017, 12:20:50 PM |
|
Great work! Will be using these for sure. Keep up the good work!
|
|
|
|
|