Sleek Grey

Designer's Comments

Look carefully for specific instructions

There are detailed instructions in the layout. Please read them before emailing me.

I wasn't going to submit this, because it's the Myspace I'm using on my personal site, but I'm planning to change it and maybe someone will like it. I didn't want to do all that work for nothing..

It's different because it has a spot to showcase your photo albums from your page instead of clicking on "view more pics". So, I hope you enjoy that part.

Add me on Myspace :)

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:333333;
  background-image: url(http://cbimg6.com/layouts/09/08/35509aa.png);
  background-position:0px 163px; 
  background-repeat: repeat-x;
  background-attachment: scroll; 
  overflow-x:hidden
  background-attachment:fixed; 
  scrollbar-arrow-color: 414041;
  scrollbar-track-color: b1b1b1;
  scrollbar-face-color: 6c6c6c;
  scrollbar-highlight-color: 6c6c6c;
  scrollbar-3dlight-color: 6c6c6c;
  scrollbar-darkshadow-color: 6c6c6c;
  scrollbar-shadow-color: 6c6c6c;
}

{text}
table, tr, td, li, p, div {  color:b1b1b1; font-family:Candara,Arial; font-size:11px;  font-weight: bold;   }

a:active, a:visited, a:link{  color:ffffff; font-family:Candara,Arial; font-size:11px; text-transform: uppercase;  }

a:hover {  color:bababa; font-size:10px;  font-weight:bold;  }

b {color:ffffff; font-family:Candara; font-weight:bold; font-size:12px;}

i {color: 000000; font-family: Candara; font-weight: italic;}

u{font-family:Arial;font-size:9px;color:000000;
font-weight:bold;
letter-spacing:0px;
text-transform:uppercase;
letter-spacing:0px;}
 
{divs}

.friendsComments {
visibility:visible;
width:811px;
position:absolute;
top:777px;
left:57px;
margin-left:57px;
background-color:transparent;
border:black 0px solid;
z-index:2;
}

.bg1
{background-color: transparent;
background-image: url(http://cbimg6.com/layouts/09/08/35509ab.png);
background-attachment: scroll;
background-position:0px 163px; 
background-repeat:no-repeat;
position:absolute;
top:0px;
left:0px;
scroll:hidden;
display:block;
width:1250px;
height:1024px;
z-index:1;}

.comment{
height:21px; 
width:163px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/08/35509ac.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.comment:hover{background-position:bottom right;}

.commentcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:631px;
top:202px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.msg{
height:22px; 
width:163px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/08/35509ad.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.msg:hover{background-position:bottom right;}

.msgcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:631px;
top:223px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.vwfrnds{
height:21px; 
width:163px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/08/35509ae.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.vwfrnds:hover{background-position:bottom right;}

.vwfrndscon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:631px;
top:244px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.pix{
height:21px; 
width:163px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/08/35509af.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.pix:hover{background-position:bottom right;}

.pixcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:794px;
top:202px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.vwcmts{
height:21px; 
width:163px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/08/35509ag.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.vwcmts:hover{background-position:bottom right;}

.vwcmtscon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:794px;
top:222px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.blog{
height:21px; 
width:163px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/08/35509ah.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.blog:hover{background-position:bottom right;}

.blogcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:794px;
top:243px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.add{
height:75px; 
width:123px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/08/35509ai.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.add:hover{background-position:bottom right;}

.addcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow:hidden;
position:absolute; 
left:493px;
top:199px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.cred{
height:85px; 
width:355px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/08/35509aj.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.credcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow:hidden;
position:absolute; 
left:70px;
top:181px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.photoalbums
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:330px;
left:435px;
display:block;
padding:0px;
width:200px;
height:285px;
z-index:4;
overflow-y: hidden;
overflow-x: scroll;
text-align:justify;}

.friendspics
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:330px;
left:685px;
display:block;
padding:0px;
width:200px;
height:285px;
z-index:4;
overflow-y: hidden;
overflow-x: scroll;
text-align:justify;}

.aboutme
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:325px;
left:35px;
display:block;
padding:3px;
width:335px;
height:325px;
z-index:4;
overflow: auto;
text-align:justify;}
</style>

<style>

table table,table table table table,table table{background-color:transparent;width:;border:0px;} 
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,.blacktext10,
.lightbluetext8,strong,.nametext,div b font font, 
div font font u,table table table table, table.contacttable, .friendspace {display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
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.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
.comments{visibility:visible;width:397px; height:180px;position:absolute;
top:680px;left:-100px; 
overflow:auto;background-color:transparent;
border:black 0px solid;z-index:2;}
.redlink, .redlink friendlink, .redlink friendtext {color:ffffff; font-family:Candara,Arial; font-size:11px; text-transform: uppercase;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

This layout is a little bit different than your average Myspace Layout. It showcases not just things about you but your Photo

Albums as well. You really must know HTML to edit this layout. This is my personal Myspace layout that I'm currently using on my

own space.

<p>Please ADD ME at <a href="http://www.myspace.com/ec_lectic">ecLectic Layouts</a> Myspace.

<p><b>Setting Up This Layout (Detailed Instructions) :</b>

<p>[1] First of all, as with any other DIV layout, you must change ALL OF THE XXXXXXXX's to YOUR OWN FRIEND ID. If you

don't know how to do that, GOOGLE IT!!

<p>[2] Second, in the div labeled 'photoalbums', this is where you will set up the images and address locations for your photo

albums to show up. Where it says: "YOUR PHOTO ALBUM ADDRESS", copy and paste the address to whichever photo album

you want to show up when people click on it. YOU'RE NOT DONE!! To edit the photo on your page, <i>you must create your

own</i> image of whatever you want to show on the front page and upload it to an image host, like Photobucket. Delete the old

image's address and Copy and Paste the address with the one that's already there.

Repeat these steps as many times as you need for as many albums as you want to show.

<p>[3] Third is your friends. It's pretty much the same steps as setting up the photo albums. Just create and upload images for

your friends instead of your photo albums. Delete "YOUR FRIENDS URL HERE" and copy and paste your own friend's myspace

address there. Then upload your pictures and move the links.

<p>Yes, it's that simple. Please email me if you have any questions at eclecticlayouts@hotmail.com Thanks for using!
 
</div>

<div class="pixcon">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" alt="my photos"

class="pix" target="_blank"></a>
</div>

<div class="vwfrndscon">
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" alt="my friends"

class="vwfrnds" target="_blank"></a>
</div>

<div class="vwcmtscon">
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" alt="my photos"

class="vwcmts" target="_blank"></a>
</div>

<div class="blogcon">
<a href="http://blogs.myspace.com/index.cfm?fuseaction=blog.ListAll&friendId=XXXXXXXX" alt="my blog" class="blog"

target="_blank"></a>
</div>

<div class="commentcon">
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX"

alt="comment me" class="comment" target="_blank"></a>
</div>

<div class="msgcon">
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" alt="message me"

class="msg" target="_blank"></a>
</div>

<div class="addcon">
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" alt="add me"

class="add" target="_blank"></a>
</div>

<table>

<td>
<a href="YOUR PHOTO ALBUM ADDRESS"  target="_blank"><img

src="http://cbimg6.com/layouts/09/08/35509ak.png" border="0px"></a>
</td>

<td>
<a href="YOUR PHOTO ALBUM ADDRESS"  target="_blank"><img

src="http://cbimg6.com/layouts/09/08/35509al.png" border="0px"></a>
</td>

<td>
<a href="YOUR PHOTO ALBUM ADDRESS"  target="_blank"><img

src="http://cbimg6.com/layouts/09/08/35509ak.png" border="0px"></a>
</td>

</table>
</div>

<table>

<td>
<a href="YOUR FRIENDS URL HERE" alt="My Friend" target="_blank"><img

src="http://cbimg6.com/layouts/09/08/35509am.png" border="0px"></a>
</td>

<td>
<a href="YOURFRIENDSURLHERE" alt="My Friend" target="_blank"><img

src="http://cbimg6.com/layouts/09/08/35509am.png" border="0px"></a>
</td>

<td>
<a href="YOURFRIENDSURLHERE" alt="My Friend" target="_blank"><img

src="http://cbimg6.com/layouts/09/08/35509am.png" border="0px"></a>
</td>

</table>
</div>

Layout Comments

Showing latest 6 of 6 comments

do you do 2.0 layouts

By Jadethecrusade on Oct 30, 2009 7:01 pm

There is a bit much going on but I really like it!

By dilligrout on Aug 25, 2009 5:50 pm

It's a LITTLE busy, but only just. I can look past it. Very nice job.

By Karisa85 on Aug 12, 2009 8:23 pm

Ooo, nice job. I like the navigation too. :)

By Mikeplyts on Aug 12, 2009 5:34 pm

Awesome layout! I like the navigation. Great job!

By CandyPop on Aug 12, 2009 1:18 pm

pretty cool!...i like the grey ^ ^!
GOOD JOB :D

By Snaily on Aug 12, 2009 12:12 pm

Layout Details

Designer	oranger0cks
Submitted on	Aug 12, 2009
Page views	27,436
Favorites	91
Comments	6
Reviewer	A1Bassline
Approved on	Aug 12, 2009

Layout Colors

Layout Tags

abstract, minimal, retro, stripes, plain, photo album, scrapbook, comments, patterns, unisex, polaroids, film

Layout Tools

Layout Affiliates

Here I Stand Layouts