Electro:Dance

Designer's Comments

Look carefully for specific instructions

from the Last MySpace Designer Standing competition, round 3.

replace "######" with your friendID, and "F#####" with your friends' IDs. edit whatever else you need to.

************************************
in order for the navigation to work, you must also replace:

PICSCODE with http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=######

ADDCODE with http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=######

MSGCODE with http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=######

BLOCKCODE with http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=######

and then replace the ###### with your friendID
************************************

if you have questions, please PM me instead of leaving them as comments.

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">.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,tabletable 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;} td td embed {width:0px; height:0px;} td td embed, td td object {width:0px; height:0px;} td.text embed, td.text object {width:320px; height:240px;} td.text embed {width:320px; height:240px;} td.text embed {width:auto; height:auto;} td.text embed, td.text object {width:auto; height:auto;} body div table td form option{display:none!important;} body div table td form select{display:none!important;} body div table td form input{display:none!important;}

body {
    margin: 0px; padding: 0px;
    background-color: E3E3E3;
    background-image: url('http://cbimg6.com/layouts/07/08/11/20568ac.gif');
    background-repeat: repeat; }
    p { margin: 0px 0px 1em 0px; }

body, font, p, .text, td, tr, table, div, option, select, form, blockquote, input, textarea {
    font: normal 8pt 'Tahoma';
    line-height: 11pt;
    text-align: justify;
    color: 666666; }

.s { position: absolute; right: 530px; top: 505px; width: 200px; }
      .c { position: absolute; right: 20px; top: 615px; width: 480px; }
      .f { position: absolute; right: 100px; top: 550px; width: 400px; text-align: center; }

