The Basics of Editing your Myspace page
What you will learn
Add a background to your Myspace
Adding a background to your tables
Adding borders to your tables
Adding borders to your Myspace page
Add a scrolling text area
Hide specific areas
Instead of going with the basic Myspace page that is presented with you, its possible to edit it with html and css scripting, to make it more personal and more like a website. The purpose of this short tutorial is to take you through the basics of editing your Myspace page to make it reflect your personality a bit more.
Adding a background to your Myspace is probably the best place to start. Instead of going with the plain white background, it is possible to either change the color, or add an image to your Myspace.
If you want to change the color, copy and paste the following code into your about me section, placing either a color name or a hex code (<authors note, maybe add a link to a hex code table?>).
<style>
body
{
background-color:color;
}
</style>
Copy and paste this code instead if you want to add a background image. Just add the URL of the image into the space below.
<style>
body
{
background-image:url(ADDIMAGEURLHERE);
}
</style>
Adding a background image to your tables can look pretty nifty on your table, especially because you can add animated gif files if you really want to (although be warned with these, they may slow your page down).
Copy and paste the following code into your about me section and add your own image URL to the background-image.
<style type="text/css">
table, tr, td
{background-color:transparent}
table table {}
table table table table{}
table table table{
background-image:url(ADDIMAGEURLHERE);
background-repeat: repeat;
background-attachment: scroll}
</style>
Adding borders to your tables is very easy to do. Copy and paste the following code into your about me section. There is an explanation of all the code you can edit beneath.
<style
type="text/css">
border-width:widthpx;
border-color:color;
border-style: style;
table
table { border: 0px }
table table table table{border:0px }
table,
tr, td { background-color:transparent; border:none;
border-width:0;}
table table table {
</style>
border-width:widthpx; - This is the width of the border. As it is in pixels, remember to place px after your chosen number
border-color:color; - This is the color of your border which can be entered as either color or a hex value.
border-style: style; - This is the style of the border. There are a lot to choose from, and are listed below.
Double
Dotted
Dashed
Grooved
Hidden
Inset
Outset
Ridged
Adding borders to your Myspace page can give it a boxed in effect. Copy and paste the following code into your about me section. Use the previous explanation for adding a border to your tables to alter the code if you’re a bit confused about it:
<style
type="text/css">
body
{
border:WIDTH;
border-color:COLOR;
border-style:SOLID;
}
</style>