Simple Intricate Grey

Designer's Comments

Look carefully for specific instructions

LAYOUT NOT RECOMMENDED FOR PEOPLE WITH LITTLE HTML/CSS KNOWLEDGE

Second layout, I prefer this to my last. Quite simple looking, but I think it's very suitable for the time of year [winter].
try not to make the about me scroll, because it looks better without a scroll bar, as this covers part of the image map.

Brush credit to:
MissM.

IMPORTANT: replace ***FRIENDIDHERE!!!*** with your friend id. and replace all of the image urls which finish with "100x100" with your own 100x100 image. you may not wish to use pictures of yourself and friends, and may just want to use icons.
ONLY REPLACE THE URL, DO NOT REMOVE THE TEXT AROUND IT OR THE IMAGES WILL NOT WORK.

works in all internet browsers.

Leave all of the coding as it is, and please don't comment about little use of CSS/HTML for the navigation, i am working on becoming better on this.

Enjoy!

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">
body table {margin-top:-50000px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body table div form{display:block;}
div table td font {visibility:hidden; }
a.navbar:active, a.navbar:visited, a.navbar:link { display:none; }
[/make sure not to edit this code, because it will mess up the profile, it removes your navigation bar, and user details etc.]
a.navbar:hover { display:none; }
.navbar {visibility:hidden; display:none;}
.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;}

body {
background-color:606060 !important;
cursor:crosshair;
font-weight:normal;
scrollbar-face-color:606060;
scrollbar-track-color:606060;
scrollbar-arrow-color:000000;
scrollbar-highlight-color:000000; 
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:000000;
scrollbar-darkshadow-color:000000;
}

a:link, a:visited, a:active {
font-family:times new roman;
font-size:13px;
font-weight:bold;
color:000000;
text-decoration:none;
}

a:hover {
font-family:times new roman;
font-size:13px;
font-weight:bold;
color:606060;
text-decoration:none;
}

.header {
position:absolute;
overflow:auto;
top:150px;
left:220px;
background-color:transparant;
font-family:times new roman;
font-size:27px;
color:white;
font-weight:normal;
height:60px;
width:500px;
margin:0;
padding:0;
}

.image {
position:absolute;
overflow:auto;
top:200px;
left:150px;
background-color:transparent;
border:0px;
}

.navigation {
position:absolute;
overflow:auto;
allign:left;
background-color:transparent;
border:0px;
width:260px;
height:110px;
top:270px;
left:200px;
}

.aboutme {
position:absolute;
overflow:auto;
top:250px;
left:550px;
background-color:transparant;
font-family:trebuchet ms;
font-size:9px;
color:black;
font-weight:normal;
height:400px;
width:270px;
margin:0;
padding:0;
}

.topfriends {
position:absolute;
overflow:auto;
background-color:transparent;
font-family:trebuchet ms;
font-size:9px;
color:black;
font-weight:normal;
border:0px;
width:260px;
height:200px;
top:460px;
left:215px;
}

u {color:000000;text-decoration:none;}
b {color:606060;font-weight:bold;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="header">
<center>welcome note or name here.</center>
</div>

<div class="navigation">
<img src="http://cbimg6.com/layouts/07/09/08/21365ab.jpg" hspace="3" vspace="3" align="right">
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="van">----> Home</a>
<br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=***FRIENDIDHERE!!!***" class="van">----> Add</a>
<br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=***FRIENDIDHERE!!!***" class="van">----> Pictures</a>
<br>
<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=***FRIENDIDHERE!!!***" class="van">----> Friends</a>
<br>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=***FRIENDIDHERE***" class="van">----> Email</a>
<br>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=***FRIENDIDHERE!!!***" class="van">----> Blog</a>
<br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=***FRIENDIDHERE!!!***" class="van">----> Delete</a>
</div>

<div class="aboutme">
about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me.
</div>

<div class="topfriends">
<center><marquee WIDTH="100%" BEHAVIOR="scroll" SCROLLAMOUNT="5" DIRECTION="left">
<img src=http://cbimg6.com/layouts/07/09/08/21365ab.jpg>
<img src=http://cbimg6.com/layouts/07/09/08/21365ab.jpg>
<img src=http://cbimg6.com/layouts/07/09/08/21365ab.jpg>
<img src=http://cbimg6.com/layouts/07/09/08/21365ab.jpg>
<img src=http://cbimg6.com/layouts/07/09/08/21365ab.jpg>
</a></marquee></center><br><br>
<center>write something nice and interesting about your friends here to sum them up. it will scroll but this div looks better left as it is with no scroll.</div>

Layout Comments

Showing latest 10 of 23 comments

okay, so in the navigation im supposed to put a picture right? well on my page, instead it says "terms of service violation" sooo.. idk what that means.. n how i can get rid of it.. help ?

By brandibabi16 on May 18, 2009 11:52 pm

what about the comment?
how u get the comment??

By Valentina0067 on Nov 20, 2008 10:25 pm

i love it. it's nicely alligned.
CUTE! [:

By cute-ajc on Jun 29, 2008 12:20 pm

it shows no topfriends..but i copied the code exactly...HELP ME!!!!

By heartcorebaby on May 7, 2008 10:09 am

nevermind =p
it works and i love it
good job on making this..
its simple and its amazing

you should make more quite like this

By mclovinfogell on Jan 12, 2008 2:24 am

the broder decorations arent showing up.
can you please help me

By mclovinfogell on Jan 11, 2008 9:34 pm

how do i get the top friend images to link back to my friends page?

By sufjanfan on Dec 29, 2007 3:07 am

it depends on what words you are trying to edit. message me what bits you want changed and ill see what i can do xx

By vintage-toile on Oct 26, 2007 8:04 pm

i've tried using a code to adjust the color on one or two words but something in layout is not letting me do you know whats not letting it work and how to fix it?

By preciousrevenge4 on Oct 20, 2007 7:54 pm

theyre really gorgeous brushes. and i guess everyone likes different things!

By vintage-toile on Sep 30, 2007 11:19 am

View all »

Layout Details

Designer	vintage-toile
Submitted on	Sep 8, 2007
Page views	44,097
Favorites	310
Comments	23
Reviewer	karmakiller
Approved on	Sep 8, 2007

Simple Intricate Grey

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates