Entangle

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Please remember to keep the link in tact and enjoy the design.

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></td></tr></table></td></tr></table></td></tr></table></div>
<style type="text/css"> 
body {
background: url('http://layouts.cbimg6.com/34/17163c.gif'); 
background-repeat: repeat; 
line-height: 14px; 
cursor: default;
color:FFBA77;}

td, .text, div, input {color:!important;} 
span, b {color: !important;} 
a {color: !important;} 
img {border:0px;} 
table, tr, td {background:transparent; border:0px;} 
div table td font {visibility:hidden;} 
div table table table td font {visibility:visible;} 
table table table td {visibility:hidden;} 
marquee, table table table div td {visibility:visible;} 
table table embed {display:block; position:absolute; top:0px; left:0px; visibility:visible;} 
table table table embed {position:static;} 
table div div, table tr td div font a {visibility:hidden;} 
.div1 div, .div2 div, .div3 div, .div4 div, .div5 div, .div1 a, .div2 a, .div3 a, .div4 a, .div5 a, .div6 a, .div7 a, {visibility:visible !important;} 
.text, table table table table a, table table table table div, .frm1 {visibility:hidden;} 
table table table table div a, .frm1 input {visibility:visible;} 
.text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;} 
table table, table table td {padding:0px; height:0px;}

.nav { 
background-color:transparent; 
overflow:auto; 
width: 250; 
position:absolute; 
z-index:2; 
left:0; top:0; 
margin-left: 230px; 
margin-top:390px; 
text-align:left; 
visibility:visible; 
font-size: 8pt; 
line-height: 14px;}

.aboutme { 
background-color:transparent; 
width: 400px; 
position:absolute; 
z-index:2; 
left:0; 
top:0; 
margin-left: 400px; 
margin-top:385px; 
text-align:left; 
visibility:visible; 
font-size: 8pt; 
line-height: 14px;
}

.div { 
background-color:FFBA77; 
overflow:auto; 
position:absolute; 
z-index:2; 
left:30; 
top:0; 
margin-left:0px; 
margin-top:0px; 
text-align:left; 
visibility:visible;}

div.nav a {
display: block;
padding: 1px;
width: 165px;
margin:6px;
text-align: left;
font: 18pt "arial";
letter-spacing:-3px;
text-transform:lowercase;}

div.nav a:link,.nav a:visited, div.nav a:active {
display: block;
padding: 1px;
width: 165px;
background-color:transparent; 
text-decoration: none;
color:FFBC78;}

div.nav a:hover {
display: block;
padding: 1px;
width: 158px;
background-color:CC5F02; 
color:FFBC78;
text-decoration:none;}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br {
font-family:Verdana;
font-size: 8pt; 
color:FFBA77; 
font-weight: normal; 
text-decoration: none; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 14px;}

h1 {
font: 20pt "arial";
color: FFBC78;
text-align: left;
letter-spacing: -3px;
text-transform: lowercase;
margin: 0 0 10px 0;}

.contactTable {display: none;}.text {font-family:Verdana;font-size:9; color: 0072BC; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.orangetext15 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}
.redbtext, .redtext {font-family:Verdana;font-size:9; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.lightbluetext8 {font-family:Verdana;font-size:12; color: ffffff; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.nametext {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext12 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
textarea, input {font-family:Verdana;font-size:9; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.btext {font-family:Verdana;font-size:4; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext10 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext12 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

.r { Layout by Fainaru - fainaruu.uni.cc }

a:link, a:visited, a:active {color:AF4606; text-decoration: none; font-weight:bold;}
a:hover {cursor: HAND; color: EC6A08; text-decoration: none;}

input, textarea {
cursor: default; 
color:FFA956;
font-size:8pt;
font-family:Verdana;
background-color:D46901;
border: D46901 1px solid;}

blockquote {
background:transparent;
border: transparent 0px solid;
margin: 20px 50px 20px 55px;
padding: 10px 10px 30px 10px;}

</style>
<table><tr><td><table><tr><td><table><tr><td>

Layout Code

Copy and paste to I'd Like to Meet

Help

</td></tr></table></td></tr></table></td></tr></table></div>

<div class="nav">
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=e118c948-47dd-4cba-9fa4-ef19fc0f1c04">Home</a> 
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add me</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">My pictures</a> 
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">My Blog</a> 
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message me</a>  
<a href="http://textuures.uni.cc/">Fainaru</a>
<a href="http://ffaurae.uni.cc/">FF Aurae</a>
</div>

<h1>Entangle by Fainaru</h1>
<b>March 24, 2007</b><br>
<b>Entangle</b> is a design that compensates for my lack of brighter coloured layouts. I did a little experimenting with shape positioning and for once, used gradients. Remember to follow the terms if you want to use this layout.

<br><p align="right"><b>Tested on Firefox, IE and Opera</a></b></p><br>

<h1>Terms</h1>
<ul type="circle">
<li>No redistributing this layout.</li>
<li>Keep all credit links in tact.</li>
<li>Leave the image + stylesheet as it is.</li>
</ul>

<br>

<blockquote>
<h1>CSS Elements</h1>

Font <b>Bold</b> <i>Italic</i> <u>Underline</u> <s>Strike</s> <a href="">Link</a><br><br>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments">Comment</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>
</div>

Layout Comments

Showing latest 10 of 18 comments

I'm not a fan of orange but I love this!

By Decode on Feb 12, 2009 5:38 pm

I added my friend id on the comment section but it didnt work. Everytime my friends posts a comment it takes them to the page that says "Invalid Friend ID"

By demondaysx2 on Nov 8, 2007 6:24 pm

its too orangey! but still a good layout! nice job! =]

By LindaMaiPania on Sep 28, 2007 7:11 pm

definately the favorite layout i've seen! wondering how to change the links...they keep saying invalid user id. also is there a way to get rid of the myspace music bar and just have music playing???

By niccernewt on Jul 26, 2007 12:55 am

you're the best...and that's all there is to say

By jesusisthebestthing on Jul 25, 2007 7:31 pm

This is so unique! I like the organization. Good work!

By dramamakap on Apr 6, 2007 7:58 pm

that's a GREAT layout

By yanis on Mar 29, 2007 5:30 pm

shows your really good designer touch, but lacks the initial visual thrill. it is nice though. id really like it if it was blue.

By Dwdrums1111 on Mar 27, 2007 3:16 am

Nice gradient effect =]Overall...I love it.

By cowsarecool on Mar 26, 2007 4:19 pm

great image you made, i like the orange too

By SUPERednerd on Mar 26, 2007 2:19 pm

View all »

Layout Details

Designer	fainaru
Submitted on	Mar 24, 2007
Page views	55,825
Favorites	128
Comments	18

Entangle

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates