Friday, May 19, 2006

Pretty MySpace Layouts

MySpace's popularity has finally got a hold of you and you have put up your own MySpace site. But, if you like most MySpace users you find the ads annoying and limit your ability to truly express yourself in your MySpace layout. Wouldn't you like to find a way to remove them to create truly pretty MySpace layouts. Well you have come to the right place, by adding the following code snippets to your profile you will be able to remove the ads. This is the first step to creating your own pretty myspace layout.

Copy and paste the following CSS snippet into the "About Me" section of your MySpace profile. Note:The margin-left attribute on .main and .main table is half of you sites total width, and is a negative. For example if you sites width is 680, then margin-left should be set to -340px.


<style type="text/css">
* body {
overflow-x: hidden;
background: url(http://www.yoursite.com/background.gif) repeat;
}
* body table {
visibility: hidden;
width: 0px!important;
height: 0px!important;
overflow: hidden;
}
* body form {
visibility: visible;
display: block;
}
.comments {
position: absolute !important;
top: 0px !important;
visibility:hidden;
display:none;
overflow: hidden;
height: 0px;
}
.main {
width: 800px;
height: 500px;
margin-left: -400px;
position:absolute;
left:50%;
top:0px;
z-index:1;
visibility: visible;
border: 5px solid gray;
background: url(http://www.yoursite.com/background.giff) repeat;
}
.main table {
width: 800px;
height: 500px;
visibility: visible;
cellpadding:0px;
cellspacing:0px;
background: url(http://www.yoursite.com/background.gif) repeat;
}
</style>


Now, copy and paste this HTML snippet into the "I'd Like To Meet" section of your MySpace profile. Replace the "INSERT YOUR SITE HERE" with your own HTML to create your pretty MySpace layout. Note: Keep in mind that you CANNOT use id= on your divs because MySpace blocks them so Use class= instead.


<div class="main">
<table style="cellpadding:0px;cellspacing:0px;">
<tr>
<td valign="top">

INSERT YOUR SITE HERE

</td>
</tr>
</table>
<div class="comments">
<table><tr><td><table><tr><td><br />


Once you have added this code to your site you are ready to get creative and develop your own pretty myspace layout or find a premade myspace layout. The slate is blank and ready for you to fill it.

This random topic brought to you by http://randomtopics.blogspot.com
Pretty MySpace Layouts

0 Comments:

Post a Comment

<< Home