Soft Blue

Designer's Comments

Look carefully for specific instructions

I do a lot of dark layouts, so I wanted to do something simple and light. So here it is. Simple & light! :] Hope you like it..

If you need additional help installing the layout, please read what I've written in the code for you. I will not set up a layout for you.

If you want to put your picture in the layout, put it in the main content area. You can also do friend's pictures instead of just links if you want.

Please don't remove credit, and add me to your myspace! :O

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:ffffff;
  background-image: url();
  background-position:top left; 
  background-repeat: repeat-x;
  background-attachment: scroll; 
  overflow-x:hidden
  background-attachment:fixed; 
  scrollbar-arrow-color: 383c5f;
  scrollbar-track-color: c3c9fc;
  scrollbar-face-color: 7685ff;
  scrollbar-highlight-color: 7685ff;
  scrollbar-3dlight-color: 7685ff;
  scrollbar-darkshadow-color: 7685ff;
  scrollbar-shadow-color: 7685ff;
}

{text}
table, tr, td, li, p, div {  color:8689a0; font-family:Century Gothic, Arial; font-size:11px;  font-weight: bold;   }

a:active, a:visited, a:link{  color:008aff; font-family:Century Gothic, Arial; font-size:11px; text-transform: uppercase;  }

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

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

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

u{font-family:Century Gothic,Arial;font-size:9px;color:3C3C3C; font-weight:bold; letter-spacing:0px; text-transform:uppercase;

letter-spacing:0px;}
 
{divs}

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

.home{
height:30px; 
width:50px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/06/34967ab.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

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

.add{
height:30px; 
width:70px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/06/34967ac.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

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

.block{
height:30px; 
width:82px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/06/34967ad.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

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

.comment{
height:30px; 
width:72px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/06/34967ae.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

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

.msg{
height:30px; 
width:74px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/06/34967af.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

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

.pix{
height:30px; 
width:81px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/06/34967ag.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

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

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

.cred{
height:19px; 
width:131px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/06/34967ah.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-x:hidden;
position:absolute; 
left:696px;
top:747px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.blog{
height:30px; 
width:56px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/06/34967ai.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

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

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

.maincontent
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:475px;
left:375px;
display:block;
padding:0px;
width:475px;
height:250px;
z-index:3;
overflow:auto;
text-align:justify;}

.profileInfo, profileV1main, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userProfileURL, .friendsComments,

.userProfileNetworking, .userProfileSchool, .userProfileDetail, .userProfileCompany, .friendSpace, .contactTable, .orangetext15 {

display:none; }

body table {margin-top803d00:-5000px;}
body td table, body div table {margin-top: 0;}
body div div table td {background-color:dee2ff;}
body div table form{display:none;}
.navbar, div table td font {visibility:hidden !important;}

table div { display:none; }
div table div, table table div { display:block; }

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<p>[Name:] <a href="http://www.myspace.com/ec_lectic" target="_blank">ecLectic Layouts</a> ( Add me!! :] )
<br>[Location:] Michigan
<br>[Age:] 20
<p><br><i>This is italic text!</i> <b>This is bold text!</b> <u>This is underlined text!</u> Read below if you need help setting up a

div layout.

<p>DIRECTIONS:Type your about me section here, or your Who I'd Like To Meet, and any other interesting tidbits about you. You

can get creative and put images and whatever else you'd like on here, too! Videos, links, images, whatever you want. Make sure

you replace all XXXXXX's with your own friend id < that is VERY IMPORTANT!!

<p><i>There is no 'YourPic' in this layout like my others. You can however insert it here.. Or pics of you and your friends..

Whatever you want.</i>

<p><u>Please make sure you keep the "layout made by" image on there, so people know where the layout came from. </u>

<p>Other than that.. Have fun! <b>Please make sure you have knowlegde of HTML and CSS before using this layout!!! I will not

set the layout up for you!</b> If you have any other questions, you can email me: eclecticlayouts@hotmail.com. Thanks for using!
<br>

<img src="http://cbimg6.com/layouts/09/06/34967ak.png"><br>
 / <a href="YOURFRIENDURLHERE">Friend's Name Here</a> / <a href="YOURFRIENDURLHERE">Friend's Name Here</a> /<br>
 / <a href="YOURFRIENDURLHERE">Friend's Name Here</a> / <a href="YOURFRIENDURLHERE">Friend's Name Here</a> /<br>
 / <a href="YOURFRIENDURLHERE">Friend's Name Here</a> / <a href="YOURFRIENDURLHERE">Friend's Name Here</a> /<br>
 / <a href="YOURFRIENDURLHERE">Friend's Name Here</a> / <a href="YOURFRIENDURLHERE">Friend's Name Here</a> /<br>
<br>

</div> 
</div>

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

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

<div class="blogcon">
<a href="http://blogs.myspace.com/index.cfm?fuseaction=blog.ErrorInfo&friendID=XXXXXX" 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=XXXXXX" alt="comment

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

<div class="msgcon">
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXX" 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=XXXXXX" alt="add me" class="add"

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

<div class="blockcon">
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXX" alt="block me" class="block"