Quackit Logo
HTML
CSS
Scripting
Database
Hosting
Design
XML
Website builder

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.

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 page?

  1. Add this page to your Favorites
  2. Link to this page (copy/paste into your own website or blog):
  3. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!