Blue Addiction

Designer's Comments

Look carefully for specific instructions

The layout is pretty simple. Just replace the X's with your friend ID, and also, to add your own picture to the "me me me." section, just replace the URL in the "displaypic" class, located at the bottom of the Who I'd Like To Meet Code.

If you have any questions regarding to the layout or help with the codes, let me know :)
Oh and please leave the credit on, thanks!
:)

( Best view in Firefox, not tested in IE yet. Might look different in IE. )

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

body {
         background-color:5f6fa2;
         background-image:url("http://cbimg6.com/layouts/09/04/34362aa.jpg");
         background-position:top left;
         background-repeat:repeat-x;
         background-attachment:scroll;
         }

b { color: 00A9E0; }

.divmain {
              width:1024px;
              height:768px;
              background-image:url("http://cbimg6.com/layouts/09/04/34362ab.jpg");
              background-position:top left;
              background-repeat:no-repeat;
              background-attachment:scroll; 
              position:absolute; 
              top:160px;
              left:50%;
              margin: 20px;
              margin-left: -510px;
              visibility:visible;
              }

.aboutme {
                display: block;
                width: 368px;
                height: 200px;
                z-index: 2;
                position: absolute;
                top: 195px;
                left: 50%;
                margin: 60px;
                margin-left: -164px;
                color: 282828;
                font-size: 9px;
                overflow: auto;
                font-family: Times New Roman;
                text-decoration:none;
                }

.displaypic {
                  display: block;
                  width: 169px;
                  height: 206px;
                  position: absolute;
                  top: 195px;
                  left: 50%;
                  margin: 60px;
                  margin-left: -355px;
                  }

.navigatearea {
                       display: block;
                       width: 170px;
                       height: 211px;
                       position: absolute;
                       top: 192px;
                       left: 50%;
                       margin: 60px;
                       margin-left: 226px;
                       overflow: auto;
                        }

a.navbuttons {
                    font-family: Times New Roman;
                    color: 00A9E0 !important;
                    text-decoration:none;
                    font-size: 16px;
                    letter-spacing: -2px;
                    text-transform: lowercase;
                    float: left;
                    }

a.navbuttons:hover {
                               font-family: Times New Roman;
                               color: 006A96 !important;
                               text-decoration:none;
                               font-size: 16px;
                               letter-spacing: -2px;
                               text-transform: lowercase;
                               float: left;
                                }

.clearfix td {background-color:transparent!important;}
a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
table tr td div font {display: none;}
tr {background-color:transparent}

.profileInfo, .contactTable, .interestsAndDetails, .userProfileDetail, .userProfileSchool, .userProfileNetworking, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs, .friendSpace, .friendsComments, .userProfileURL, .profile form, embed, object, param { display:none; }

.mslogo, .clearfix select, .clearfix form, .clearfix ul {display:none!important;}
div.profilewidth div {filter:alpha(opacity=0)!important;opacity:0;}
.profilewidth .clearfix, .profilewidth div div {filter:none!important;opacity:1;}
.profilewidth {margin-top:-30px!important;margin-bottom:-30px!important;}
.profilewidth .clearfix {position:relative;top:30px;background:none!important;}
div[id="shortcuts"] {opacity:0!important;}
tr td .clearfix div {filter:alpha(opacity=0)!important;}

table tr td {background-color:transparent;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

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

<div class="aboutme">
About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here. About me content here.
</div>

<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXX" class="navbuttons">add to friends</a><br /><br />

<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXX" class="navbuttons">send message</a><br /><br />

<a href="http://comments.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXX&errorCode=" class="navbuttons">post comment</a><br /><br />

<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXX" class="navbuttons">block</a><br /><br />

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXX" class="navbuttons">view photos</a><br /><br />

<a href="http://www.myspace.com/officialmikenator" class="navbuttons">credit</a><br /><br />
</div>

Layout Comments

Showing latest 5 of 5 comments

i really like it
good job
--awesomegurl76869

By awesomegurl7686 on Jul 8, 2009 11:30 am

Awesome layout my friend! Very nice. ~ZG

By ZeroGrafics on Apr 18, 2009 3:39 am

ummm this set up is even better then my simply black and white layout
im gonna use it and faved it :)

By GameBoy07 on Apr 11, 2009 8:46 pm

looks good to me, but the gradient doesn't match up, i think it's because i have a wider resolution that you... anyhow, i like it (:

By jiyong on Apr 11, 2009 3:37 pm

The design is nice but the links look bad in IE and the design looks kind of wierd cut off right under the ad. Otherwise, it's nice. :)

By Mikeplyts on Apr 11, 2009 12:41 pm

Layout Details

Designer	Mikenator
Submitted on	Apr 11, 2009
Page views	14,196
Favorites	89
Comments	5
Reviewer	A1Bassline
Approved on	Apr 11, 2009

Blue Addiction

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