Ｄｉｇｉｔａｌｌｙ Ｄｉｓｔｉｎｃｔ: Signature Tutorial Thread

[raven queen.]

Code: Select all

[left][img]https://lh3.googleusercontent.com/-Mm1QpwGdxbU/VTyVN2HM34I/AAAAAAAAHpE/_IAzkQVCirc/w300-h286-no/oie_R1mVAg7NbaBL.gif[/img][/left][left]╔══════♆══════╗
[center][size=70][color=#244465]T[/color][color=#294969]h[/color][color=#2d4f6d]e[/color][color=#325471]r[/color][color=#375975]e[/color] [color=#40647d]i[/color][color=#456981]s[/color] [color=#4e7489]a[/color][color=#53798c]l[/color][color=#587f90]w[/color][color=#5c8494]a[/color][color=#618a98]y[/color][color=#668f9c]s[/color] [color=#6f9aa4]a[/color] [color=#79a4ac]w[/color][color=#7daab0]a[/color][color=#82afb4]y[/color] [color=#82afb4]o[/color][color=#82afb4]u[/color][color=#82afb4]t[/color][/size]
Tis wip
text text text
text text text
text text text
[size=50][url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=643521]coding[/url][/size]
[size=70][color=#82afb4]f[/color][color=#82afb4]o[/color][color=#82afb4]r[/color] [color=#82afb4]t[/color][color=#82afb4]h[/color][color=#82afb4]o[/color][color=#82afb4]s[/color][color=#82afb4]e[/color] [color=#82afb4]c[/color][color=#82afb4]l[/color][color=#82afb4]e[/color][color=#82afb4]v[/color][color=#7daab0]e[/color][color=#79a4ac]r[/color] [color=#6f9aa4]e[/color][color=#6a94a0]n[/color][color=#668f9c]o[/color][color=#618a98]u[/color][color=#5c8494]g[/color][color=#587f90]h[/color] [color=#4e7489]t[/color][color=#4a6f85]o[/color] [color=#40647d]f[/color][color=#3b5f79]i[/color][color=#375975]n[/color][color=#325471]d[/color] [color=#294969]i[/color][color=#244465]t[/color][/size][/center]
╚══════♆══════╝[/left][left][img]https://lh6.googleusercontent.com/-bTjd0wek4Ck/VTyX9eQ325I/AAAAAAAAHpg/gx_IMKW925g/w242-h286-no/bef2e8a62cedafb427dc473a5f1aa2df.png[/img][/left]

I'm not 110% sure if you wanted it like this or the image inside of the text box.
But the reason why the image was pushing down was because of the size of the blue text. You need to have a thin text column for this to work. You only have 'x' amount of space for the middle column to work. If you want the font to fit:
You must break down
The quote so it fits in
The approximate space
That you can get it to
Fit as, like this for
Instance. It cannot
Be one single line or
it will definitely not
Fit

╔══════♆══════╗

There is always a way out
Tis wip
text text text
text text text
text text text
coding
for those clever enough to find it

╚══════♆══════╝

Thank you so much!
Thank you thank you thank you!
Thats exactly how I wanted it!

[DoomyPanda]

Quick question. How do I get an image and text lined up like this?:



I kind of got it working (hence the screenshot) but it has to stay to the left with the way that I figured out on my own, so I'm wondering if there is a better more efficient alternative?

[chrome]

Quick question. How do I get an image and text lined up like this?:



I kind of got it working (hence the screenshot) but it has to stay to the left with the way that I figured out on my own, so I'm wondering if there is a better more efficient alternative?

i'm really not sure what you mean?
to have two things next to each other you either have to do all [left] or all [right]

[DoomyPanda]

Quick question. How do I get an image and text lined up like this?:



I kind of got it working (hence the screenshot) but it has to stay to the left with the way that I figured out on my own, so I'm wondering if there is a better more efficient alternative?

i'm really not sure what you mean?
to have two things next to each other you either have to do all [left] or all [right]

Yeeaah that was kind of vague lol

What I wanted to ask was if there was a way to center all of it. I can do it with left and right but is it possible to center it?

[chrome]

Quick question. How do I get an image and text lined up like this?:



I kind of got it working (hence the screenshot) but it has to stay to the left with the way that I figured out on my own, so I'm wondering if there is a better more efficient alternative?

i'm really not sure what you mean?
to have two things next to each other you either have to do all [left] or all [right]

Yeeaah that was kind of vague lol

What I wanted to ask was if there was a way to center all of it. I can do it with left and right but is it possible to center it?

not by using the center code.
you could use transparent x's to push it into the middle
but that's the only way

[DoomyPanda]

Yeeaah that was kind of vague lol

What I wanted to ask was if there was a way to center all of it. I can do it with left and right but is it possible to center it?

not by using the center code.
you could use transparent x's to push it into the middle
but that's the only way

Oh okay, thanks a lot! That was very helpful :D

[unit 01]

Hello there! I love this thread, by the way~
But, while coding, I've run into a little roadblock. I want the images
to move closer to the text, does anyone know how to do that?
Or would a border fix that?

Code: Select all

[left][img]http://i59.tinypic.com/eb4xl3.gif[/img][/left][right][img]http://oi59.tinypic.com/sc70as.jpg[/img][/right]
[center][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjIyLjAwMDAwMC5XMHRKVEV3Z2JHRWdTMGxNVEYwLC4w/cooper-hewitt.thin.png[/img]
╭[color=transparent]xx[/color][size=85]( ´ ▽ ` )ﾉ hello there! i'm jay.[/size][color=transparent]xx[/color]╮
[size=85]i love to roleplay, don't be afraid
to invite me to a 1x1 or open,
i just prefer lit/semi-lit.[/size]
╰[color=transparent]xxxxx[/color][size=85]fc: 1891-1351-7950[/size][color=transparent]xxxxxx[/color]╯[/center][center][/center][center][size=85][url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=21&t=2675961&p=85731899#p85731899][color=black]art shop[/color][/url] [url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=15&t=2601716&p=82891166#p82891166][color=#C79797]trade thread[/color][/url] [url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=22&t=2304587][color=black]dreamie dashers[/color][/url][/size][/center]
[center]art credit [url=http://www.ifallelsefailsdance.tumblr.com]❤︎[/url]

[img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjE4LjAwMDAwMC5iU0JoSUdzZ2J5QWdiU0JoSUc0Z2F5QmhJRzRnY3lCb0lHOGdheUIxLjAAAAAAAAAA/cooper-hewitt.thin.png[/img][/center]

[i'm so sorry...]

@above - a border can fix that, but you can also align it all to the left.

[unit 01]

I hate to ask, but how do you do that?

[chrome]

I hate to ask, but how do you do that?

do you mean making everything lefts? you replace the brackets with all left's but you also might need to move a few things around, i can also do it for you if you'd like