MySpace Comment Box Color

Related:
• Comment Box Generator
• Comment Box Picture
• Comment Box Border
• Basic Comment Box Code
• Scrolling Comments
• Hide MySpace Comments
• Scroll Box Generator
• More MySpace Codes
• HTML Help/Codes
• HTML Tutorial

This page provides examples of colored MySpace comment boxes.

To use this code, copy, then paste it into your MySpace profile (under "Edit Profile"). For more detailed instructions, see MySpace comment box code.

Changing the Background Color Only

In this example, I've changed the background color of my comment box. This is done using the CSS background-color property.

Copy the following code:

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="123456">
<textarea name="f_comments" style="width:150px;height:80px;background-color:#D0F18F;">
Enter your comments here...

(Hey... don't forget to change the friendID to your own!)
</textarea><br>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</form>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com/myspace/codes/">MySpace Codes</a></p>

Result:

Choose your colors with the HTML color picker.

Changing the Button Color

In this example, I've also changed the color of the buttons. This is done using the CSS background-color property (for the button color) and the CSS color property (for the text on the buttons). The buttons are defined using the HTML input tag.

Copy the following code:

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="123456">
<textarea name="f_comments" style="width:150px;height:80px;background-color:#D0F18F;">
Enter your comments here...

(Hey... don't forget to change the friendID to your own!)
</textarea><br>
<input type="submit" value="Submit" style="background-color:53760D;color:D0F18F;">
<input type="reset" value="Reset" style="background-color:53760D;color:D0F18F;">
</form>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com/myspace/codes/">MySpace Codes</a></p>

Result:

Text Color/Size

Here, I've changed the color and size of the text. I've also changed the font to a generic "cursive" font. This is done by applying the font property and color property to the textarea tag.

Copy the following code:

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="123456">
<textarea name="f_comments" style="width:150px;height:80px;background-color:D0F18F;font:30px/40px cursive;color:53760D;">
Enter your comments here...

(Hey... don't forget to change the friendID to your own!)
</textarea><br>
<input type="submit" value="Submit" style="background-color:53760D;color:D0F18F;">
<input type="reset" value="Reset" style="background-color:53760D;color:D0F18F;">
</form>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com/myspace/codes/">MySpace Codes</a></p>

Result:

To learn more about changing fonts, text color, etc, check out the CSS text section of the CSS tutorial, and the font code page.

Scrollbar Color

Here, I've changed the color of the scrollbar. To do this, I use 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:

Copy the following code:

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="123456">
<textarea name="f_comments" style="width:150px;height:80px;background-color:D0F18F;font:30px/40px cursive;color:53760D;scrollbar-base-color:638E0D;">
Enter your comments here...

(Hey... don't forget to change the friendID to your own!)
</textarea><br>
<input type="submit" value="Submit" style="background-color:53760D;color:D0F18F;">
<input type="reset" value="Reset" style="background-color:53760D;color:D0F18F;">
</form>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com/myspace/codes/">MySpace Codes</a></p>

Result:

More Comment Box Tricks!

Did you know? You can also...

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_comment_box_color.cfm">MySpace Comment Box Color</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites