1 |
|
---|---|
Posted by | HMTL Scrolling Boxes |
![]() Mercy ♥ G1 12/13 Cherry (#237163) Heartbreaker View Forum Posts ![]() Posted on 2023-05-01 17:42:42 |
hi!! i know this has been asked many times before but i genuinely cant figure it out from reading other threads so, here goes: if you click on my profile and scroll a bit, you can see my issue. the code on my profile is broken and and it's clipping under my comment box and even my lion's profile. i want to make the boxes scrollable to hopefully fix that issue i just need someone to show me what code i should put where please!! its been driving me crazy for DAYS ![]() |
Hok-Z | πΉππππ | G1 Ennedi (#170947) View Forum Posts ![]() Posted on 2023-05-02 14:32:59 |
Hok-Z | πΉππππ | G1 Ennedi (#170947) View Forum Posts ![]() Posted on 2023-05-02 14:46:51 |
Here's what you should do; ~ Add height:200px;overflow:auto; to all the following <span> boxes.----> Box Containing Pronouns/Age/Gender Identity/Interests. ----> Box Containing your Lioden Goals. ----> Box Containing your Artwork. This will specify a height and allow the box to scroll. To change the appearance of the scrollbar is another matter, and you'd need to do so with CSS. Here's what it will look like afterward: ![]() ![]() |
Mercy ♥ G1 12/13 Cherry (#237163) Heartbreaker View Forum Posts ![]() Posted on 2023-05-02 14:55:11 |
i tried but every time i added it, the overflow part got removed :v it works perfectly fine on a code editor though so??? it might be a lioden issue?? idk hhhh ![]() |
Hok-Z | πΉππππ | G1 Ennedi (#170947) View Forum Posts ![]() Posted on 2023-05-02 15:01:24 |
This might end up being something you'd need to add to your css. :( Lioden's HTML is super finnicky with what it allows and what it doesn't. It does work with CSS, though. ![]() |
Mercy ♥ G1 12/13 Cherry (#237163) Heartbreaker View Forum Posts ![]() Posted on 2023-05-02 15:02:33 |
ah, damn it :( i'll probably just commission a css code from someone then, i have no idea how css works and it looks..... complicated :'D ty for the help though!! i really appreciate it (: ![]() |
Hok-Z | πΉππππ | G1 Ennedi (#170947) View Forum Posts ![]() Posted on 2023-05-02 15:03:56 |
It doesn't look like it'd be too bad. I could give it a whirl but it'll take a day or two while I catch up on some other CSS I've got going on ^^' ![]() |
Mercy ♥ G1 12/13 Cherry (#237163) Heartbreaker View Forum Posts ![]() Posted on 2023-05-02 15:10:27 |
honestly that'd be amazing! and if you do, please, take all the time you need!! i've got all the time in the world :D ![]() |
Gatorade (#350612)
![]() View Forum Posts ![]() Posted on 2023-05-12 19:47:26 |
Wait how do you type in the text boxes?I canβt figure out how or a css/html with one! ![]() |
Hok-Z | πΉππππ | G1 Ennedi (#170947) View Forum Posts ![]() Posted on 2023-05-12 21:13:01 |
I literally forgot about this im so sorry, I'll get it handled tonight once my guests leave!! @Celestine I'll let you know later as well <3 ![]() |
Gatorade (#350612)
![]() View Forum Posts ![]() Posted on 2023-05-12 22:22:33 |
Hok-Z | πΉππππ | G1 Ennedi (#170947) View Forum Posts ![]() Posted on 2023-05-13 00:51:01 |
Mercy β₯ G2 Cherry Uneven (#237163) ~ Sorry for the delay, but looks like you got it handled. Again.... so sorry :'u ~~~~~~~~~~~~~~~~~~ @π²π΄π»π΄πππΈπ½π΄ (#350612) ~ In order to have custom boxes, you need to use a CSS. Some CSS, like the one Mercy is using, can have complex elements such as expanding on hover, a rounded scrollbar / custom scrollbar, etc. But everything CSS does is simply to build on what could exist. With CSS, you can define specific "attributes" that are unique from Lioden's code. For example, <div class="BoxOne"></div> doesn't appear in Lioden's default code. But with CSS, we can specify what we'd like .BoxOne to look like, and then in our territory description, use the previous "div class" to make it appear.To type in a Box that is defined by "BoxOne", it would look like this: <div class="BoxOne"> Box Content Here </div> But, the box with "Box Content Here" inside of it will not appear unless it is specified in the CSS you're using. If you have more questions, I encourage you to DM me so I don't hijack this thread. β₯ ![]() |
1 |
---|