h1, .nametext, .whitetext12, strong, .btext, .orangetext15 {
    font: normal 15pt 'Arial Black';
    font-family: 'Arial Black', 'Helvetica Heavy', sans-serif;
    text-transform: uppercase;
    padding: 0px 0 0 28px;
    margin: 0px 0 0 3px;
    display: block;
    background: url(http://cbimg6.com/layouts/07/08/11/20568ad.gif') no-repeat top left;
    line-height: 21px;
    letter-spacing: -2px;
    color: 99CC33; }

h2 {
    line-height: 20px; 
    font-size: 11pt;
    margin: 0px; padding: 0px 0 0 3px; }

b, em, i, underline, strike, s, overline, u, o, .redtext, .redbtext, .blacktext12 { color: FF6699; }

a, a:link, a font:hover, a:hover, a.text:hover, a.text:link, a.navbar:link,a.navbar:visited, a.navbar:hover, a:visited, a.text:link, a.text:visited  a.text:hover, a.redlink:link,

a.redlink:visited, a.redlink:hover {
    color: 5EBFC4;
    font-weight: bold;
    letter-spacing: 1px;
    font: bold 8pt Tahoma;
    text-decoration: none;
    letter-spacing: 0px;
    padding: 0px 0 0 #px;
    margin: 0px; }

p a {  border: 0px;
    border-bottom: 1px;
    border-style: solid;
    border-color: B3B3B3;
    cursor: ns-resize; }

a:hover, a font:hover, a.navbar:hover, a.text:hover, a.redlink:hover  {
    color: 333333;
    background: url('') no-repeat center left; }

a.navbar:link, a.navbar:visited, a.navbar:hover{font-weight: normal; }
      a img { border: none; border-width: 0px; }

ul { list-style: none; padding: 0px; margin: 0px; }
      li { margin: 0px 0px 3px 0px; }

li a, li a:visited{
    text-decoration: none;
    padding: 0px; border: 0px;
    border-bottom: 1px;
    border-style: solid;
    font: bold 8pt Tahoma;
    border-color: B3B3B3;
    cursor: ns-resize; 
    padding-left: 7px;
    display: block; }

form { border-width: 0px; background-color: none; }

input, textarea, option, select, .button{
    background-color: 25203C;
    border: 0px;
    border-style: dotted;
    border-color: 3A3634;
    font-size: 7pt;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px; }
    option{padding:0px;border:0px;}

a.home img {height: 62px; width: 100px; background: url('http://cbimg6.com/layouts/07/08/11/20568ae.jpg') top left no-repeat;}
a.pics img {height: 62px; width: 64px; background: url('http://cbimg6.com/layouts/07/08/11/20568af.jpg') top left no-repeat;}
a.add img {height: 62px; width: 61px; background: url('http://cbimg6.com/layouts/07/08/11/20568ag.jpg') top left no-repeat;}
a.msg img {height: 62px; width: 65px; background: url('http://cbimg6.com/layouts/07/08/11/20568ah.jpg') top left no-repeat;}
a.blk img {height: 62px; width: 62px; background: url('http://cbimg6.com/layouts/07/08/11/20568ai.jpg') top left no-repeat;}

a.home:hover img {height: 62px; width: 100px; background: url('http://cbimg6.com/layouts/07/08/11/20568aj.jpg') top left no-repeat;}
a.pics:hover img {height: 62px; width: 64px; background: url('http://cbimg6.com/layouts/07/08/11/20568ak.jpg') top left no-repeat;}
a.add:hover img {height: 62px; width: 61px; background: url('http://cbimg6.com/layouts/07/08/11/20568al.jpg') top left no-repeat;}
a.msg:hover img {height: 62px; width: 65px; background: url('http://cbimg6.com/layouts/07/08/11/20568am.jpg') top left no-repeat;}
a.blk:hover img {height: 62px; width: 62px; background: url('http://cbimg6.com/layouts/07/08/11/20568an.jpg') top left no-repeat;}
</style>

<ul>
<li><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">Comment Me</a></li>
<li><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">View Comments</a><br /></li>
<li><a href="http://EDITLINK">Link 01</a></li>
<li><a href="http://EDILINK">Link 02</a></li>
	</ul>
	</p>

<p>

<h2>Interests</h2>

<b>General</b>: item, item, item, item, item
<br /><b>Music</b>: item, item, item, item
<br /><b>Television</b>: item, item, item
<br /><b>Movies</b>: item, item, item, item, item
<br /><b>Books</b>: item, item, item, item

<h2>Details</h2>
<b>Status</b>: item
<br /><b>Zodiac</b>: item
<br /><b>Occcupation</b>: item
	</p>

<p>
<a href="http://www.msplinks.com/MDFodHRwOi8vamVzc2ljYWVzdGhldGljLmNyZWF0ZWJsb2cuY29t" target="_new">layout by Jessicaesthetic</a><br />
Images used from <a href="http://www.msplinks.com/MDFodHRwOi8vc3hjLmh1" target="_new">sxc.hu</a>

</div>

<div class="c">
<h1>About Me</h1>
<p>Hello, again, Createbloggers ♥ This is layout is for CB'S LMDS Round 3: Music! It's called <b>Electro Dance Party</b>, because it looks like one in layout form, and

features the bangin' <b>Uffie</b>, of course! I suggest basic HTML  knowledge, or prior use of a DIV if you want to use this layout.</p>

<p>In the code, replace "<b>######</b>" with your own Friend ID and edit where ever else necessary (friends sections, sidebar, et

cetera).</p>

<h1>Heading</h1>
<p><u>Feel free to add sections</u>, delete sections, modify sections, or whatever you need to do! I just ask that you do not remove the three links at the bottom of the left

column. Enjoy ♥</p>

<p>Blah blah blah filler text lalalala. Roar. <a href="#">This is a link</a>, and this isn't. Filler text filler text filler text; blah blah blah blah blah.</p>

</div>

<div class="f"><p style="text-align: center;">
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=F#####">Friend 01</a> |
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=F#####">Friend 02</a> |
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=F#####">Friend 03</a> |
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=F#####">Friend 04</a> | <br />
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=F#####">Friend 01</a> |
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=F#####">Friend 02</a> |
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=F#####">Friend 03</a> |
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=F#####">Friend 04</a> | <br />
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">View All Friends</a>

</p></div>