Modify Tables/Content on Your Myspace
Editing "View More Pictures" Area
Editing your picture area is exactly the same as editing your general Myspace, however what you’re probably wondering is where do I put the code. In the image captions.
Below is a list codes that can be cut and pasted to change your picture page.
Background codes:
<body style="background-color:COLOR HERE;"> - edit the background color
<body background="URL TO IMAGE "> - add a background image
Text Codes
<style>body, table, td, .text{color:COLOR HERE ;}</style> - changes the text color
<style>a:link {color:COLOR! important;}</style> - changes the link color
Image Effects
The following codes adds effects to your images. Please note these will only work in internet explorer.
<style>a:hover img{filter:fliph;}</style>
<style>a:hover img{filter:flipV;}</style>
<style>a:hover img{filter:xray;}</style>
<style>a:hover img{filter:gray;}</style>
<style>a:hover img{filter:xray;}</style>
<style>a:hover img{filter:invert;}</style>
It is possible to flip your Myspace profile so you have your picture and your details on the right and your About Me section and comments on the left. Copy and paste the following code into your About Me section
<style type="text/css">
table {direction:rtl;}
table table table {direction:ltr;}
</style>
If you want to flip your scroll bar over as well, use this code instead
<style type="text/css">
body, table {direction:rtl;}
table table table {direction:ltr;}
</style>
For internet explorer users, you can just flip the scroll bar over with this code
<style type="text/css">
body {direction:rtl;}
table {direction:ltr;}
</style>
Put Your Friends and Comments in a Scroll Bar
If you want to keep your profile nice and neat, copy the following code into your I’d Like To Meet section to place
<div style="height:400;width:450
px;overflow:auto"><table><tr><td><table><tr><td></div>
Centre Friends And Comments Table
The following code will centre the table that contains your friends and comments. Make sure to copy it to the very bottom of the who I’d like to meet section.
</table></tr></td>
The following set of code will let you place your own navigational bar over the one on Myspace (this is the bar that contains Home Browse Search… etc)
To start with paste this into your About Me section
<style>div div table tr td a.navbar, div div table tr td font {display: none;}</style>
Then paste this into your I’d Like To Meet Section
<div class="navigationbar"
style="background-color:6698CB; position: absolute; left:50%; top:127px;
margin-left: -400px; width: 800px; height: 26px">
<table width="800" height="26" border="0"
cellspacing="0" cellpadding="0">
<tr valign="middle">
<td align="center">
<font face="Arial, Helvetica, sans-serif"
color="000000">
<a href="http://your_chosen_url">Your Text Here</a>
|
<a href="http://your_chosen_url">Your Text Here</a>
|
<a href="http://your_chosen_url">Your Text Here</a>
|
<a href="http://your_chosen_url">Your Text Here</a>
|
<a href="http://your_chosen_url">Your Text Here</a>
|
<a href="http://your_chosen_url">Your Text Here</a>
|
<a href="http://your_chosen_url">Your Text Here</a>
</tr>
</td>
</font>
</table>
</div>
You can edit the text in bold to link to any site you want. If you don’t want all the links above, or you want more, then delete/add this segment
|
<a href="http://your_chosen_url">Your Text Here</a>
It is possible to insert a picture of your choice over the extended network banner, although it has to be resized to 435 x 75 pixels (you can download free programs such as GIMP to do this for you). Once its resized, you can upload it to a free image hosting site like imageshack.us.
Once you have your picture selected, copy and paste the following code into your about me section. Replace the PICTURE URL with your url of your picture.
<style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
background-color:transparent;
background-image:url('PICTURE URL');
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:435px; height:75px; display:block; }
span.blacktext12 img {display:none;}
</style>
Change the Background Color of Your Tables
Copy and paste the following code into your I’d like to meet section and edit the CHOOSE COLOR with your chosen color
<style type="text/css">
table, tr, td {background:transparent; border:0px;}
table table table {background-color:CHOOSE COLOR;}
</style>
Copy and paste the following code into your ‘About Me’ section. If you want to change how transparent your tables are, then change the opacity value. Increasing it to a maximum of 100 will make your tables more solid while decreasing it to 0 will make it more transparent.
<style type="text/css"
>
table table table {background:transparent;}
table table table td {
background-color:transparent;
filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
-khtml-opacity:0.7;
</style>
Move Contact Table Anywhere on Your Page
The following code will allow you to place your contact table anywhere you want on your page. Just simply copy and paste the code below, then edit the top and left values to place your table where you want.
<style type="text/css">
.contactTable
{
position:absolute;
left:500px;
top:400px;
z-index:3;
}
</style>
Completely Center Your Profile
It is possible to centre your entire profile so that instead of two columns there is only one.
Copy and paste the following code into your hero’s section
<style type="text/css">
<br />
<table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99" border="0">
<tr><td>
<table bordercolor="000000" cellspacing="3" cellpadding="3" width="435" align="center" bgcolor="ffffff" border="0"> <tr> <td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap:break-word"> <span class="orangetext15">About me:</span><br />


