MySpace Scroll Box Colors

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:

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:

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 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:

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.