MySpace Scroll Box Colors

Related:
• Scrollbox Generator
• Scroll Box Borders
• Picture Scroll Box
• Color Chart
• About HTML Colors
• Scrolling Comments
• Hide MySpace Comments
• More MySpace Codes
• HTML Help/Cheat Sheet

This page contains examples of colored scroll boxes that you can put on your MySpace page (or any other web page). MySpace scroll boxes are created using HTML. Scroll box colors are specified using Cascading Style Sheets (CSS).

To use this scroll box code, simply copy and paste it into your MySpace profile page and change the values to suit.

Choose your colors with the HTML color picker & chart.

Changing Only the Scroll Box Background Color

This example changes the background color of the scroll box only. This is done using the CSS background-color property:

HTML Code:

<!-- Codes by Quackit.com -->
<div style="height:100;width:200;overflow:scroll;background-color:D0F18F;">This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the colors are defined using Hexadecimal, but you can also use color names, and RGB values. <a href="/html/tutorial/html_colors.cfm" target="_blank">More about HTML colors</a>.</div>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com/myspace/codes/">MySpace Code</a></p>

Result:

This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the colors are defined using Hexadecimal, but you can also use color names, and RGB values. More about HTML colors.

Changing the Text Color

This example also changes the color of the text within the scroll box. This is done using the CSS color property:

HTML Code:

<!-- Codes by Quackit.com -->
<div style="height:100;width:200;overflow:scroll;background-color:D0F18F;color:53760D;">This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the colors are defined using Hexadecimal, but you can also use color names, and RGB values. <a href="/html/tutorial/html_colors.cfm" target="_blank">More about HTML colors</a>.</div>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com/myspace/codes/">MySpace Code</a></p>

Result:

Changing the Scrollbar Color

This example also changes the color of the scrollbar of the scroll box. This is done using the 'scrollbar-base-color' property.

Note that this won't work on all browsers. It should work on Internet Explorer version 5.5 and above, but at the time of writing, it doesn't work in Firefox. So, if you're viewing this page with Firefox, the above scrollbar won't have changed color. More about about colored scrollbars:

HTML Code:

<!-- Codes by Quackit.com -->
<div style="height:100;width:200;overflow:scroll;background-color:D0F18F;color:53760D;scrollbar-base-color:638E0D;">This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the colors are defined using Hexadecimal, but you can also use color names, and RGB values. <a href="/html/tutorial/html_colors.cfm" target="_blank">More about HTML colors</a>.</div>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com/myspace/codes/">MySpace Code</a></p>

Result:

More HTML Codes

Check out our huge range of free HTML codes that you can copy/paste into your website or MySpace page.

And, if you wanna learn more, check out our free HTML tutorial!

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/myspace/codes/myspace_scroll_box_colors.cfm">MySpace Scroll Box Colors</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites