Help BBC Code Requests/Help ? (Resolved)

[HannaTheHippy]

I'm sorta just messing around with BBC codes, div stuff, all of that. I'm pretty new to it all, and I've come this far:

Spoiler: Picture

Spoiler: Picture

The things I've circled are things I'd like to change;
- Get rid of the space between the scroll-y bar and the image
- Change the dashed line's color to black ?
- Make the whole thing smaller to fit into one post, so that the person doesn't have to keep scrolling down to look at the whole thing

Spoiler: Code

[border=1px solid black] [CENTER][B]DOE JANE -------------------------------------------------------------------------------------------------------------------------------------------------------------------------[/B][/CENTER] [Row] [Column=span5] TEXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXT TEXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXT TEXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXT TEXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXT TEXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXT [/Column] [imageFloat=right] - image here - [/imageFloat] [side=right] [Row] [Column=span8] [scroll=100px] [progress=100]Health[/progress] [progress=100]Stamina[/progress] [progress=25]Inventory space[/progress] [/scroll] [/Column][/Row][/side][/Row][/border]

Could you help ?
Thanks !

 

[Fable]

There are a few issues to first note. Spans for columns can only ever total to 8, yours are span5 and span8 . You also don't need to use the image float or side bbcode because you are using columns.

DOE JANE
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------​

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur efficitur, elit eget imperdiet commodo, ante est ornare risus, eu lacinia risus justo eget ex. Duis venenatis nisi non quam ullamcorper, in semper tortor eleifend. Donec placerat ex et tristique elementum. Nulla a urna fringilla magna malesuada venenatis vel vel purus. Donec tempor quam vehicula, congue arcu sit amet, blandit ipsum. Fusce laoreet aliquet sapien, non varius lacus volutpat et. Etiam eu libero nunc. Etiam finibus odio ut ligula pharetra, id lacinia leo ultricies.

Aenean auctor, felis ornare posuere dignissim, justo leo blandit neque, eu vulputate ipsum magna at sem. Sed ullamcorper urna suscipit vestibulum ullamcorper. Cras interdum massa et enim gravida, in elementum felis finibus. Pellentesque euismod dolor vitae sapien dictum scelerisque. Curabitur odio lectus, tempus sit amet nibh nec, maximus malesuada ante. Vivamus iaculis, neque sit amet hendrerit tempus, turpis purus laoreet odio, sodales lobortis dui velit sed augue. Praesent lectus mi, aliquet eget turpis sed, molestie consectetur dolor. Nunc ac vulputate augue, vitae condimentum odio. Nam luctus, quam sit amet tincidunt porta, lacus metus feugiat urna, eget congue magna metus eu lectus.

Aliquam viverra commodo felis at venenatis. Cras sagittis congue velit eget porta. Vestibulum a libero est. Phasellus molestie lectus a libero tempor varius. Aliquam laoreet dolor id ipsum egestas tincidunt. Aenean condimentum, dolor vel luctus laoreet, ante purus faucibus mauris, ut lacinia eros lorem id lacus. Aliquam placerat neque vel consectetur sagittis. Donec scelerisque elit id ex imperdiet, nec viverra nisl euismod. Nulla enim urna, sodales sit amet egestas et, commodo at felis. Phasellus gravida volutpat molestie. Phasellus fringilla turpis facilisis, lobortis enim quis, viverra diam. Quisque vestibulum non purus eget elementum.

Fusce ex lorem, imperdiet sit amet consequat nec, suscipit nec dolor. Integer vitae enim convallis, pharetra ligula dignissim, blandit ipsum. Morbi eget nisi orci. Sed euismod leo est, vel malesuada massa mattis id. Duis vitae imperdiet odio. Praesent lobortis, nulla ac dapibus porta, risus neque lacinia neque, et placerat est nulla quis ex. Aliquam laoreet laoreet nulla, eget pretium quam tempus quis. Pellentesque fringilla est id orci vestibulum commodo. Vestibulum in neque diam.

-IMAGE HERE-​

Health

Stamina

Inventory space

[border=1px solid black]
[CENTER][B]DOE JANE
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------[/B][/CENTER][row][column=span6]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur efficitur, elit eget imperdiet commodo, ante est ornare risus, eu lacinia risus justo eget ex. Duis venenatis nisi non quam ullamcorper, in semper tortor eleifend. Donec placerat ex et tristique elementum. Nulla a urna fringilla magna malesuada venenatis vel vel purus. Donec tempor quam vehicula, congue arcu sit amet, blandit ipsum. Fusce laoreet aliquet sapien, non varius lacus volutpat et. Etiam eu libero nunc. Etiam finibus odio ut ligula pharetra, id lacinia leo ultricies.

Aenean auctor, felis ornare posuere dignissim, justo leo blandit neque, eu vulputate ipsum magna at sem. Sed ullamcorper urna suscipit vestibulum ullamcorper. Cras interdum massa et enim gravida, in elementum felis finibus. Pellentesque euismod dolor vitae sapien dictum scelerisque. Curabitur odio lectus, tempus sit amet nibh nec, maximus malesuada ante. Vivamus iaculis, neque sit amet hendrerit tempus, turpis purus laoreet odio, sodales lobortis dui velit sed augue. Praesent lectus mi, aliquet eget turpis sed, molestie consectetur dolor. Nunc ac vulputate augue, vitae condimentum odio. Nam luctus, quam sit amet tincidunt porta, lacus metus feugiat urna, eget congue magna metus eu lectus.

Aliquam viverra commodo felis at venenatis. Cras sagittis congue velit eget porta. Vestibulum a libero est. Phasellus molestie lectus a libero tempor varius. Aliquam laoreet dolor id ipsum egestas tincidunt. Aenean condimentum, dolor vel luctus laoreet, ante purus faucibus mauris, ut lacinia eros lorem id lacus. Aliquam placerat neque vel consectetur sagittis. Donec scelerisque elit id ex imperdiet, nec viverra nisl euismod. Nulla enim urna, sodales sit amet egestas et, commodo at felis. Phasellus gravida volutpat molestie. Phasellus fringilla turpis facilisis, lobortis enim quis, viverra diam. Quisque vestibulum non purus eget elementum.

Fusce ex lorem, imperdiet sit amet consequat nec, suscipit nec dolor. Integer vitae enim convallis, pharetra ligula dignissim, blandit ipsum. Morbi eget nisi orci. Sed euismod leo est, vel malesuada massa mattis id. Duis vitae imperdiet odio. Praesent lobortis, nulla ac dapibus porta, risus neque lacinia neque, et placerat est nulla quis ex. Aliquam laoreet laoreet nulla, eget pretium quam tempus quis. Pellentesque fringilla est id orci vestibulum commodo. Vestibulum in neque diam.
[/column][column=span2][center]-IMAGE HERE-[/center]
[scroll=100px]
[progress=100]Health[/progress]
[progress=100]Stamina[/progress]
[progress=25]Inventory space[/progress]
[/scroll][/column][/row][/border]

 

[Fable]

As far as your specific requests. There is no way to change the color of the SIDE bbcode tag. I'm also not exactly sure what you mean by making the whole thing fit, but that was perhaps an issue due to your coding as when using columns it'll adjust as needed and even pop up a column under another.

 

[HannaTheHippy]

As far as your specific requests. There is no way to change the color of the SIDE bbcode tag. I'm also not exactly sure what you mean by making the whole thing fit, but that was perhaps an issue due to your coding as when using columns it'll adjust as needed and even pop up a column under another.

Thank you, I hope it wasn't too much trouble !

 

[Fable]

Thank you, I hope it wasn't too much trouble !

Nope ;3