Digitally Distinct: BBCoding Tutorial/Help Thread

Having trouble formatting your forum topic or signature? Buy or sell custom code here

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby sxtxrn » Tue Apr 02, 2024 1:49 pm

@ 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]
▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂


Image
mikey | gay | he/they | astrophys major
hi, im rarely on here. i love to code

[ toyhouse ] ▼・ᴥ・▼ ⋆。°✩ [ trade me ]
Image




▔▔▔▔▔▔▔▔▔▔▔▔▔▔
User avatar
sxtxrn
 
Posts: 5022
Joined: Sun Sep 20, 2015 8:51 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby hhound » Tue Apr 02, 2024 1:52 pm

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












Image
Image
─────────────────────
name is hhound or jack!
im a chemist tech
─────────────────────
Image
Image
Image
───────────────────────────
love 90s grunge/rock music
loves to code (css mainly)
loves pink pets mainly
───────────────────────────
Image
Image
ImagexxImage
────────────────────────
trying my best as a new player
may be short in pms sorry!
pretty talkative once i warm up
────────────────────────
Sonas || Deftones || link || Dio
────────────────────────
Image
───────────────────────────
Image

User avatar
hhound
 
Posts: 190
Joined: Sun Mar 17, 2024 1:27 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby hhound » Sat Apr 13, 2024 3:42 pm

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












Image
Image
─────────────────────
name is hhound or jack!
im a chemist tech
─────────────────────
Image
Image
Image
───────────────────────────
love 90s grunge/rock music
loves to code (css mainly)
loves pink pets mainly
───────────────────────────
Image
Image
ImagexxImage
────────────────────────
trying my best as a new player
may be short in pms sorry!
pretty talkative once i warm up
────────────────────────
Sonas || Deftones || link || Dio
────────────────────────
Image
───────────────────────────
Image

User avatar
hhound
 
Posts: 190
Joined: Sun Mar 17, 2024 1:27 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Postby Keir; » Sat Apr 13, 2024 3:55 pm

    @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
Image
Image
║███
║███
║███
─────────
keir - he/him
coding shop
─────────
Image
Image






───┐
Image
Image
Image
Image
Image
Image
Image
Image
Image
Image
ImageImage
Image
███║
███║
███║






Image
Image





███████████
═══════════

Image
─────────────────
hmu if you wanna co-op in
genshin! (NA server, AR 60)
always down to help with
anything, or join just for fun!
─────────────────





███████
──────────
fandoms: svt
ateez, love nikki
genshin, bsd
──────────
▀▀▀▀▀▀▀
Image
Image
┌───────┐
- 𝐿𝓎𝓃𝑒𝓎​
└───────┘
Image
User avatar
Keir;
 
Posts: 11718
Joined: Thu May 05, 2016 11:06 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re:

Postby hhound » Sat Apr 13, 2024 3:57 pm

Keir; wrote:
    @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












Image
Image
─────────────────────
name is hhound or jack!
im a chemist tech
─────────────────────
Image
Image
Image
───────────────────────────
love 90s grunge/rock music
loves to code (css mainly)
loves pink pets mainly
───────────────────────────
Image
Image
ImagexxImage
────────────────────────
trying my best as a new player
may be short in pms sorry!
pretty talkative once i warm up
────────────────────────
Sonas || Deftones || link || Dio
────────────────────────
Image
───────────────────────────
Image

User avatar
hhound
 
Posts: 190
Joined: Sun Mar 17, 2024 1:27 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Who is online

Users browsing this forum: No registered users and 3 guests