Swing It All Away

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Remember to put your friend ID in all spots that say "YOUR FRIEND ID HERE" before saving anything.

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
body { 
background-color:FFFFFF;
background-position:bottom left; 
background-repeat:repeat; background-attachment:fixed; 
border-width:0px; 
border-color:FFFFFF; 
border-style:solid; 
}

.orangeText15 {display:none;}
.nameText {display:none;}
.friendSpace {display:none;}
.friendsComments {display:none;}
.contactTable {display: none;}
.extendedNetwork {display:none;}
.latestBlogEntry {display:none;}
.userProfileURL {display:none;}
.userProfileDetail {display:none;}
.bottomlinks {display:none;}
.ImgOnlineNow {display:none;}
.profileinfo {display:none;}

table tr td div div {
visibility:hidden;
display:none;
border:0px!important;
background-color:transparent;
}

td, 
.whitetext12, 
.lightbluetext8, 
.blacktext12, 
.btext,  
.text, 
.orangetext15, 
.nametext, 
.redbtext, 
.redtext, 
A:link, 
A:visited, 
A:active,
a.redlink:link,
a.redlink:active, 
a.redlink:visited,  
a.searchlinksmall:link, 
a.searchlinksmall:active, 
a.searchlinksmall:visited, 
a.searchlinksmall:hover, 
a.font, 
table td div div font, 
div table tr td font 
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:8pt;
color:black;
}

a.navbar, 
a.navbar:link,
a.navbar:active, 
a.navbar:visited{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:7pt;
color:black;
}
a.navbar:hover{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:7pt;
color:88bbff;
}
a.redlink:hover, 
A:hover{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:8pt; text-decoration:none;
color:88bbff;
}

td.text table {width:100%;}
.friendsComments td table, .friendsComments td.text table, .friendSpace table, .blurbs, .blurbs td.text {background-color:transparent; border:0px;}

tr, td {background:transparent;border:0px;}

</style>

<style>

.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{
display:none;
height:0px;!important;
visibility:hidden}

td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}

font, body, table, td, div, h1, h2, br, a, p {font-family:verdana; font-size:10px; color:7c0040; background-color:trasparent;text-transform:lowercase; text-decoration:none; font-weight:normal;}
.text {font-family:times new roman; font-size:10px; color:ffffff; background-color:trasparent;text-transform:uppercase; text-decoration:none; font-weight:normal;}

a:link, a:active, a.man:link, a.text:link, a.redlink:link, a.redlink:active, a.navbar:link, a.navbar:active, a:visited, a.man:visited, a.text:visited, a.redlink:visited, a.navbar:visited  {
font-family:Verdana;
font-size: 10px; 
color:000000; 
text-transform:none; 
text-decoration:none; 
font-weight:normal; 
line-height:18px; 
letter-spacing:.5px;}

a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {
font-family:verdana;
font-size: 10px; 
color:7c0040; 
text-transform:none; 
text-decoration:none; 
font-weight:normal; 
line-height:18px; 
letter-spacing:.5px;}

a:link, a:visited; a:active{
color:7c0040;}

input, select{
font-family:tahoma; 
font-size: 9px; 
text-transform:none; 
color:000000; 
background-color;000000;
border:1px solid 000!IMPORTANT;}

td td embed, td td object{height:1px;width:1px;}
td.text embed {height:1px;width:1px;}
td.text embed, td.text object {width:1px;height:1px;}

a {
text-decoration:none;
color:000000;
}
a:hover {
text-decoration:none;
color:000000;
}

body {
background-color: fffffff;
background-image: url('http://cbimg9.com/layouts/08/07/29301ab.jpg');
background-repeat: repeat;
font-family: tahoma;
font-site: 7px;
topmargin: 0px; 
leftmargin:0px;

}

.tab{
overflow:auto;
font-family: tahoma;
font-site: 9px;
}

.nav{
font-family: tahoma;
font-site: 9px;
color: &#ffffff;
}
</style>

<div style="font-size:9px; overflow:auto; position: absolute; width: 399px; height: 322px; z-index:3; left: 298px; top: 464px" id="livello3">
about me here
</div>

<div style="font-size:9px; overflow:auto; position: absolute; width: 356px; height: 25px; z-index:3; left: 344px; top: 434px" id="livello3">
<center><a href=http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=XXXXXXXX>comment</a>
<a href=http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX>pictures</a>
<a href=http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX>add</a>
<a href=http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX>message</a>
<a href=http://home.myspace.com/index.cfm?fuseaction=user>home</a>
</center>
</div>
<style>div div table div, div.clearfix a, input {display:none;}
div.clearfix table div div {display:block;}

div div select{
opacity:0;
filter:alpha(opacity=0);
display:none !important;
position:absolute !important;
bottom:2000px !important;}

select {position:relative !important; margin-top:-40000px;}
td td td select {position:static !important;}
div table div form {display:none !important}
.bodyContent table table div form {display:inline !important;}

.bodyContent div table, .bodyContent div td {background-color:transparent;}
.bodyContent table.navigationBar td, .bodyContent div td td {background-color:transparent;}
table.navigationBar td td {white-space:nowrap;}</style>

Layout Comments

Showing latest 10 of 22 comments

oh wow!i really liked it but its kinda sad...in a way!

By lilababe08 on Jun 14, 2009 4:51 pm

racey love it

By clwangel on Oct 6, 2008 5:48 pm

I do love this, just the "swing it all away" font irks me. To me at least, the font there is girly while the background is quite...well, not. And I do hate to classify something as "girly", because I hate stereotypes, but it's just the first thing that stuck out to me. However, I do like this and if I decide to stop making my own layouts, this will definitely be first up for my next one. Nice job.

By thegeneral on Aug 8, 2008 12:42 pm

I love it!!

By dosomethin888 on Jul 14, 2008 3:39 pm

Well, it was meant to be simple. And putting the top across the whole background would look too...bizarre, and not to mention the brushes would end up being distorted because they aren't that big.

By kateisepic on Jul 14, 2008 3:07 pm

loving this layout. i just wish there was something on the sides so it wasnt too plain. i would have liked it better if the note up the top was part of the bkg and spread across the sides and behind the about me.

but i still love it. great work.

By sami-xo on Jul 14, 2008 8:50 am

Naekipz, no. I will not try something different. =] Black font would blend too much with the tree. Grey would be over-doing the grey. Besides, grey is just white with black, I used a neutral color nonetheless.

Myhappyending, thank you =D I tried to make the navi centered, but, it just didn't work out correctly. Lol. =]

By kateisepic on Jul 12, 2008 12:24 pm

I love this. It's simple but good. I think the navigation could have been better though, more sort of, centerish or whatever?

Kudos :]

By Decode on Jul 12, 2008 4:57 am

"Swing It All Away" should be written in black or dark grey. I don't know, it's just something about the font that makes me not like it. Try something different?

By Naekipz on Jul 11, 2008 2:36 am

that tree silhouette... does it happen to be on a t-shirt from threadless.com? anyhow, i love this.

By endless-hunger on Jul 9, 2008 8:46 pm

View all »

Layout Details

Designer	kateisepic
Submitted on	Jul 7, 2008
Page views	26,857
Favorites	231
Comments	22
Reviewer	jaeminnie
Approved on	Jul 7, 2008

Swing It All Away

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates