»overflow//scroll bar

♔Leviosa Academy ; CLOSED.
Please Subscribe to read the full chapter

 

Hello again! To be able to make a scrolling bar such as this, you need to input the overflow code. It's as easy as ABC or 123 but not pie, pie is hard to make I guess. This is just a sample text. I have no idea what to write here hahahaha so I'll just randomly blabber about random things. Did you know Sehun is actually an endangered koala? You probably don't because it's not true. OMFG I'm so lame. skip this and just scroll doooown, no need to read this dont waste your time reading it's not worth it....................... maybe *slapped*

 

First step is to make a border text which you can see on chp6.

So then after you have typed the border code, you need to put the overflow: auto|hidden|scroll|;

example: < div style="width:#px; height:#px; border: #px solid;OVERFLOW:AUTO; " > 

THIS IS AN EXAMPLE OF OVERFLOW:AUTO: it will automatically place a scroll bar if the words doesn't fit the box.

LESS TEXT. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 

 

A LOT OF TEXT. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam
Please Subscribe to read the full chapter
Like this story? Give it an Upvote!
Thank you!
tadhana
I don't have time to reply but I read all your comments. Thank you for the kind words!

Comments

You must be logged in to comment
mrs_shawty
#1
Chapter 5: Hello! I learn a lot from this tutorials. Thank you! C; but for some chapters, the pictures don't work. So it's quite difficult for me to understand how the 'effect' (or what should i call? sorry, i can't think of the word right now) of the codes.
MafiaLoveRp
#2
Chapter 10: I have a question, we can used the same step on the text box with the picture?
btsrmjk
#3
Chapter 10: I need kind of help and this is for roleplayrepublic and its for my profile, I want to add a textbox under a picture, and i'm reading how to do it but I'm confused. Would you help me?
littlemrstaro97
#4
Chapter 2: Thank you for this! :D
jindaebutt #5
Uhh, how can I put textbox on a picture..?
-rawrgrowl
#6
Chapter 10: how can you hide the scroll bar?
megamax #7
Chapter 10: Hello. Can I ask something.
I've been looking many layout but how to do the overflow one but no borders.

I dunno whut im asking but hope you understand
lifestooshort_1902
#8
Can you please take a look at my story and tell me whats the problem? The format is wrong.
http://www.asianfanfics.com/story/view/832640/never-let-go-angst-romance-exo-kris
kim-shoemin
#9
Chapter 6: Where in the source do I put the code for the text boxes? After what code???
Angel110
#10
Chapter 2: and I want the following picture to be neatless above the box, is it possible?
http://www.roleplayrepublic.com/roleplay/view_desc/11248/