myspace 2.0, changing border or divider. Options

[thisbxtchisloca]

i was wondering if there's a way to change my dotted border to an image i found on photobucket? thanksssss. :)

[fixtatik]

You could venture into CSS3 and use border-image, which Safari, Firefox and Chrome support (if you're using IE or Opera, you're out of luck). There are a few values you can use:

CODE

border-image:url(IMAGE URL);
border-top-image:url(IMAGE URL);
border-right-image:url(IMAGE URL);
border-bottom-image:url(IMAGE URL);
border-left-image:url(IMAGE URL);
border-corner-image:url(IMAGE URL);
border-top-left-image:url(IMAGE URL);
border-top-right-image:url(IMAGE URL);
border-bottom-left-image:url(IMAGE URL);
border-bottom-right-image:url(IMAGE URL);

If you just want one image, using border-image:url(IMAGE URL); defines it for all of the areas you can apply an image to. To change the width, use border-image-outset:##; To change how it stretched around the border, use border-image-repeat:value; where "value" can be stretch, repeat, round, or space.

You can also do it in short hand with border-image, which looks like this:

CODE

border-image:url(IMAGE) ## ## ## ## stretch;

The first part is obviously where you define the url. The next four numbers are the widths of the top, right, bottom and left borders. If you use only one number, all borders will be the same width. The last part is the repeating property. You can use up to two properties; one for the top and bottom, and one for the left and right.