What's new
  • When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

Help How to add a scrollable text box and alignment issue

SOLVED

Libero

Hey everyone, I'm using this for my CS and I was wondering how to add a scrolling text box on the right side since there are times where I write a lot and the text usually goes pass the images height. Is it even possible to add a scroll box to the text on the right side so it starts scrolling once the text reaches the bottom of the image (sorry it might be a little hard to understand).
  • pepehands.JPG
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui vivamus arcu felis bibendum ut. Ullamcorper sit amet risus nullam eget felis. Ligula ullamcorper malesuada proin libero nunc consequat interdum varius. Tortor at risus viverra adipiscing. Urna nunc id cursus metus aliquam eleifend mi in. Ut sem viverra aliquet eget sit amet tellus. Iaculis at erat pellentesque adipiscing commodo elit at. In hac habitasse platea dictumst quisque sagittis purus sit amet. Nunc aliquet bibendum enim facilisis gravida neque convallis. Duis ultricies lacus sed turpis. Diam phasellus vestibulum lorem sed risus ultricies tristique. Suspendisse in est ante in. Nec ullamcorper sit amet risus nullam eget felis.

    Id volutpat lacus laoreet non. Id diam maecenas ultricies mi eget mauris pharetra. Enim lobortis scelerisque fermentum dui faucibus in ornare. Tincidunt vitae semper quis lectus nulla at volutpat diam ut. Nibh cras pulvinar mattis nunc sed. Est ultricies integer quis auctor elit. Dolor magna eget est lorem. Tortor aliquam nulla facilisi cras fermentum. Ipsum suspendisse ultrices gravida dictum fusce ut. Id leo in vitae turpis massa sed elementum tempus egestas. Dolor sit amet consectetur adipiscing elit ut. Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus. Nunc congue nisi vitae suscipit tellus mauris a diam.

    ^^^^^^
    Should start becoming scrollable here

    Aenean pharetra magna ac placerat. Amet consectetur adipiscing elit ut aliquam. Purus in mollis nunc sed id semper. Non sodales neque sodales ut. Egestas congue quisque egestas diam. Id nibh tortor id aliquet lectus proin nibh nisl. Quam quisque id diam vel quam elementum pulvinar etiam. Tellus orci ac auctor augue mauris augue neque gravida in. Mauris cursus mattis molestie a iaculis at. Mattis molestie a iaculis at erat pellentesque adipiscing commodo elit. Amet tellus cras adipiscing enim. Viverra tellus in hac habitasse platea dictumst vestibulum rhoncus est. Ut tellus elementum sagittis vitae et leo duis ut. Congue nisi vitae suscipit tellus mauris a diam maecenas sed. In dictum non consectetur a erat nam at lectus urna. Auctor augue mauris augue neque gravida.

    Purus ut faucibus pulvinar elementum integer enim neque volutpat ac. Tempus egestas sed sed risus pretium quam vulputate dignissim suspendisse. Duis at consectetur lorem donec. Semper quis lectus nulla at volutpat diam ut venenatis tellus. Varius morbi enim nunc faucibus a pellentesque sit amet porttitor. Accumsan in nisl nisi scelerisque. Pellentesque sit amet porttitor eget. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. Elementum facilisis leo vel fringilla est. In vitae turpis massa sed. Scelerisque felis imperdiet proin fermentum leo vel orci porta. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna neque. Purus in mollis nunc sed id semper risus in. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Pellentesque id nibh tortor id.

    Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis. Eu feugiat pretium nibh ipsum. Maecenas volutpat blandit aliquam etiam erat. Rhoncus urna neque viverra justo. Ut lectus arcu bibendum at varius vel. Ac auctor augue mauris augue neque gravida in fermentum et. Sapien eget mi proin sed libero enim sed faucibus turpis. Semper quis lectus nulla at volutpat. Sed id semper risus in. Fermentum iaculis eu non diam phasellus.

Code:
[font=K2D][tabs]

[tab=Info][row][column=span4][ATTACH type="full" alt="pepehands.JPG"]615757[/ATTACH][/column][column=span4]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui vivamus arcu felis bibendum ut. Ullamcorper sit amet risus nullam eget felis. Ligula ullamcorper malesuada proin libero nunc consequat interdum varius. Tortor at risus viverra adipiscing. Urna nunc id cursus metus aliquam eleifend mi in. Ut sem viverra aliquet eget sit amet tellus. Iaculis at erat pellentesque adipiscing commodo elit at. In hac habitasse platea dictumst quisque sagittis purus sit amet. Nunc aliquet bibendum enim facilisis gravida neque convallis. Duis ultricies lacus sed turpis. Diam phasellus vestibulum lorem sed risus ultricies tristique. Suspendisse in est ante in. Nec ullamcorper sit amet risus nullam eget felis.

