Ｄｉｇｉｔａｌｌｙ Ｄｉｓｔｉｎｃｔ: BBCoding Tutorial/Help Thread

[ArtsheepNZ]

Queen Glory Dish

Payment - 30 Wishlist Pets/1 VR/10,000 Treasure (Flight Rising)

Code: Select all

[img]http://fontmeme.com/freefonts/img.php?f=34878&s=55&t=Hey,%20Huntress!&c=CC9933[/img]
✔Username:
✔Theme:
✔Pictures:
✔Text (Optional):
✔Do the images need to be resized?:
✔Payment:
✔Other:

This is what it looks like here, but on my signature shop...


It looks totally wrong. I have to remove the 150 size, and when I do, it's goes completely whack. Could someone help me?

Code: Select all

[center][size=150][color=#408080]Queen Glory Dish[/color][/size][/center]
[center]Payment - 30 Wishlist Pets/1 VR/10,000 Treasure (Flight Rising)
[size=85][code]
[img]http://fontmeme.com/freefonts/img.php?f=34878&s=55&t=Hey,%20Huntress!&c=CC9933[/img]
✔Username:
✔Theme:
✔Pictures:
✔Text (Optional):
✔Do the images need to be resized?:
✔Payment:
✔Other:[/code][/size][/center]


You mean like this?

Queen Glory Dish

Payment - 30 Wishlist Pets/1 VR/10,000 Treasure (Flight Rising)

Code: Select all

[img]http://fontmeme.com/freefonts/img.php?f=34878&s=55&t=Hey,%20Huntress!&c=CC9933[/img]
✔Username:
✔Theme:
✔Pictures:
✔Text (Optional):
✔Do the images need to be resized?:
✔Payment:
✔Other:

Code: Select all

[center][color=#408080]Queen Glory Dish[/color][/center]
[center]Payment - 30 Wishlist Pets/1 VR/10,000 Treasure (Flight Rising)
[size=85][code]
[img]http://fontmeme.com/freefonts/img.php?f=34878&s=55&t=Hey,%20Huntress!&c=CC9933[/img]
✔Username:
✔Theme:
✔Pictures:
✔Text (Optional):
✔Do the images need to be resized?:
✔Payment:
✔Other:[/code][/size][/center]

[Jubunu]

Queen Glory Dish

Payment - 30 Wishlist Pets/1 VR/10,000 Treasure (Flight Rising)

Code: Select all

[img]http://fontmeme.com/freefonts/img.php?f=34878&s=55&t=Hey,%20Huntress!&c=CC9933[/img]
✔Username:
✔Theme:
✔Pictures:
✔Text (Optional):
✔Do the images need to be resized?:
✔Payment:
✔Other:

This is what it looks like here, but on my signature shop...


It looks totally wrong. I have to remove the 150 size, and when I do, it's goes completely whack. Could someone help me?

Code: Select all

[center][size=150][color=#408080]Queen Glory Dish[/color][/size][/center]
[center]Payment - 30 Wishlist Pets/1 VR/10,000 Treasure (Flight Rising)
[size=85][code]
[img]http://fontmeme.com/freefonts/img.php?f=34878&s=55&t=Hey,%20Huntress!&c=CC9933[/img]
✔Username:
✔Theme:
✔Pictures:
✔Text (Optional):
✔Do the images need to be resized?:
✔Payment:
✔Other:[/code][/size][/center]


The problem wasn't in the coding you posted, it was actually a bit further up in the coding on your shop. There were a few actions that weren't closed, such as starting a [center] but never closing it with a [ /center]. I fixed it up, and here is the entire coding for that post on your shop C:

Code: Select all

[center][size=150][color=#800080]Bedew Meal[/color][/size][/center]
[center]Payment - 1 rare/10C$/15 uncommons[/center]
[size=85][center][code]
[img]http://fontmeme.com/freefonts/img.php?f=34878&s=55&t=Hey,%20Huntress!&c=CC9933[/img]
✔Username:
✔Theme:
✔Pictures:
✔Text (Optional):
✔Do the images need to be resized?:
✔Payment:
✔Other:[/code][/center]
[/size]

[size=150][center][color=#BF4040]Ember Salad[/color][/center][/size]
[center]Payment - 1 VR/5C$/25 Wishlist Pets[/center]
[center][size=85][code]
[img]http://fontmeme.com/freefonts/img.php?f=34878&s=55&t=Hey,%20Huntress!&c=CC9933[/img]
✔Username:
✔Theme:
✔Pictures:
✔Text (Optional):
✔Do the images need to be resized?:
✔Payment:
✔Other:[/code][/size][/center]

[center][size=150][color=#408080]Queen Glory Dish[/color][/size][/center]
[center]Payment - 30 Wishlist Pets/1 VR/10,000 Treasure (Flight Rising)
[size=85][code]
[img]http://fontmeme.com/freefonts/img.php?f=34878&s=55&t=Hey,%20Huntress!&c=CC9933[/img]
✔Username:
✔Theme:
✔Pictures:
✔Text (Optional):
✔Do the images need to be resized?:
✔Payment:
✔Other:[/code][/size][/center]]

[Goostarion]

Just a little notice.

I am so happy to be seeing everyone helping out and with saying this I want to thank each and every person for helping because it is a great thing to be able to see happen here. Thank you all for your contributions!

The reason for this notice here is because of something I have been seeing. A large number of posts where people post a fixed code after someone else who have already done it, so essentially a double post in code is happening.

While this isn't a rule just yet, but it might end up being one depending on how this goes, although I do believe this might have been a rule in the past (Or at least it was put up for discussion)

Please do not post the code if someone already has done it before you have. It is beginning to cause a bit of spam unfortunately, and it can potentially confuse the person who is asking us for help.

On a more positive note, a new layout has been added in the Signature layout part of the tutorial. Thank you a ton ahsoka for your time and contributions!

[Jubunu]

I admit I've been guilty of doing that; even though I make sure if I'm posting code for a problem that has already been replied to, that what I offer is different coding, such as if I wasn't sure if the first reply was actually what the original poster was asking. I thought giving the original poster a few different options rather than just one would be helpful, but I can see now how that would probably be considered as spam x'D

This last post that I made actually wasn't just a re-post- the first fix given wouldn't have worked because of a few coding errors in the original poster's shop further up on their shop's page- none of which were within the coding given in the original post. Even if the given codes were changed, as soon as they were put with the other bits of coding in their shop they would become messed up again. I didn't mean for it to be spam- I wouldn't have posted if the first fix would have worked. Sorry! x.x
-------------
On a coding related note- I just wanna make sure this isn't possible-



There isn't a way to get rid of the gap between the two images, right? I'm not missing something painfully obvious? xD

Here's the code in case someone needs it-

Code: Select all

[img]http://i.imgur.com/dKx4aNF.png[/img]
[img]http://i.imgur.com/pbO7D6E.png[/img]

[hummxs]

I admit I've been guilty of doing that; even though I make sure if I'm posting code for a problem that has already been replied to, that what I offer is different coding, such as if I wasn't sure if the first reply was actually what the original poster was asking. I thought giving the original poster a few different options rather than just one would be helpful, but I can see now how that would probably be considered as spam x'D

This last post that I made actually wasn't just a re-post- the first fix given wouldn't have worked because of a few coding errors in the original poster's shop further up on their shop's page- none of which were within the coding given in the original post. Even if the given codes were changed, as soon as they were put with the other bits of coding in their shop they would become messed up again. I didn't mean for it to be spam- I wouldn't have posted if the first fix would have worked. Sorry! x.x
-------------
On a coding related note- I just wanna make sure this isn't possible-



There isn't a way to get rid of the gap between the two images, right? I'm not missing something painfully obvious? xD

Here's just code in case someone needs it-

Code: Select all

[img]http://i.imgur.com/dKx4aNF.png[/img]
[img]http://i.imgur.com/pbO7D6E.png[/img]

There's a way to put both of the images together in one image. STEEEPS!
1 Just go to online-image-editor.com
2 Put in one of either image in the Choose File/Paste URL selection a below the selections on the left
3 Go to the Wizards tab and click Overlay Image (note: will not work with a url, only downloaded pictures work)
4 Merge the pictures together as closely as possible
And that should be it! You'll need to host the image in another site though.
Hope this helps, because I believe it's impossible to merge the two of them in BBCode. I might be wrong.

[Jubunu]

There's a way to put both of the images together in one image. STEEEPS!
1 Just go to online-image-editor.com
2 Put in one of either image in the Choose File/Paste URL selection a below the selections on the left
3 Go to the Wizards tab and click Overlay Image (note: will not work with a url, only downloaded pictures work)
4 Merge the pictures together as closely as possible
And that should be it! You'll need to host the image in another site though.
Hope this helps, because I believe it's impossible to merge the two of them in BBCode. I might be wrong.

Ah, alright- In order to do the coding I was planning the images have to be split into the two, sadly. But glad to know I wasn't overlooking anything! Tons of thanks anyways! C:

[topazius.]

Queen Glory Dish

Payment - 30 Wishlist Pets/1 VR/10,000 Treasure (Flight Rising)

Code: Select all

[img]http://fontmeme.com/freefonts/img.php?f=34878&s=55&t=Hey,%20Huntress!&c=CC9933[/img]
✔Username:
✔Theme:
✔Pictures:
✔Text (Optional):
✔Do the images need to be resized?:
✔Payment:
✔Other:

This is what it looks like here, but on my signature shop...


It looks totally wrong. I have to remove the 150 size, and when I do, it's goes completely whack. Could someone help me?

Code: Select all

[center][size=150][color=#408080]Queen Glory Dish[/color][/size][/center]
[center]Payment - 30 Wishlist Pets/1 VR/10,000 Treasure (Flight Rising)
[size=85][code]
[img]http://fontmeme.com/freefonts/img.php?f=34878&s=55&t=Hey,%20Huntress!&c=CC9933[/img]
✔Username:
✔Theme:
✔Pictures:
✔Text (Optional):
✔Do the images need to be resized?:
✔Payment:
✔Other:[/code][/size][/center]


The problem wasn't in the coding you posted, it was actually a bit further up in the coding on your shop. There were a few actions that weren't closed, such as starting a [center] but never closing it with a [ /center]. I fixed it up, and here is the entire coding for that post on your shop C:

Code: Select all

[center][size=150][color=#800080]Bedew Meal[/color][/size][/center]
[center]Payment - 1 rare/10C$/15 uncommons[/center]
[size=85][center][code]
[img]http://fontmeme.com/freefonts/img.php?f=34878&s=55&t=Hey,%20Huntress!&c=CC9933[/img]
✔Username:
✔Theme:
✔Pictures:
✔Text (Optional):
✔Do the images need to be resized?:
✔Payment:
✔Other:[/code][/center]
[/size]

[size=150][center][color=#BF4040]Ember Salad[/color][/center][/size]
[center]Payment - 1 VR/5C$/25 Wishlist Pets[/center]
[center][size=85][code]
[img]http://fontmeme.com/freefonts/img.php?f=34878&s=55&t=Hey,%20Huntress!&c=CC9933[/img]
✔Username:
✔Theme:
✔Pictures:
✔Text (Optional):
✔Do the images need to be resized?:
✔Payment:
✔Other:[/code][/size][/center]

[center][size=150][color=#408080]Queen Glory Dish[/color][/size][/center]
[center]Payment - 30 Wishlist Pets/1 VR/10,000 Treasure (Flight Rising)
[size=85][code]
[img]http://fontmeme.com/freefonts/img.php?f=34878&s=55&t=Hey,%20Huntress!&c=CC9933[/img]
✔Username:
✔Theme:
✔Pictures:
✔Text (Optional):
✔Do the images need to be resized?:
✔Payment:
✔Other:[/code][/size][/center]]

Yes! Thank you very much!

[Windy0cloud]

Hello!
How can I fit this image, http://i.imgur.com/6nfvMVw.png
down in the open space below?

xxxx

text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text text text much words text text much words text text much words text text
text text much words text text much words text text much words text text text much words text text much words text text much words text text
text text much words text text much words text text much words text text text much words text text much words text text much words text text
text text much words text text much words text text much words text text text much words text text much words text text much words text text

Code: Select all

[left][color=transparent]xxxx[/color][/left][left][img]http://i.imgur.com/r6PBgQL.gif[/img]     [img]http://i.imgur.com/DBLiZmi.gif[/img]
[size=85]text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text text text much words text text much words text text much words text text
text text much words text text much words text text much words text text text much words text text much words text text much words text text
text text much words text text much words text text much words text text text much words text text much words text text much words text text
text text much words text text much words text text much words text text text much words text text much words text text much words text text
[/size][/left]

[ghostmaker]

Hello!
How can I fit this image, http://i.imgur.com/6nfvMVw.png
down in the open space below?

xxxx

text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text text text much words text text much words text text much words text text
text text much words text text much words text text much words text text text much words text text much words text text much words text text
text text much words text text much words text text much words text text text much words text text much words text text much words text text
text text much words text text much words text text much words text text text much words text text much words text text much words text text

Code: Select all

[left][color=transparent]xxxx[/color][/left][left][img]http://i.imgur.com/r6PBgQL.gif[/img]     [img]http://i.imgur.com/DBLiZmi.gif[/img]
[size=85]text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text
text text much words text text much words text text much words text text text much words text text much words text text much words text text
text text much words text text much words text text much words text text text much words text text much words text text much words text text
text text much words text text much words text text much words text text text much words text text much words text text much words text text
text text much words text text much words text text much words text text text much words text text much words text text much words text text
[/size][/left]

xxxx

text text much words text text much words text text much words text text text much words text text much words text text much words text text
text text much words text text much words text text much words text text text much words text text much words text text much words text text
text text much words text text much words text text much words text text text much words text text much words text text much words text text
text text much words text text much words text text much words text text text much words text text much words text text much words text text text text much words text text much words text text much words text text text much words text text much words text text much words text text text text much words text text much words text text much words text text text much words text text much words text text much words text text text text much words text text much words text text much words text text text much

like that?

Code: Select all

[left][color=transparent]xxxx[/color][/left][left][img]http://i.imgur.com/r6PBgQL.gif[/img]     [img]http://i.imgur.com/DBLiZmi.gif[/img]
[size=85][img]http://i.imgur.com/6nfvMVw.png[/img][/left]
[center]text text much words text text much words text text much words text text text much words text text much words text text much words text text
text text much words text text much words text text much words text text text much words text text much words text text much words text text
text text much words text text much words text text much words text text text much words text text much words text text much words text text
text text much words text text much words text text much words text text text much words text text much words text text much words text text text text much words text text much words text text much words text text text much words text text much words text text much words text text text text much words text text much words text text much words text text text much words text text much words text text much words text text text text much words text text much words text text much words text text text much[/center]
[/size]

[Windy0cloud]

That would work too, but I was thinking more of how the image is on the right and the text could go underneath it as well.