Scroll Boxes with different borders
Font size: To change the Standard font size of the text in the box change the "font-size" value, the higher, the larger the text will become
Font: To change the standard font of the text in the box, change "font-family"
Background color: to change the background color, just change the color code at "background-color"
Border: To change the thickness of the border, change the value at "border", the higher value, the thicker border.
- Solid
- Dashed
- Dotted
- Inset
- Groove
- Ridge
Width: change the width of the box at Width: x px; The larger the value is the wider the bord will become, though there's no reason to make it wider than 571 pixels, because that's the maximum width of the presentation.
Height: At height: x px; you change the height of the box, the higher value the larger the box will become.
Remember: in order for the scroll bar to show up, you must write so much text so the it takes up more than the height of the box.
These are just 'samples', so try fiddling around with different values, colors and borders yourself!
Double Border, Height: 150px Width 571px
-----------------------------------------------------------------------------------------------------------------------------------------------------
sample sample sample sample sample sample sample sample sample sample sample sample sample
sample sample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample
The code for Double border sroll box
Dotted Border, Height: 200px Width 300px ----------------------------------------------------------------------------- sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sampl sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample
The code for dotted border sroll box
Solid Border, Height: 100px Width 400px -------------------------------------------------------------------------------------------------------
sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sampl sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample
The code for solid border scroll box
Dashed Border, Height: 300px Width 200px ------------------------------------------------ sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sampl sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample sample sample sample sample sample sample sample samplesample sample sample sample sample
Code for Dashed border scroll box
Comment & request for more codes! I might even make whole presentations for anyone to copy, but if you want that you gotta ask for it, alright?
- Jo
Please make whole presentations for us to copy! ♥