MySpace Comment Box Borders

This page provides examples of borders around MySpace comment boxes.

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

Thin Border

In this example, the border is 1 pixel wide, solid, and a dark green color (hex color value: #6DB72C). Borders are created using the CSS border 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:200px;height:100px;font-family:cursive;border:solid 1px 6DB72C;"> 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:

Thick Border

In this example, I've made the border thicker (10 pixels wide).

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:200px;height:100px;font-family:cursive;border:solid 12px 6DB72C;"> 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:

Dotted Border

In this example, I've created a dotted border around the comment box. To do this, you simply change the value "solid" to "dotted".

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:200px;height:100px;font-family:cursive;border:dotted 12px 6DB72C;"> 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:

Dashed Border

In this example, I've changed the border to "dashed".

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:200px;height:100px;font-family:cursive;border:dashed 12px 6DB72C;"> 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:

Grooved Border

You can also give your border a "grooved" effect.

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:200px;height:100px;font-family:cursive;border:groove 12px 6DB72C;"> 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:

\

Dashed Border

In this example, I've changed the border to "dashed".

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:200px;height:100px;font-family:cursive;border:dashed 12px 6DB72C;"> 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:

Double Borders

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:200px;height:100px;font-family:cursive;border:double 12px 6DB72C;"> 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:

Ridged Border

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:200px;height:100px;font-family:cursive;border:ridge 12px 6DB72C;"> 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:

Outset Border

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:200px;height:100px;font-family:cursive;border:outset 12px 6DB72C;"> 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:

Inset Border

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:200px;height:100px;font-family:cursive;border:inset 12px 6DB72C;"> 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:

Mixed Borders

This is where it can get really interesting. You can specify a different border for each side of your comment box. Try changing the values for some cool results!

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:200px;height:100px;font-family:cursive;border-top:1px solid #000000;border-right:70px solid #9CE75A;border-bottom:4px solid #9CE75A;border-left:10px solid #6DB72C;"> 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:

More Comment Box Tricks!

Did you know? You can also...

• Change the color of your comment box
• Add a background picture to your comment box
• Use the Comment Box Generator
• Hide your friends' comments
• Put your friends comments into a scroll box

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!