Id volutpat lacus laoreet non. Id diam maecenas ultricies mi eget mauris pharetra. Enim lobortis scelerisque fermentum dui faucibus in ornare. Tincidunt vitae semper quis lectus nulla at volutpat diam ut. Nibh cras pulvinar mattis nunc sed. Est ultricies integer quis auctor elit. Dolor magna eget est lorem. Tortor aliquam nulla facilisi cras fermentum. Ipsum suspendisse ultrices gravida dictum fusce ut. Id leo in vitae turpis massa sed elementum tempus egestas. Dolor sit amet consectetur adipiscing elit ut. Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus. Nunc congue nisi vitae suscipit tellus mauris a diam.

^^^^^^
Should start becoming scrollable here

Aenean pharetra magna ac placerat. Amet consectetur adipiscing elit ut aliquam. Purus in mollis nunc sed id semper. Non sodales neque sodales ut. Egestas congue quisque egestas diam. Id nibh tortor id aliquet lectus proin nibh nisl. Quam quisque id diam vel quam elementum pulvinar etiam. Tellus orci ac auctor augue mauris augue neque gravida in. Mauris cursus mattis molestie a iaculis at. Mattis molestie a iaculis at erat pellentesque adipiscing commodo elit. Amet tellus cras adipiscing enim. Viverra tellus in hac habitasse platea dictumst vestibulum rhoncus est. Ut tellus elementum sagittis vitae et leo duis ut. Congue nisi vitae suscipit tellus mauris a diam maecenas sed. In dictum non consectetur a erat nam at lectus urna. Auctor augue mauris augue neque gravida.

Purus ut faucibus pulvinar elementum integer enim neque volutpat ac. Tempus egestas sed sed risus pretium quam vulputate dignissim suspendisse. Duis at consectetur lorem donec. Semper quis lectus nulla at volutpat diam ut venenatis tellus. Varius morbi enim nunc faucibus a pellentesque sit amet porttitor. Accumsan in nisl nisi scelerisque. Pellentesque sit amet porttitor eget. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. Elementum facilisis leo vel fringilla est. In vitae turpis massa sed. Scelerisque felis imperdiet proin fermentum leo vel orci porta. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna neque. Purus in mollis nunc sed id semper risus in. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Pellentesque id nibh tortor id.

Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis. Eu feugiat pretium nibh ipsum. Maecenas volutpat blandit aliquam etiam erat. Rhoncus urna neque viverra justo. Ut lectus arcu bibendum at varius vel. Ac auctor augue mauris augue neque gravida in fermentum et. Sapien eget mi proin sed libero enim sed faucibus turpis. Semper quis lectus nulla at volutpat. Sed id semper risus in. Fermentum iaculis eu non diam phasellus.[/column][/row][/tab][/tabs][/font][/tag]
snipping took.JPG
 
Last edited:

Fyuri

ᴍᴏɴᴀᴄʜᴏᴘsɪs
Administrator
Supporter
So I believe the gap is caused by the image size itself not being large enough to fill the whole span4 column. If I was to keep this strictly to as basic bbode as possible change the column to span3 not 4 and the text column to span5.

Now for the scrollbox, there is a BBCode tag for that here; Tutorial - RpNation - BBcode Guide

I've noticed you've not closed your tags as well at the end. If you don't do this the site will try and automatically do it for you when you save and then can create a mess of redundant tags into a chaotic mess.
 

Libero

So I believe the gap is caused by the image size itself not being large enough to fill the whole span4 column. If I was to keep this strictly to as basic bbode as possible change the column to span3 not 4 and the text column to span5.

Now for the scrollbox, there is a BBCode tag for that here; Tutorial - RpNation - BBcode Guide

I've noticed you've not closed your tags as well at the end. If you don't do this the site will try and automatically do it for you when you save and then can create a mess of redundant tags into a chaotic mess.
Ahh, I see thank you that helped a lot!

What do you mean my not closing my tags?
 

Libero

Update : I tried using the scroll BBCode but when I do use it, It doesn't actually scroll and only creates an outline. The BBCode guide didn't say much about it so I'm not sure when to start.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui vivamus arcu felis bibendum ut. Ullamcorper sit amet risus nullam eget felis. Ligula ullamcorper malesuada proin libero nunc consequat interdum varius. Tortor at risus viverra adipiscing. Urna nunc id cursus metus aliquam eleifend mi in. Ut sem viverra aliquet eget sit amet tellus. Iaculis at erat pellentesque adipiscing commodo elit at. In hac habitasse platea dictumst quisque sagittis purus sit amet. Nunc aliquet bibendum enim facilisis gravida neque convallis. Duis ultricies lacus sed turpis. Diam phasellus vestibulum lorem sed risus ultricies tristique. Suspendisse in est ante in. Nec ullamcorper sit amet risus nullam eget felis.

    Id volutpat lacus laoreet non. Id diam maecenas ultricies mi eget mauris pharetra. Enim lobortis scelerisque fermentum dui faucibus in ornare. Tincidunt vitae semper quis lectus nulla at volutpat diam ut. Nibh cras pulvinar mattis nunc sed. Est ultricies integer quis auctor elit. Dolor magna eget est lorem. Tortor aliquam nulla facilisi cras fermentum. Ipsum suspendisse ultrices gravida dictum fusce ut. Id leo in vitae turpis massa sed elementum tempus egestas. Dolor sit amet consectetur adipiscing elit ut. Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus. Nunc congue nisi vitae suscipit tellus mauris a diam.

    ^^^^^^
    Should start becoming scrollable here

    Aenean pharetra magna ac placerat. Amet consectetur adipiscing elit ut aliquam. Purus in mollis nunc sed id semper. Non sodales neque sodales ut. Egestas congue quisque egestas diam. Id nibh tortor id aliquet lectus proin nibh nisl. Quam quisque id diam vel quam elementum pulvinar etiam. Tellus orci ac auctor augue mauris augue neque gravida in. Mauris cursus mattis molestie a iaculis at. Mattis molestie a iaculis at erat pellentesque adipiscing commodo elit. Amet tellus cras adipiscing enim. Viverra tellus in hac habitasse platea dictumst vestibulum rhoncus est. Ut tellus elementum sagittis vitae et leo duis ut. Congue nisi vitae suscipit tellus mauris a diam maecenas sed. In dictum non consectetur a erat nam at lectus urna. Auctor augue mauris augue neque gravida.

    Purus ut faucibus pulvinar elementum integer enim neque volutpat ac. Tempus egestas sed sed risus pretium quam vulputate dignissim suspendisse. Duis at consectetur lorem donec. Semper quis lectus nulla at volutpat diam ut venenatis tellus. Varius morbi enim nunc faucibus a pellentesque sit amet porttitor. Accumsan in nisl nisi scelerisque. Pellentesque sit amet porttitor eget. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. Elementum facilisis leo vel fringilla est. In vitae turpis massa sed. Scelerisque felis imperdiet proin fermentum leo vel orci porta. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna neque. Purus in mollis nunc sed id semper risus in. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Pellentesque id nibh tortor id.

    Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis. Eu feugiat pretium nibh ipsum. Maecenas volutpat blandit aliquam etiam erat. Rhoncus urna neque viverra justo. Ut lectus arcu bibendum at varius vel. Ac auctor augue mauris augue neque gravida in fermentum et. Sapien eget mi proin sed libero enim sed faucibus turpis. Semper quis lectus nulla at volutpat. Sed id semper risus in. Fermentum iaculis eu non diam phasellus.

Surrounding the text I put in
Code:
[scroll=75][/scroll]
 

crucially

𝙎𝘼𝙄𝙉𝙏&𝙎𝙄𝙉𝙉𝙀𝙍𝙎
In the scroll code, there's a forgotten "px" after the number! It should be "75px".

Closing tag would mean that when you start a bbcode tag such as: [scroll=75px]text here there should be a closing tag: [/scroll] written when you're finished with that specific portion of the code. If there isn't a closing tag when you're finished with the code, the tags would duplicate and BBCode can get wonky like that!
 

Libero

In the scroll code, there's a forgotten "px" after the number! It should be "75px".

Closing tag would mean that when you start a bbcode tag such as: [scroll=75px]text here there should be a closing tag: [/scroll] written when you're finished with that specific portion of the code. If there isn't a closing tag when you're finished with the code, the tags would duplicate and BBCode can get wonky like that!
My god, I'm a dunce. Thank you so much for that, I didn't realize ^^
 

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

Top