• 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 is there a div box tutorial guide?

tar.afe

tar and feathers
Roleplay Availability
I am looking for roleplays.
Roleplay Type(s)
  1. One on One
  2. Off-site
Even if it's off site or anything, is there any that y'all like to use?
Was just wondering because I see a lot of div box codes; I am specifically wondering how to do a borderless scrolling centerbox just to make some of my posts feel a lil more polished, but with basic BBCode, I've tried a lil experimenting and can't figure it out lol
like here's what I tried:
Code:
[centerblock=40]
[scroll=200px][justify]Lorem ipsum blah blah
[/justify]
[/scroll]
[/centerblock]
which ends up looking like this

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.



which is rly nice except!!! I hate the border LMAO
I tried experimenting to see if anything would make it go away but to no avail 😔
so I figured I'd try to figure out how to work with the div box code even though it's a lil more complicated, just because if I wanna start making even nicer codes I'm gonna have to learn it anyway
so I guess I was just wondering what resources y'all use? I looked at the BBCode basics thread ofc, but there wasn't much elaboration on div boxes and I couldn't find anything pinned (I might just be blind tho, that's VERY possible)
anyway thank y'all so much in advance!!
 
If you want to make a borderless, scrolling centered container with div tags, you can do something like the following example. We had maybe a bit more about Divs in the BBCode+ thread when it was still up, but in the meantime a decent place to start is with Ict's tutorial.

Most of the coders here are self-taught in some way- we spend hours on W3 and MDN, we watch YouTube videos, experiment with stuff, and dissect the codes found in freebie threads to understand how someone did something, so if you're trying to learn how to make your own 'fancy' BBCodes, I'd say to look at how other people make theirs and use more formal resources (as well as tutorial threads in this forum) to help you understand what's going on- just make sure you respect the rules each coder has outlined in their thread.

Anyway I hope that helps, but feel free to ask if you have any questions~


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Code:
[div=margin: auto; padding: 10px; width: 40%; height: 200px; overflow-y: scroll; text-align: justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/div]
 
Last edited:
thank you so much!!! this will be so helpful :') I did end up being able to figure out a code that I wanted from studying some other people's codes too, which was cool! since being self taught is kind of a requirement lol
I will be taking a look at that tutorial! tysm :') < 3
 

Users who are viewing this thread

Back
Top