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

    Remember to credit artists when using work not your own.

Help Hide Scroll Bar (solved)

Elowyn

word weaver
Roleplay Availability
Roleplay Type(s)
Heya, coders!

I'm trying to make the scroll bar hidden in this code:





Madeleine

━━━━━━❦━━━━━━


It was times like these when Madeleine wished she had a best friend, someone she could count on to tell her she looked hot. Because right now, standing in front of her floor length mirror, she suddenly wasn't so sure about the little baby blue dress she was currently wearing. Was it appropriate for a masquerade ball? She'd never been to one before, so there was simply no telling. Her burst of online research only the night before would have to suffice. At least her little mask was pretty and would do well to conceal her features.

Not that she knew anyone there anyways.

But no matter; if all went well tonight, maybe she would end up making a friend or two. With that in mind, the young woman gathered her coat and purse, then slipped on her heels and ventured out to the waiting cab. If she were to enjoy tonight, it would mean several drinks and there was no way she was driving home after that. Soon enough, the impressive venue came into sight and, as Madeleine walked through its main doors moments later, she was practically breathless. It was huge.

Swallowing nervously, she immediately reached for a flute of champagne as a waiter passed by, convinced she would need it if she were to make it through tonight without horribly embarrassing herself. So, with that thought, she stepped further into the mansion, sipping her alcohol as she did so.



code by @spookie spook
 




Madeleine

━━━━━━❦━━━━━━


It was times like these when Madeleine wished she had a best friend, someone she could count on to tell her she looked hot. Because right now, standing in front of her floor length mirror, she suddenly wasn't so sure about the little baby blue dress she was currently wearing. Was it appropriate for a masquerade ball? She'd never been to one before, so there was simply no telling. Her burst of online research only the night before would have to suffice. At least her little mask was pretty and would do well to conceal her features.

Not that she knew anyone there anyways.

But no matter; if all went well tonight, maybe she would end up making a friend or two. With that in mind, the young woman gathered her coat and purse, then slipped on her heels and ventured out to the waiting cab. If she were to enjoy tonight, it would mean several drinks and there was no way she was driving home after that. Soon enough, the impressive venue came into sight and, as Madeleine walked through its main doors moments later, she was practically breathless. It was huge.

Swallowing nervously, she immediately reached for a flute of champagne as a waiter passed by, convinced she would need it if she were to make it through tonight without horribly embarrassing herself. So, with that thought, she stepped further into the mansion, sipping her alcohol as she did so.



code by @spookie spook
[/centerblock]



Code:
[div=width: 85%; background:url('[URL"]

[div=margin: 0 auto; width: 65%; padding:5px; background-color:snow; opacity:0.9; border:0px white solid; border-radius:0px; height:300px; overflow: hidden; ] [div=width: 200%; height: 100%; overflow-x: hidden; overflow-y: auto;] [div= width: 50%; height: 100%; ]

[CENTER][font=Cinzel Decorative]Madeleine

━━━━━━❦━━━━━━[/font][/CENTER]
[font=Cinzel Decorative]

[font=Seaweed Script][font=Alegreya]It was times like these when Madeleine wished she had a best friend, someone she could count on to tell her she looked hot. Because right now, standing in front of her floor length mirror, she suddenly wasn't so sure about the little baby blue [URL='https://i.pinimg.com/564x/0a/d6/3e/0ad63e03975fb4adf8b194e4c2bec2b9.jpg']dress[/URL] she was currently wearing. Was it appropriate for a masquerade ball? She'd never been to one before, so there was simply no telling. Her burst of online research only the night before would have to suffice. At least her little mask was pretty and would do well to conceal her features.

Not that she knew anyone there anyways.

But no matter; if all went well tonight, maybe she would end up making a friend or two. With that in mind, the young woman gathered her coat and purse, then slipped on her heels and ventured out to the waiting cab. If she were to enjoy tonight, it would mean several drinks and there was no way she was driving home after that. Soon enough, the impressive venue came into sight and, as Madeleine walked through its main doors moments later, she was practically breathless. It was huge.

Swallowing nervously, she immediately reached for a flute of champagne as a waiter passed by, convinced she would need it if she were to make it through tonight without horribly embarrassing herself. So, with that thought, she stepped further into the mansion, sipping her alcohol as she did so.
[/font][/font][/font]
[font=Cinzel Decorative][font=Seaweed Script][font=Alegreya]
[/font][/font][/font][/div][font=Cinzel Decorative][font=Seaweed Script][font=Alegreya]
[font=Alegreya]code by [USER=5845]@spookie spook[/USER][/font]
[/font][/font][/font][/centerblock][font=Cinzel Decorative][font=Seaweed Script][font=Alegreya][/font][/font][/font][/div][font=Cinzel Decorative][font=Seaweed Script][font=Alegreya][/font][/font][/font][/div][/div]

One thing to note is that your container will be tiny on mobile devices, one way to combat this is to use this to replace the first 2 lines:

Code:
[div=width: 100%; background:url('[URL"]

[div=margin: 0 auto; width: 100%;  max-width: 700px; padding:5px; background-color:snow; opacity:0.9; border:0px white solid; border-radius:0px; height:300px; overflow: hidden; ] [div=width: 200%; height: 100%; overflow-x: hidden; overflow-y: auto;] [div= width: 50%; height: 100%; ]
 
Last edited:




Madeleine

━━━━━━❦━━━━━━


It was times like these when Madeleine wished she had a best friend, someone she could count on to tell her she looked hot. Because right now, standing in front of her floor length mirror, she suddenly wasn't so sure about the little baby blue dress she was currently wearing. Was it appropriate for a masquerade ball? She'd never been to one before, so there was simply no telling. Her burst of online research only the night before would have to suffice. At least her little mask was pretty and would do well to conceal her features.

Not that she knew anyone there anyways.

But no matter; if all went well tonight, maybe she would end up making a friend or two. With that in mind, the young woman gathered her coat and purse, then slipped on her heels and ventured out to the waiting cab. If she were to enjoy tonight, it would mean several drinks and there was no way she was driving home after that. Soon enough, the impressive venue came into sight and, as Madeleine walked through its main doors moments later, she was practically breathless. It was huge.

Swallowing nervously, she immediately reached for a flute of champagne as a waiter passed by, convinced she would need it if she were to make it through tonight without horribly embarrassing herself. So, with that thought, she stepped further into the mansion, sipping her alcohol as she did so.



code by @spookie spook
[/centerblock]



Code:
[div="width: 85%; background:url('[URL"]

[div="margin: 0 auto; width: 65%; padding:5px; background-color:snow; opacity:0.9; border:0px white solid; border-radius:0px; height:300px; overflow: hidden; ] [div=width: 200%; height: 100%; overflow-x: hidden; overflow-y: auto;] [div= width: 50%; height: 100%; ]

[CENTER][font=Cinzel Decorative]Madeleine

━━━━━━❦━━━━━━[/font][/CENTER]
[font=Cinzel Decorative]

[font=Seaweed Script][font=Alegreya]It was times like these when Madeleine wished she had a best friend, someone she could count on to tell her she looked hot. Because right now, standing in front of her floor length mirror, she suddenly wasn't so sure about the little baby blue [URL='https://i.pinimg.com/564x/0a/d6/3e/0ad63e03975fb4adf8b194e4c2bec2b9.jpg']dress[/URL] she was currently wearing. Was it appropriate for a masquerade ball? She'd never been to one before, so there was simply no telling. Her burst of online research only the night before would have to suffice. At least her little mask was pretty and would do well to conceal her features.

Not that she knew anyone there anyways.

But no matter; if all went well tonight, maybe she would end up making a friend or two. With that in mind, the young woman gathered her coat and purse, then slipped on her heels and ventured out to the waiting cab. If she were to enjoy tonight, it would mean several drinks and there was no way she was driving home after that. Soon enough, the impressive venue came into sight and, as Madeleine walked through its main doors moments later, she was practically breathless. It was huge.

Swallowing nervously, she immediately reached for a flute of champagne as a waiter passed by, convinced she would need it if she were to make it through tonight without horribly embarrassing herself. So, with that thought, she stepped further into the mansion, sipping her alcohol as she did so.
[/font][/font][/font]
[font=Cinzel Decorative][font=Seaweed Script][font=Alegreya]
[/font][/font][/font][/div][font=Cinzel Decorative][font=Seaweed Script][font=Alegreya]
[font=Alegreya]code by [USER=5845]@spookie spook[/USER][/font]
[/font][/font][/font][/centerblock][font=Cinzel Decorative][font=Seaweed Script][font=Alegreya][/font][/font][/font][/div][font=Cinzel Decorative][font=Seaweed Script][font=Alegreya][/font][/font][/font][/div][/div]

One thing to note is that your container will be tiny on mobile devices, one way to combat this is to use this to replace the first 2 lines:

Code:
[div="width: 100%; background:url('[URL"]

[div="margin: 0 auto; width: 100%;  max-width: 700px; padding:5px; background-color:snow; opacity:0.9; border:0px white solid; border-radius:0px; height:300px; overflow: hidden; ] [div=width: 200%; height: 100%; overflow-x: hidden; overflow-y: auto;] [div= width: 50%; height: 100%; ]
Thank you! What if I wanted to add some padding so the text is not so close to the edge? (Sorry if this is a basic question)
 
You can increase the number of padding:5px; in the second line to get more padding, and box-sizing: border-box; to retain the element's initial size. Just remember, the larger the padding, the more narrow things will get on mobile. It's best to test things in mobile view! You can also use percentages.
 

Users who are viewing this thread

Back
Top