Not Meant To Be

Designer's Comments

Look carefully for specific instructions

This layout is based on the song Not Meant To Be by Theory of a Deadman. It's a good song. :B

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.

Props to SafariSyd, Grant-Thomas, and Vickithtoria-Stock for the photos.

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:292317;
  background-image: url(http://cbimg6.com/layouts/09/06/34907aa.png);
  background-position:top left; 
  background-repeat: repeat-x;
  background-attachment: scroll; 
  overflow-x:hidden
  background-attachment:fixed; 
  scrollbar-arrow-color: 9eff00;
  scrollbar-track-color: 405125;
  scrollbar-face-color: 98b765;
  scrollbar-highlight-color: 98b765;
  scrollbar-3dlight-color: 98b765;
  scrollbar-darkshadow-color: 98b765;
  scrollbar-shadow-color: 98b765;
}

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

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

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

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

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

u{font-family: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/34907ab.png);
background-attachment: scroll;
background-position:top left; 
background-repeat:no-repeat;
position:absolute;
top:0px;
left:0px;
scroll:hidden;
display:block;
width:1250px;
height:768px;
z-index:1;}

.home{
height:29px; 
width:72px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/06/34907ac.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

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

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

.pix{
height:29px; 
width:99px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/06/34907ad.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:191px;
top:156px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.blog{
height:29px; 
width:69px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/06/34907ae.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:290px;
top:156px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.cred{
height:29px; 
width:71px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/06/34907af.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

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

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

.comment{
height:32px; 
width:125px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/06/34907ag.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:24px;
top:456px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.msg{
height:32px; 
width:103px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/06/34907ah.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:148px;
top:456px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.add{
height:32px; 
width:55px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/06/34907ai.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:252px;
top:456px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.block{
height:32px; 
width:78px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/06/34907aj.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:307px;
top:456px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

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

.friendspics
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:250px;
left:895px;
display:block;
padding:1px;
width:210px;
height:210px;
z-index:4;
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:baeb5a;}
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:] This is a link! --> <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><b>To edit your friends pictures:  Look for the div in the code that you paste in your Who I'd Like To Meet section that is

labeled "friendspic2". Make your own friend pictures (the dimensions I used are 45 x 101), or make them into links, whichever

you want. Edit the addresses/URLs so they point to your friends MYSPACE ADDRESS.</b>

<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><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"

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

<div class="friendspics">
<a href="YOURFRIENDSURLHERE"><img src="http://cbimg6.com/layouts/09/06/34907ak.png"

border="0"></a>
<a href="YOURFRIENDSURLHERE"><img src="http://cbimg6.com/layouts/09/06/34907ak.png"

border="0"></a>
<br>
<a href="YOURFRIENDSURLHERE"><img src="http://cbimg6.com/layouts/09/06/34907ak.png"

border="0"></a>
<a href="YOURFRIENDSURLHERE"><img src="http://cbimg6.com/layouts/09/06/34907ak.png"

border="0"></a>
<br>

</div>

Layout Comments

Showing latest 10 of 11 comments

i reaaally love this one... but i think its kind of weird to have someone else's picture up there... is there anyway i can put my own up instead? replacing those three of the boy and girl kissing && whatnot?....

By Dezz on Oct 11, 2009 7:39 pm