Breathe Electric Ver. 2

Designer's Comments

Look carefully for specific instructions

Wow. First submition.
Wooo, so this is my first DIV overlay. o_o So yahh, I love Breath Electric and decided to make it my site name.

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>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.red

text,.redbtext{display:none;height:0px;;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;border:0px;}
a.text,table div font a,table div div,.navbar font,tr td font

{visibility:hidden;display:none;height:0px;}
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;}
body div table td form img{display:none;}
body div table td form option{display:none;}
body div table td form select{display:none;}
body div table td form input{display:none;}body table td
.navigationBar{display:none;}
</style>
<style>div[id="googlebar"], 
div div select{
opacity:0;
filter:alpha(opacity=0);
display:none !important;
position:absolute !important;
bottom:2000px !important;}</style>

<style>

.div{
position: absolute; 
left: 50%;
margin-left:-440px; 
top: 100px;  
z-index: 0;}

.one{
position: absolute; 
left: 50%; 
margin-left: -230px; 
top: 275px; 
z-index:5; 
width:  360px; 
height: 200px; 
overflow: auto;}

.two{
position: absolute; 
left: 50%; 
margin-left: 140px; 
top: 315px; 
z-index:5; 
width:  90px; 
height: 300px; 
overflow: auto;}

.three{
position: absolute;
left: 50%;
margin-left: -200px;
top: 480px;
z-index:5;
width:430;
height:50;
overflow:none;}

h1 {
	font: italic 14px georgia;
	letter-spacing: -0.5px; 
	text-align: right; 
	line-height: 13px;
	color:000; 
	display: block;}

body{
background-color:000;
background-image:url(http://cbimg6.com/layouts/09/06/35021aa.png);
background-repeat:repeat;
backgroud-position:top-left;
scrollbar-face-color: fff;
scrollbar-highlight-color: fff;
scrollbar-3dlight-color: fff;
scrollbar-shadow-color: fff;
scrollbar-arrow-color: 000;
scrollbar-track-color: fff;
}

body,table, td, li, p, div{
font-family: arial;
size: 10px;
color:000; 
font-weight: normal; 
border:0px; 
text-transform: none; 
line-height:11px;
letter-spacing: 0px;}

b, strong {
color: 000; 
font-weight: bold;
font-family:verdana;
font-size:10px; }

u { 
color: 000; 
border-bottom: 0000.5px; }

i, em {
color: 000;
font-family: verdana;
font-style: italic; }

a {font: normal 10px verdana; text-decoration: none!important; color:000!important;}
a:hover {font: normal 10px verdana; text-decoration: none!important; color: fff!important;

cursor: default;}

a.kia:link, a.kia:visited, a.kia:active {
	text-decoration: none!important;
	font-family:small fonts;
        text-transform:uppercase;
	text-align: center;
	font-style:normal;
	font-size:7px;
	line-height:13px;
	color: 000!important;
	background-color:;
	border: 0px solid;
	border-color: !important;
	cursor: default;
	display: block;
	margin: 0;
	margin-bottom: 0em;
	padding: 0px;}
a.kia:hover {
	text-decoration: none!important;
	font-family:small fonts;
        text-transform:uppercase;
	text-align: center;
	font-style:normal;
	font-size:7px;
	line-height:13px;
	color: 000!important;
	border: px solid;
	border-color: 000!important;
	cursor: default;
	display: block;
	margin-right: 0px;
	margin-bottom: 0em;
	padding: 0px;}

td td object {position: absolute; 
left:0px; 
top: 0px;
width:45px;}

textarea.box{ background-color:fff; width:380px; height:40px; font-family:arial; text-

transform: none; color:000; line-height:11px; text-align:left; font-size:10px; border-top:1px

solid; border-bottom:1px solid; border-left:1px solid; border-right:1px solid; border-

color:000; letter-spacing:0px; margin:0px; padding-top:8px; padding-left:3px;

overflow:hidden; } input.button {margin-bottom:10px; _margin-bottom:0px; padding:0px;

color:000; text-transform: uppercase; font-size:7px; width:40px; height:40px; text-align:

center; font-family:small fonts; background-color:fff; border-top:1px solid; border-

bottom:1px solid; border-left:1px solid; border-right:1px solid; border-color:000; line-

height:9px; font-weight: normal; overflow:hidden;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="div">
<img src="http://cbimg6.com/layouts/09/06/35021ab.png"

/>
</div>

<div class="one">
<br>
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean ornare libero pharetra

est. Integer ornare enim ut pede. In sit amet quam eget sem faucibus feugiat. Donec mi.

Ut fermentum sapien id mauris. Fusce scelerisque facilisis lectus. Fusce sem. Phasellus

non ante a ante lobortis eleifend. Proin dictum consectetuer elit. Aliquam ultrices. Proin

mauris. Nulla auctor accumsan ante. Aenean ac nulla nec sem pretium pretium. Aliquam

gravida, massa ut blandit dignissim, metus augue feugiat purus, vel pharetra justo massa

elementum ante. Suspendisse sed felis sed odio aliquet aliquet. Curabitur lectus massa,

aliquet eu, lacinia sed, vehicula ut, mauris. Nulla venenatis.

Nullam nisi neque, consequat sed, porttitor non, rhoncus at, nulla. In hac habitasse

platea dictumst. Suspendisse in est nec urna tempus mollis. In pulvinar, ante vitae

convallis laoreet, mauris dui vulputate erat, eu consectetuer dolor nibh non urna. In

consequat lacus eu ante. Duis nec leo. Vivamus vehicula tincidunt risus. Maecenas urna

est, sodales ac, aliquam ac, iaculis eu, mauris. Lorem ipsum dolor sit amet,

consectetuer adipiscing elit. Donec a quam a dui dapibus malesuada. Etiam a felis.

Donec non orci. Fusce eu mi. Phasellus nec erat. Mauris pede. Aenean tristique, metus

molestie iaculis ultrices, odio eros rhoncus enim, a viverra turpis est ut sapien. Ut

imperdiet aliquet nisi. Praesent purus orci, faucibus eu, rutrum at, rhoncus non, leo. 
<br /><br /></div>

<a class="kia" href="http://collect.myspace.com/index.cfm?

fuseaction=invite.addfriend_verify&friendID=XXXXXXXXX">add</a>

<a class="kia" href="http://comment.myspace.com/index.cfm?

fuseaction=user.viewComments&friendID=XXXXXXXXX">comments</a>

<a class="kia" href="http://messaging.myspace.com/index.cfm?

fuseaction=mail.message&friendID=XXXXXXXXX">message</a>

<a class="kia" href="http://viewmorepics.myspace.com/index.cfm?

fuseaction=user.viewAlbums&friendID=XXXXXXXXX">pics</a>

<a class="kia" href="http://collect.myspace.com/index.cfm?

fuseaction=block.blockUser&userID=XXXXXXXXX">block</a>

<a class="kia" href="http://blog.myspace.com/index.cfm?

fuseaction=blog.ListAll&friendID=XXXXXXXXX">blog</a>

<a class="kia"

href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx?

friendID=XXXXXXXXX">friends</a>

</div>
<div class="three">
</div>
<div class="three">
<center><form action="http://comments.myspace.com/index.cfm?

fuseaction=user.ConfirmComment" method="post"><input value="XXXXXXXXX"

name="XXXXXXXXX" type="hidden" /><textarea style="border:1px solid black;

overflow:hidden; width:210px; height:28px; background-color:eaafff; text-align:center; font-

family:arial; font-size:15px; color:000000; line-height:15px; letter-spacing:3px; font-

weight:normal; text-transform:lowercase; padding-right:9px;" name="f_comments">you

electrify my life.

Layout Comments

Showing latest 7 of 7 comments

you should make a layout
dedicated to the word stellar
its my nickname and NOONE will make a good one
a cute, but not cheesy one, you know?
simple, yet stunning
i need to learn how to make layouts...
just an idea! lol
but forreals, this is so cute

By MostDefStellar on Jun 30, 2009 12:55 am

NICE :)

By x-one2three on Jun 28, 2009 11:31 am

It's cute! Great job! :D

By CandyPop on Jun 28, 2009 8:05 am

Cool. :)

By Mikeplyts on Jun 27, 2009 11:59 pm

lol i was listening to them when i saw this layout.
nice job.

By alek on Jun 27, 2009 10:07 pm

Not bad! I would just like to point out that the comment box code on the bottom is incomplete. Hence, the preview shows only a text area and no submit button. =[

You should fix that.

By AncientWhisper on Jun 27, 2009 8:29 pm

Very cute. Lovin' the font and the colors. Nice job!

By oranger0cks on Jun 27, 2009 8:06 pm

Layout Details

Designer	BreatheElectric
Submitted on	Jun 27, 2009
Page views	8,563
Favorites	41
Comments	7
Reviewer	interpretation
Approved on	Jun 27, 2009

Breathe Electric Ver. 2

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates