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

[sxtxrn]

@ hhound
here you go! i fixed it so the deer is at the bottom & the bottom of all your pets line up !!
you were trying to use [left], [right], and [center]. when doing columns for simple things all you really need is one type (whether its left right or center is up to you)
i made them all line up by combining them into one [left] and not having a space between the images/links. you could also make 3 individual columns by putting each pet into a set of [left]'s but it wouldnt fix your floating deer issue.
i hope my explanation is clear, please lmk if it doesnt make sense :]

Code: Select all

[left][url=https://www.chickensmoothie.com/pet/291912508.html][img]https://www.chickensmoothie.com/pet/291912508&trans=1.jpg[/img][/url][url=https://www.chickensmoothie.com/pet/435673190.html][img]https://www.chickensmoothie.com/pet/435673190&trans=1.jpg[/img][/url][url=https://www.chickensmoothie.com/pet/392656372.html][img]https://www.chickensmoothie.com/pet/392656372&trans=1.jpg[/img][/url]
[/left]

[hhound]

ohhh okay i had a dog brain moment i'm use to css not bbc haha thank you so much!

[hhound]

Code: Select all

[left][size=180]│
│
│
│
│
│
│
│
│
│
│
│
│[/size][/left][left][center][img]https://i.imgur.com/v3dbwJR.gif[/img][/center][right][center][img]https://i.imgur.com/o5qS9qh.png[/img]
─────────────────────
my sig is broken right now
text text text text text text
text text text text text text
─────────────────────[/center][/right][img]https://i.imgur.com/qPdUtR8.gif[/img]
[right][img]https://i.imgur.com/oWHIaRm.gif[/img][/right][img]https://i.imgur.com/KrOgHma.png[/img]
───────────────────────────
text text text text text text text text
text text text text text text text text
text text text text text text text text
───────────────────────────[/left][left][center][img]https://i.imgur.com/eN1KACf.gif[/img]
[img]https://i.imgur.com/ky8VsiQ.png[/img][/center][/left][left][img]https://i.imgur.com/8AFgBnc.png[/img][color=transparent]xx[/color][img]https://i.imgur.com/20ODUUE.gif[/img]
[center]────────────────────────
text text text text text text text
text text text text text text text
text text text text text text text
────────────────────────
link || link || link || link
────────────────────────
[img]https://i.imgur.com/A7z9QR7.gif[/img]
[size=85]───────────────────────────[/size]
[img]https://i.imgur.com/jHQcZfL.png[/img][/center]
[/left]

it's me again and i'm having trouble again haha, but the text box that is being cut off i want it to be under the text box that has it feels good above it

[Keir;]

@hhound the only issue is that the text box above it (the one that mentions your sig being broken) is too long vertically, the easiest fix is to just remove a line of text to make it 2 lines instead of 3. but you could also make the image that's to the left of that text box taller to match the length of the 3 lines of text

currently you can see that the border on the bottom of the first text box extends past the bottom of the image beside it - that's what's causing the section below to get pushed down, because it's unable to fit

[hhound]

@hhound the only issue is that the text box above it (the one that mentions your sig being broken) is too long vertically, the easiest fix is to just remove a line of text to make it 2 lines instead of 3. but you could also make the image that's to the left of that text box taller to match the length of the 3 lines of text

currently you can see that the border on the bottom of the top text box extends past the bottom of the image beside it - that's what's causing the section below to get pushed down, because it's unable to fit

it's fixed now i think at least for me it is thank you so much! i'll get this bbc coding stuff down eventually

[The Ghost Of You]

coding this for my forum, but i was just wondering how to make the quote box smaller?

Code: Select all

[left][img]https://i.imgur.com/WnpDvSK.jpeg[/img]
[size=150][color=#000000][b]─[/b][/color][color=#000000][b]✧✧[/b][/color][color=#000000][b]──[/b][/color][color=#000000]𝐓𝐎 𝐓𝐇𝐄 𝐒𝐄𝐀𝐓 𝐖𝐈𝐓𝐇[/color][color=#000000][b]──[/b][/color][color=#000000][b]✧✧[/b][/color][color=#000000][b]─[/b][/color][/size]
[img]https://i.imgur.com/ZrSB0Wk.png[/img]
[right][quote][code][left][img]https://i.imgur.com/BGZ82LE.png[/img]
[color=#800000][b]Theme/Person?:[/b][/color] here
[color=#800000][b]Colour scheme?:[/b][/color] (if none, I'll just use the images used) here
[color=#800000][b]Aesthetic/s?:[/b][/color] (used as space fillers/columns, prefered) here
[color=#800000][b]Images/gifs:[/color][/b]  here (more is better, also the larger the file, the better the image quality)
[color=#800000][b]Quote/lyric:[/b][/color]  here
[color=#800000][b]Text space/bio:[/b][/color] (exact words you'd like) here
[color=#800000][b]any links?:[/b][/color] here
[color=#800000][b]Payment:[/b][/color] here
[color=#800000][b]Anything else? :[/b][/color] here[/left][/code][/quote][/right][/left][left][size=150][img]https://i.imgur.com/BcM9oGb.png[/img]
[color=#000000]𝐓𝐎 𝐓𝐇𝐄[/color][color=#000000][b]────────[/b][/color][color=#000000][b]✧✧✧[/b][/color][color=#000000][b]─[/b][/color][/size]
[img]https://i.imgur.com/DtW97b7.png[/img]
[img]https://i.imgur.com/KfY6Eie.gif[/img][/left]

[sxtxrn]

@ the ghost of you

im gonna go ahead and send you a pm because im on mac & formatting gets messed up for me

[ursachuu]

i pray someone still checks this thread ;w;

i'm trying to create a form that's inside a code box, but the box is longer than what i'd like it to be. i'm hoping someone can help me make it more square so it fits properly?

this is the code i'm working with.


Code: Select all

[list][left][center][size=150][color=#4AA02C]│
│
│
│
│
│
│
│
│
│
│
│
│
│[/color]
[color=#E8ADAA]✿[/color]
[color=#4AA02C]│[/color][/size][/center][/left][left][size=150][color=#347C2C]█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█[/color][/size][/left][left][center][img]https://i.imgur.com/dqfsIRr.gif[/img]

[size=180]LET'S SUBMIT OUR FORM[/size]

[size=150][color=#D2B9D3]┌─ [/color][color=#E8ADAA]✿[/color][color=#D2B9D3] ──────────────────────┐[/color][/size]
[size=85]simply copy/paste this form[color=transparent]..[/color]and fill out the questions!

rules | prompts & prizes | discussion | previous winners[/size]
[size=150][color=#D2B9D3]└────────────────────── [/color][color=#E8ADAA]✿[/color][color=#D2B9D3] ─┘[/color][/size][/center][/left][left][size=150][color=#347C2C]█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█[/color][/size][/left][left][center][size=150][color=#4AA02C]│[/color]
[color=#E8ADAA]✿[/color]
[color=#4AA02C]│
│
│
│
│
│
│
│
│
│
│
│
│
│[/color][/size][/center][/left][/list]