Topic: [LEARN] BBCode Lessons & Tutorials [+tutorial videos!] - page 8. (Read 42774 times)
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/j1orn
It 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:
Code:
[glow=(color code or color name),(strength),(opacity)]Your text[/glow]
Code:
[glow=pink,2,300]BitcoinTalk[/glow]
Result:
Quote
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.
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
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.
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)
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.
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)
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)
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.
Thank you for lessons! Great tutorial 
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!
Thanks!
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
Sorry, I cannot help with that.
I don't use PS to create BBCodes.
Best wishes.
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
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.
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 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 :
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.
Thanks for teaching us something really useful. I guess being acquainted with html or xhtml makes it easier to learn bbcoding faster, correct?
I want to learn also this kind of job i want extra money i hope i can learn this in the future i dont go to college because we dont have enough money to sustain the tuition fee its hard for me to understand how to do this but maybe if i try hope i can do this so i can earn extra money thank you so much for this oppurtunity so i can learn this a lot in computer editing
You can do this. Start this tutorial at pg.1 Try to do all roslinpl's examples and you'll get the hang of it. Then check out the different available signatures in the signature campaigns thread. Don't give up and don't be afraid to fail. If you're not failing at things then your not trying.
I want to learn also this kind of job i want extra money i hope i can learn this in the future i dont go to college because we dont have enough money to sustain the tuition fee its hard for me to understand how to do this but maybe if i try hope i can do this so i can earn extra money thank you so much for this oppurtunity so i can learn this a lot in computer editing
This "table glitch"... Is it the reason that the face of my character is spaced out on some browsers and devices?
it might be. Perhaps it is related to that table glitch.
Can you post that fragment of a code which seems to be glitched?
I will have a look at it if you want me to.
That is the same one in my current Sig.
(...)
I forgot to thank you for taking the time to help me and for posting these tutorials too. I really appreciate it. I learned most of my BBcode by reverse engineering signature campaigns manager pages. Then I found your posts and my skill has been improving ever since.
Hey,
Yes, I'm pretty sure it has to be related with a table glitch.
Using transparent characters inside of the image instead of just a whitespace is much more compatible and can get better results.
The only problem is that it takes more characters to make it.
Best wishes.
This "table glitch"... Is it the reason that the face of my character is spaced out on some browsers and devices?
it might be. Perhaps it is related to that table glitch.
Can you post that fragment of a code which seems to be glitched?
I will have a look at it if you want me to.
That is the same one in my current Sig.
Code:
[table][tr][td][size=2pt][color=#0008ff] ██ ██[/color]
[color=#0051ff] ███ ███[/color]
[color=#009aff] ████▇▆▅▄▄▄▅▅▆▇▇███[/color]
[color=#00cdff] ██████▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▄██[/color]
[color=#1de71e] ████░░░░░░░░░░░░░░░░░░██ [/color]
[color=#00ff9a] ████░░░░ [color=black]█[/color]░░░░░░░[color=black]█[/color]░░░░██[/color]
[color=#00ff35] ████ ░░░░░░░░░░░░░░░░░██[/color]
[color=#1de71c] ████░░░░[color=blue]▇▆▆▅▄▃▂▁◢[/color]░ ██[/color]
[color=#39ce03] ████░░░░░░░░░[color=blue]▌ ▌[/color]░░░░░ ██ [/color]
[color=#1de71e] ███████▅▅▅▅▅▆▆▆▇▇███[/color]
[color=#00ff39]████████████████████████[/color]
[color=#00ad7b]████████████████████████[/color]
[color=#005abd]████████████████████████[/color]
[color=#0008ff]████████████████████████[/color]
[color=#0051ff] ████████████████████████[/color]
[color=#009aff] ███████████████████████[/color]
[color=#00cdff] ██████████████████████[/color]
[color=#00ffff] ██ ██[/color]
[color=#00ff9a] ██ ██[/color]
[color=#00ff35] ██ ██[/color]
[color=#1de71b] ██ ██[/color]
[color=#39ce00] ███ ██[/color]
[color=#1de71c] █ ██[/color]
[color=#00ff38] █ ▀▀▀▀ [/color][/size][/td]
This next one I will post below is the one I really like though. I haven't done any formatting yet. It's just drawn. I really like shape. It's accurate to the little guy.
Code:
[size=2pt] ▄ ▄
██▄ ▄██
████▆▅▄▂▁▂▂▄████
███▀▀▀▀▀▀▀▀▀▀▀▀▀███
███ ▀█
███ ⏺ ⏺ █
███ █
███ █▆▅▂▁▂▄█ █
████ ▌ ▌ █
█████▇▆▅▄▂▁▁▂▄▅▆██
█████████████████████
█████████████████████
▀███████████████████
▀███████████████████
▀██████████████████
██ ██
██ ██
███ ███
█ ██
█ ▀▀▀▀▀ [/size]
[/quote]
WOW! That is not at all what it looks like between my code tags. It looks exactly like the 2pt size one below. I really need to start using te transparent letter trick right?
▄ ▄
██▄ ▄██
████▆▅▄▂▁▂▂▄████
███▀▀▀▀▀▀▀▀▀▀▀▀▀███
███ ▀█
███ ⏺ ⏺ █
███ █
███ █▆▅▂▁▂▄█ █
████ ▌ ▌ █
█████▇▆▅▄▂▁▁▂▄▅▆██
█████████████████████
█████████████████████
▀███████████████████
▀███████████████████
▀██████████████████
██ ██
██ ██
███ ███
█ ██
█ ▀▀▀▀▀
[/quote]
I forgot to thank you for taking the time to help me and for posting these tutorials too. I really appreciate it. I learned most of my BBcode by reverse engineering signature campaigns manager pages. Then I found your posts and my skill has been improving ever since.
Great tuts man. Had no idea you could use transparent colour for fixing the table glitch. I'd been using non-breaking ASCII space (alt+255 or %A0), but that wasn't retained when editing posts.
This "table glitch"... Is it the reason that the face of my character is spaced out on some browsers and devices?
Great tuts man. Had no idea you could use transparent colour for fixing the table glitch. I'd been using non-breaking ASCII space (alt+255 or %A0), but that wasn't retained when editing posts.
Jump to: