Electropop.

Designer's Comments

Look carefully for specific instructions

The crown avatars are to be replaced with your friends' pictures. They're not just chilling there because I want it to be.

*Disclaimer: this layout was not intended for dial-up users. The reason being that I saved it as a PNG which is a larger file size than JPG, for quality reasons. Please do not complain about load time--I hate it, as well, but I'd rather upload higher quality graphics.

Also, this layout is only a bit complicated. It's not simply a copy and paste layout.

If you need help, feel free to message me. That's why I'm here.

Instructions:

Ctrl+F all "XXXXXX" and replace that value with your friendID.

On the side module, I have put six empty slots for you to insert your own friends' pictures. They must be 100x100px, avatar size. Just replace my IMG links with yours and so forth.

If you want music, Ctrl+F "embed, object" and remove that code. I don't code my layouts with music in mind, so I hope it shows up where you want it to, or you know how to position it.

Everything was done by me, except the floral design I used was by ro-stock on DeviantART. She/he has a very useful stock.

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 type="text/css">
.credit {misshygienic.createblog.com}
.userProfiledetail, .userProfileURL, .userProfileSchool,
.interestsAndDetails, .friendsComments, .extendedNetwork,
.latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;}

a.text, table div font a, table div div {visibility:hidden;}

table tr td div font {display: none;}

body div table td form {display:none!important;}

table, td, tr{ background-color:transparent;}

object, embed{ width:0px; height:0px; display: none !important;}

body div td div div select {width:0px !important;}

div div select, div div form {display:none !important;
}

div table div div select {position:absolute !important;  top:-400px !important; left:-400px !important; }

body {
font-family: Verdana, Lucida Sans, Arial;
font-size: 11px;
line-height: 16px;
background-color: #000000 !important;
background-image: url("http://cbimg6.com/layouts/08/02/26/25809ac.png");
background-repeat: top repeat; }

a.link {
font-color: e8556d;
font-family: Verdana, Lucida Sans, Arial;
font-size: 12px; }

a.hover {
font-color: e8556d;
background-color: f4f4f4;
padding: 2px;}

a.img {
border: 0px !important; }

.navi {
position: absolute;
left: 50%;
top: 0px;
margin-left: -710px;
z-index: 0;
border: 0px;
width: 1400px;
height: 1400px;
}

.aboutme {
position: absolute;
left: 50%;
top: 420px;
margin-left: -135px;
z-index: 2;
overflow: auto !important;
overflow-x: hidden;}

.interests {
position: absolute;
margin-left: -135px;
top: 620px;
left: 50%;
z-index: 3;}

.boxcomments {
position: absolute;
left: 50%;
margin-left: -390px;
top: 860px;
z-index: 4;}

.fspace {
position: absolute;
left: 50%;
margin-left: -375px;
top: 530px;
z-index: 4;}

h1 {
border-bottom: 1px solid #000932;
font: 20px lucida sans;
font-weight: bold;
letter-spacing: -1px;
display: block;
background-color: ededed;
font-weight: bold;
text-transform: uppercase;
padding: 2px;}

h2 {
font-color: 000932;
background-color: f4f4f4;
text-transform: uppercase;
font-size: 12px;
padding: 3px;}

</style>

<div class="aboutme" style="overflow:auto !important; width:430px; height: 160px; font-family: Verdana, Lucida Sans, Arial; text-align: justify; font-size: 11px; line-height: 15px; background-color: transparent;">
<h1>About Me</h1>
This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself.
</div>

<br>

<div class="interests" style="overflow:auto !important; width:500px; height: 470px; font-family: Verdana, Lucida Sans, Arial; text-align: justify; font-size: 11px; line-height: 15px; background-color: transparent; border: none;">
<h1>Interests</h1>
<p>This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. </p>

<h1>Movies</h1>
<p>This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. </p>

<h1>Books</h1>
<p>This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. </p>

<h1>Music</h1>
<p>This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. </p>

<h1>Television</h1>
<p>This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. </p>

<h1>Literature</h1>
<p>This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. </p>
</div>

<div class="boxcomments">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"><textarea name="f_comments" style="width: 225px; height: 220px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: verdana, lucida sans; text-transform:uppercase; line-height: 14px; font-size: 10px; color: 000932; background-color: ffffff;" style="overflow:auto;">Leave a comment</textarea>
<br><center><input value="SUBMIT" style="border-width: 1px; border-style: solid; border-color: ffffff; width:75px; font-family: verdana, lucida sans; text-transform: uppercase; letter-spacing:1pt; font-size: 10px; color: ffffff; background-color: 000932;" type="submit"> <input value="RESET" style="border-width: 1px; border-style: solid; border-color: ffffff; width:75px; font-family: verdana, lucida sans; text-transform:uppercase; letter-spacing:1pt;font-size: 10px; color: ffffff;  background-color: 000932;" type="reset"></form></center></div>

Layout Comments

Showing latest 10 of 33 comments

this is a real good layout but it hides the myspace add on top an i dont wanna get deleted

By WESTSIDEBWSLAYZ on Jul 21, 2009 4:04 pm

awesome job here! love it!

By calilani on Mar 26, 2009 11:18 am

This is an awesome layout. Good work. :)

By ZeroGrafics on Feb 25, 2009 12:44 pm

This is a great layout =)
The colors are just stellar.
Everything works out perfectly.

But the thing Im not very fond of is the reflection on the bottom.
It seems like too much.

By guccci on Mar 1, 2008 10:08 am

I don't really think "electropop" is a good name for it, I was expecting bright, poppy colours, but that's just how my mind works, it's gorgeous.

By BarbieMaterial on Mar 1, 2008 5:29 am

Your Layouts are great, i dont like minimal layouts :S

By kalandro on Feb 29, 2008 2:41 pm

google

By seovv on Feb 29, 2008 3:13 am

i love hows there so much space. and the blue is awesome. :D!

By none345678 on Feb 28, 2008 6:31 pm

Charliezac: Thank you for being one of the most sensible people that has commented.

By MissHygienic on Feb 28, 2008 2:21 pm

the problem with most createblogs profile submissions, is that they look like 12 year olds do them. not a lot of people want a narrow div with a huge pic of daniel radcliffe, and very little room for personalization. thats why i like yours. keep up the good work

By charliezac on Feb 28, 2008 10:55 am

View all »

Layout Details

Designer	MissHygienic
Submitted on	Feb 26, 2008
Page views	20,636
Favorites	111
Comments	33
Reviewer	mlothepimp
Approved on	Feb 26, 2008