Pages:
Author

Topic: [LEARN] BBCode Lessons & Tutorials [+tutorial videos!] - page 9. (Read 42774 times)

jr. member
Activity: 71
Merit: 5
BB code is used to make signatures on this forum ?
I am interested in your content very much.
legendary
Activity: 2212
Merit: 1199
Great tutorial. Wish I'd known about this a month ago.
Wondering if you'd mind answering a question. I have made my signature that you can see below. I've just recently created a cool little character that I want to add either on the side/sides of the signature or right in the middle of the top line. (In between #1 and Bitcoin) How would I go about that? I'm self-taught and really racking my brain over this.

(...)

Please, any advice would be greatly appreciated.

Hello,

you won't be able to add a BBCode drawing in the middle of the top line because it will in same time split your bottom line.
Well it's kinda possible to do it but you will need to make it all in one [ td ]. Smiley All lines in one [ td ]. Kinda tricky but possible.


I'm here guys just for a second now to tell you that latest Chrome Browser update is pretty bad for BBCode artists xD ...

I sent report to Chrome Help Center ...
Look what they have done ! ██████████████████████████████████████████████████

If you are under Chrome  59.0.3071.86 you will notice: can you see the thin lines between each of █, all those lines are in different color since latest Chrome update xD eh ...

PS. Hmm..  it's pretty strange, I tried to downgrade Chrome but I still see those lines ... perhaps I would need to better clear up Chrome files. Eh.
PS2. Version 60.0.3112.50 (Official Build) beta (64-bit) doesn't fix the issue.

I hope they will fix that soon! Smiley

Best wishes.
sr. member
Activity: 1134
Merit: 279
My blockchain can beat up your blockchain
Great tutorial. Wish I'd known about this a month ago.
Wondering if you'd mind answering a question. I have made my signature that you can see below. I've just recently created a cool little character that I want to add either on the side/sides of the signature or right in the middle of the top line. (In between #1 and Bitcoin) How would I go about that? I'm self-taught and really racking my brain over this.

Here is the signature code for the one I'm using now.

Code:
[center][url=http://www.tinyurl.com/runcpaog][font=Arial Black][size=16pt]【[btc]〖[btc]【[btc]〖RunCPA #1 Bitcoin Affiliate Network〗[btc]】[btc]〗[btc]】[/size][/font][/url]
[color=#3333ff][size=2][font=Comic Sans MS]Tired of clicking faucets? Do you know how to use the internet? If you answered yes then you should be earning to your full potential with RunCPA[/font][/size][/color]
Which translates to:
BTCBTCBTC〖RunCPA #1 Bitcoin Affiliate Network〗BTCBTCBTC
Tired of clicking faucets? Do you know how to use the internet? If you answered yes then you should be earning to your full potential with RunCPA

Please, any advice would be greatly appreciated.
hero member
Activity: 700
Merit: 500
Lesson 10 will come Smiley I'm just really super busy with all the projects, orders and stuff Smiley
Lesson 10 is dedicated to 'Monospace' font, so let say the post above is a teaser Wink

Best wishes.

Can't wait for your next lesson...
I already tries to play with some of your examples and it's really cool.
I have a business idea, and when the day will come I hope to make a signature campaign, and design my own signature based on your lessons.

Thanks for your effort, we need more people like you in this forum.
legendary
Activity: 2212
Merit: 1199
Hello,

Just a quick drop Tongue

If you need to draw a logo or an element which shape is a circle you can start from this template:

Quote

░░░░░░▄▄▄████████▄▄▄
░░░░▄████████████████▄
░░▄████████████████████▄
████████████████████████
▐████████████████████████▌
██████████████████████████
██████████████████████████
██████████████████████████
▐████████████████████████▌
████████████████████████
░░▀████████████████████▀
░░░░▀████████████████▀
░░░░░░▀▀▀████████▀▀▀
Code:
[table]
[tr]
[td]
[font=monospace][size=2pt][color=#000]
[color=transparent]░░░░░░[/color]▄▄▄████████▄▄▄
[color=transparent]░░░░[/color]▄████████████████▄
[color=transparent]░░[/color]▄████████████████████▄
[color=transparent]░[/color]████████████████████████
[color=transparent][/color]▐████████████████████████▌
[color=transparent][/color]██████████████████████████
[color=transparent][/color]██████████████████████████
[color=transparent][/color]██████████████████████████
[color=transparent][/color]▐████████████████████████▌
[color=transparent]░[/color]████████████████████████
[color=transparent]░░[/color]▀████████████████████▀
[color=transparent]░░░░[/color]▀████████████████▀
[color=transparent]░░░░░░[/color]▀▀▀████████▀▀▀
[/td]
[/tr]
[/table]


It's made with 'Monospace' font so it should looks the same on Linux, Android, Windows, iOS and OSX.

Smiley

Lesson 10 will come Smiley I'm just really super busy with all the projects, orders and stuff Smiley
Lesson 10 is dedicated to 'Monospace' font, so let say the post above is a teaser Wink



Best wishes.
legendary
Activity: 2212
Merit: 1199
Thank you everyone!

Your opinions are like the honey to my heart Smiley

It's my pleasure to continue with tutorials, I just need time to write another proper lesson/tutorial which will take your skills to the another level Smiley

Keep an eye on this thread and soon it will bring the lesson 10 to all of you Smiley


Best wishes.
full member
Activity: 230
Merit: 100
Impressive! Very informative and glad you have made this tutorial. I am searching this tutorial for a long time. It is timely that I have more free time now for an early vacation, now I can focus on this. Continue to make this informative tutorial, really help us to especially those aspiring campaign signature designer. Smiley
legendary
Activity: 1049
Merit: 1009
TRX: TCRKDukYt2zDie9vJDhToKrP3tyTV29U48
Lesson 10 still coming soon  Cheesy
I still learn from you...  Smiley
hero member
Activity: 2716
Merit: 904
Thank you also for these thread. It help me a lot. now I know how to make beautiful threads...
legendary
Activity: 1241
Merit: 1005
..like bright metal on a sullen ground.
Thanks for creating these lessons  Wink
legendary
Activity: 2212
Merit: 1199
Hello,


I noticed that using 'monospace' font family for BBCode designs makes a design more compatible on different systems even Mac OSX.

Code:
[font=Monospace][size=2pt]██████[/size][/font]

But there is one problem, it doesn't look so well under Linux / Windows / Android.
But it looks "same" under ie. Windows Chrome & OSX Safari..

In some cases it may be better to draw BBCode designs with Monospace font. Especially for single color / black designs.

I will draw some examples to compare later on.


Have a great day and best wishes.
legendary
Activity: 2212
Merit: 1199

Lesson 9: "Inside of tables": Image size

This is a quick lesson or perhaps just a quick tip.
Lesson 9 is not related with signatures but it's related with BBCode and it's good to know about it when you think about thread design improvements etc.

If you want to create a table and put some images inside of table rows your image will be visually resized (to smaller).
Adding width attribute to our image will not solve the problem.

Example:
Thank you very much man, this was a great tutorial, I am new here but from the begining I was interested about how to create bbcode signature. Don't forget that there are some people, which will like your work.
thank you for this awesome work Wink

Hello,

You're welcome Smiley

Best wishes.
newbie
Activity: 36
Merit: 0
thank you for this awesome work Wink
jr. member
Activity: 56
Merit: 1
Thank you very much man, this was a great tutorial, I am new here but from the begining I was interested about how to create bbcode signature. Don't forget that there are some people, which will like your work.
legendary
Activity: 2212
Merit: 1199
Nice tutorials rosinpl ! Keep them coming  Cheesy

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 :

Hello,

Thanks for sharing! It's pretty impressive!

The only thing I would mind about is using 'white-space' inside of a BBCode pixel image design placed in a table rows( [ td ] ).
Because when you put 'white-space' at front of a row the space might be invisible.

For example:


Hope you like it !

I like it and thanks for the share, though it seems people have not yet got into signature making looking at the number of views and likes Roll Eyes

Waiting for lesson 5 now sensei Rosinpl


Actually you can find 8 lessons here Smiley
Lesson 9 coming soon. A short one but useful Smiley



Thanks everyone for kind words!

Lesson 9 coming up Smiley (Edited: done Smiley).


Best wishes.




hero member
Activity: 2492
Merit: 542
Thank you for this thread, very useful tutorials maybe I can use it for future reference.
hero member
Activity: 1050
Merit: 508

Cool. This is very helpful. I studied some basic coding more than a decade ago but i'll try to read this when needed. I leave a message so I can easily track this. Thanks for the share. Much appreciated.
legendary
Activity: 1176
Merit: 1016
I would like to appreciate roslinple and all other who sharing experience and tutorials, I will read and watch all tutorials and try to participate in signature designing contests too.

Thank You so much.
hero member
Activity: 994
Merit: 515
Get'em boys

Hope you like it !

I like it and thanks for the share, though it seems people have not yet got into signature making looking at the number of views and likes Roll Eyes

Waiting for lesson 5 now sensei Rosinpl
legendary
Activity: 1988
Merit: 1317
Get your game girl
Nice tutorials rosinpl ! Keep them coming  Cheesy

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.

Awesome.Never knew that,it simplifies process so much! I have been a idiot all my life wasting hours aligning the pixels and still couldn't get a perfect picture.I should start looking out for signature design contests now. Tongue
Pages:
Jump to: