Breakaway

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-color: 65928B; 
background-repeat: repeat; 
line-height: 14px; 
cursor: default;
color:4F5253;}

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: 130; 
position:absolute; 
z-index:2; 
left:0; top:0; 
margin-left: 596px; 
margin-top:400px; 
text-align:left; 
visibility:visible; 
color:CCDAB9; 
font-size: 8pt; 
line-height: 14px;}

.aboutme { 
background-color:transparent; 
width: 360px; 
height: 100%; 
position:absolute; 
z-index:2; 
left:0; 
top:0; 
margin-left: 205px; 
margin-top:320px; 
text-align:left; 
visibility:visible; 
color:4F5253; 
font-size: 8pt; 
line-height: 14px;}

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

div.nav a {
display: block;
padding: 3px;
width: 150px;
margin:5px 2px 2px 2px;
text-align: left;}

div.nav a:link,.nav a:visited, div.nav a:active {
display: block;
padding: 3px;
width: 100px;
background-color:657B78;
text-decoration: none;
color:636768;}

div.nav a:hover {
display: block;
padding: 3px;
width: 100px;
background-color:636363; 
color:4F5253;
text-decoration:none;}

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

h1 {
font: 18pt "century gothic";
color: #4F5253;
text-align: left;
letter-spacing: 5px;
text-transform: uppercase;
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;}

/* Layout by Fainaru - fainaruu.uni.cc */

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

input, textarea {
cursor: default; 
color:636969;
font-size:8pt;
font-family:Verdana;
background-color:84A9A2;
border:#84A9A2 1px solid;}

blockquote {
background:#65928B;
border: #65928B 1px 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://fainaruu.uni.cc/">Fainaru</a>
</div>

<h1>Breakaway by Fainaru</h1>
<b>February 24, 2007</b><br>
Creating <b>Breakaway</b> had helped me brush up on my 'abstract' pen tool art that I hadn't done in a while. The gradients and dotted lines really give it a nice touch. I find the colours of this design look great together. As always if you use this layout, remember to follow the terms of use.

<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 10 comments

nice layout!

By Tatty Teddy on Mar 3, 2007 11:34 pm

definitely gives the brakeaway feel...

By kidkicks on Feb 26, 2007 6:32 pm

lovely layout.

By GooberSnattch on Feb 25, 2007 3:43 pm

love it but it looks a lot like your other layouts still a great job

By IVIike on Feb 25, 2007 8:44 am

I like the colors. Not to bright. It's nice. Not to loud yet, not wispering.

By Aerjae on Feb 25, 2007 1:27 am

QUOTE(fainaru @ Feb 24 2007, 3:53 PM) [snapback]2470354[/snapback]Pen tool baby (both the dots were brushes) :D I credit (if I could) the folks whose brushes I used from if I did use them. @ Blaqheartedstar: LMFAO. Yeah, I got the DDR idea from a

By x.d.o.0.f.u.s on Feb 24, 2007 6:14 pm

Your layouts are always so simple and elegant; they feel really artistic and I always think I must be missing something, or underappreciating it. I like the fact you have a very distinct style but I would love to see something a little more complicated fr

By flaymzofice on Feb 24, 2007 6:08 pm

Pen tool baby (both the dots were brushes) :D I credit (if I could) the folks whose brushes I used from if I did use them. @ Blaqheartedstar: LMFAO. Yeah, I got the DDR idea from a friend.. and the yaoi ones were made for the masses of fangirls.

By fainaru on Feb 24, 2007 3:53 pm

I love it =), just one questoin, are those brushes? or pen tool?

By x.d.o.0.f.u.s on Feb 24, 2007 3:33 pm

ur banners are funny, love the yaoi ones and the i don't move, i DDR anyway the layout is lovely, love the color used and the brushes

By Blaqheartedstar on Feb 24, 2007 2:29 pm

Layout Details

Designer	fainaru
Submitted on	Feb 24, 2007
Page views	66,757
Favorites	140
Comments	10

Layout Tags

, breakaway, abstract, teal

Breakaway

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates