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

[noal]

@Tawk ; That would be entirely impossible to do. Images are square-like, and the layout (and the images) you have provided cannot be dealt with in the way you want them to. The wolf would have to be pushed over in order for the quote to be exactly centred. The text boxes also wouldn't be able to go where you want them. It wouldn't be complicated to do the coding and image manipulation, but I can't do it since I wouldn't be able to edit the left image. I'm sorry for the inconvenience, but I hope I helped anyhow.

[Erwin Smith]

Hi! I just have three images that I want to fit together like this:



But with the following code:

Code: Select all

[center][img]http://s18.postimg.org/c3q8zdbq1/middle.png[/img][/center][left][img]http://s17.postimg.org/lsnejk9y7/left.png[/img][/left][right][img]http://s1.postimg.org/a7o54ztn3/right.png[/img][/right]

They're showing up like this:

How could I fix this? Thank you guys! I'd also like to fit in three textboxes like so:



And I would appreciate help with that as well. Thanks and sorry for the long post!

That would be entirely impossible to do. Images are square-like, and the layout (and the images) you have provided cannot be dealt with in the way you want them to. The wolf would have to be pushed over in order for the quote to be exactly centred. The text boxes also wouldn't be able to go where you want them. It wouldn't be complicated to do the coding and image manipulation, but I can't do it since I wouldn't be able to edit the left image. I'm sorry for the inconvenience, but I hope I helped anyhow.

Nah, it's possible to do.
Just requires a crap ton of coding.
*Points to my current signature.
If the person hasn't had help already, can you show me the code so I can take a look at it and the images/textboxes they want into the signature?
Cheers :)

[chrome]

Hi! I just have three images that I want to fit together like this:



But with the following code:

Code: Select all

[center][img]http://s18.postimg.org/c3q8zdbq1/middle.png[/img][/center][left][img]http://s17.postimg.org/lsnejk9y7/left.png[/img][/left][right][img]http://s1.postimg.org/a7o54ztn3/right.png[/img][/right]

They're showing up like this:

How could I fix this? Thank you guys! I'd also like to fit in three textboxes like so:



And I would appreciate help with that as well. Thanks and sorry for the long post!

That would be entirely impossible to do. Images are square-like, and the layout (and the images) you have provided cannot be dealt with in the way you want them to. The wolf would have to be pushed over in order for the quote to be exactly centred. The text boxes also wouldn't be able to go where you want them. It wouldn't be complicated to do the coding and image manipulation, but I can't do it since I wouldn't be able to edit the left image. I'm sorry for the inconvenience, but I hope I helped anyhow.

Nah, it's possible to do.
Just requires a crap ton of coding.
*Points to my current signature.
If the person hasn't had help already, can you show me the code so I can take a look at it and the images/textboxes they want into the signature?
Cheers

i'm pretty sure it's impossible to do, due to the fact they would be going over the image. no amount of coding can do that.
all images work as a box, so imagine the wolf's tail in a square box around the image/border. you can't go over the box, unless you edit the image itself

sorry if i explained weirdly

[Erwin Smith]

i'm pretty sure it's impossible to do, due to the fact they would be going over the image. no amount of coding can do that.
all images work as a box, so imagine the wolf's tail in a square box around the image/border. you can't go over the box, unless you edit the image itself

sorry if i explained weirdly

Edit:
Yeah, I was going to ask/suggest that you would need to edit the wolf image so it could fit. But the coding for the middle would work perfectly.
I should have explained this first, I apologize >.<

[chrome]

i'm pretty sure it's impossible to do, due to the fact they would be going over the image. no amount of coding can do that.
all images work as a box, so imagine the wolf's tail in a square box around the image/border. you can't go over the box, unless you edit the image itself

sorry if i explained weirdly

You can fix that by moving the wolf.
You can also high-tail it around by deleting one of the columns from the other side, I was going to ask for permission to do that before doing the code.
But, having the tail there while doing the code with the image is not impossible to do, you just need to crop it correctly so it fits.
*Points to signature again*
Like so in a way, so it is possible to do the signature with immense cropping or cutting out and rearranging.
Sure, it will take a long time, but it isn't impossible
I should have explained this first, I apologize >.<

oh, i see what you were saying, i assumed when you said coding, using bbcoding itself, not image editing
sorry

[noal]

i'm pretty sure it's impossible to do, due to the fact they would be going over the image. no amount of coding can do that.
all images work as a box, so imagine the wolf's tail in a square box around the image/border. you can't go over the box, unless you edit the image itself

sorry if i explained weirdly

Edit:
Yeah, I was going to ask/suggest that you would need to edit the wolf image so it could fit. But the coding for the middle would work perfectly.
I should have explained this first, I apologize >.<

I meant to have the wolf be pushovered over to the left if I wasn't clear. Also, that's why I said it would be impossible. You would have to edit the image to make it possible, but without any image editing and just coding it would very much be impossible.

[Erwin Smith]

i'm pretty sure it's impossible to do, due to the fact they would be going over the image. no amount of coding can do that.
all images work as a box, so imagine the wolf's tail in a square box around the image/border. you can't go over the box, unless you edit the image itself

sorry if i explained weirdly

You can fix that by moving the wolf.
You can also high-tail it around by deleting one of the columns from the other side, I was going to ask for permission to do that before doing the code.
But, having the tail there while doing the code with the image is not impossible to do, you just need to crop it correctly so it fits.
*Points to signature again*
Like so in a way, so it is possible to do the signature with immense cropping or cutting out and rearranging.
Sure, it will take a long time, but it isn't impossible :)
I should have explained this first, I apologize >.<

oh, i see what you were saying, i assumed when you said coding, using bbcoding itself, not image editing
sorry

No worries!
You can also not edit at all and get similar results, the only issue being the text-centered above and to the right need to be changed into a smaller size, but it definitely is not impossible
Or you can do what I mentioned below. :)
There are so many ways of doing it, nothing should be deemed impossible :D

i'm pretty sure it's impossible to do, due to the fact they would be going over the image. no amount of coding can do that.
all images work as a box, so imagine the wolf's tail in a square box around the image/border. you can't go over the box, unless you edit the image itself

sorry if i explained weirdly

Edit:
Yeah, I was going to ask/suggest that you would need to edit the wolf image so it could fit. But the coding for the middle would work perfectly.
I should have explained this first, I apologize >.<

I meant to have the wolf be pushovered over to the left if I wasn't clear. Also, that's why I said it would be impossible. You would have to edit the image to make it possible, but without any image editing and just coding it would very much be impossible.

Yes, that is true.

Just with mention to the editing and stuff, You can keep it like that and get the same results.
Let me explain:
I did a cover of the image as to where the images and text boxes could appropriately go.

This shows that if you were to do a crop, it would fit.
*The lines I did are in black*

[oat]

-snip-
Here you go :3 it looks funky now, but it'll work, trust me

Thank you, but the middle text still gets pushed to the right. Is there a way to put it in
the exact middle? Thanks again, it is wonderful of you to spend your time on me. ^^ X

That's because the picture on the left is overlapping the border, the image is larger, so I can't

[voittoisa]

Ah, I need some help, please!
The second column is down too far and I can't seem to get it back up.
Can someone help or explain why this is happening?

Code: Select all

[left][img]http://fc03.deviantart.net/fs70/f/2015/051/d/4/oie_2161529tmldr0gf_by_swedens_fridge-d8iviwn.png[/img][/left][left][img]http://fc09.deviantart.net/fs70/f/2015/051/2/d/oie_transparent__3__by_swedens_fridge-d8ivkg5.png[/img][/left]
[left][center][img]http://flont.veer.com/flontpng.aspx?text=Play%20with%20life!&size=31&maxWidth=540&fontId=4561&lineheight=37&backcolor=01FFFFFF&color=FF81ca9d&wrap=false&tracking=0[/img]
[color=#80BF80]►►►[/color][color=#00BF80][size=85]Sims 1[/size][/color][color=#80BF80]►[/color][color=#00BF80][size=85]Sims 2[/size][/color][color=#80BF80]►[/color][color=#00BF80][size=85]Sims 3[/size][/color][color=#80BF80]►[/color][color=#00BF80][size=85]Sims 4[/size][/color][color=#80BF80]►►►[/color]

╭[color=transparent]xxxxxxxxxxxxxxxxxxxx[/color]╮
[size=85]TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT[/size]
╰[color=transparent]xxxxxxxxxxxxxxxxxxxx[/color]╯
[img]http://fc06.deviantart.net/fs71/f/2015/051/b/6/oie_21711d1kht98w_by_swedens_fridge-d8ivo3w.png[/img][/center][/left][left][img]http://fc09.deviantart.net/fs70/f/2015/051/2/d/oie_transparent__3__by_swedens_fridge-d8ivkg5.png[/img][/left]

[Erwin Smith]

You accidently pressed enter between one of your [ / left][ left] codes, so it was like this:
bluef and all of the codes before hand[ / left]
[ left] all of the codes afterwards.
This pushes the stuff in the afterwards part down one line.


Code: Select all

[left][img]http://fc03.deviantart.net/fs70/f/2015/051/d/4/oie_2161529tmldr0gf_by_swedens_fridge-d8iviwn.png[/img][/left][left][img]http://fc09.deviantart.net/fs70/f/2015/051/2/d/oie_transparent__3__by_swedens_fridge-d8ivkg5.png[/img][/left][left][center][img]http://flont.veer.com/flontpng.aspx?text=Play%20with%20life!&size=31&maxWidth=540&fontId=4561&lineheight=37&backcolor=01FFFFFF&color=FF81ca9d&wrap=false&tracking=0[/img]
[color=#80BF80]►►►[/color][color=#00BF80][size=85]Sims 1[/size][/color][color=#80BF80]►[/color][color=#00BF80][size=85]Sims 2[/size][/color][color=#80BF80]►[/color][color=#00BF80][size=85]Sims 3[/size][/color][color=#80BF80]►[/color][color=#00BF80][size=85]Sims 4[/size][/color][color=#80BF80]►►►[/color]

╭[color=transparent]xxxxxxxxxxxxxxxxxxxx[/color]╮
[size=85]TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT[/size]
╰[color=transparent]xxxxxxxxxxxxxxxxxxxx[/color]╯
[img]http://fc06.deviantart.net/fs71/f/2015/051/b/6/oie_21711d1kht98w_by_swedens_fridge-d8ivo3w.png[/img][/center][/left][left][img]http://fc09.deviantart.net/fs70/f/2015/051/2/d/oie_transparent__3__by_swedens_fridge-d8ivkg5.png[/img][/left]


I fixed it or you :)