Caged Love

Designer's Comments

Look carefully for specific instructions

Replace XXXXXX's with your Friend ID.

You shouldn't use this layout if you have no knowledge of html

I am now taking requests at my myspace :)

-----
Credits go to
egg9700, outspoken-kate,
77words

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

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 11px tahoma; color: 361137; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 11px tahoma; color: 361137; font-weight:none; border:0px; text-transform: none; line-height:12px;}

.cage1 {
position: absolute;
z-index:3;
height:134px; 
width:97px;
left:657;
top:1233;
}

.home {
display: block;
overflow:hidden;
height:134px; 
width:97px; 
background-COLOR:transparent;  
background: url('http://cbimg6.com/layouts/08/09/31097ab.jpg');
background-position:top left;
background-repeat: no-repeat; 
}

.home:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.cage2 {
position: absolute;
z-index:3;
height:239px; 
width:128px; 
left:754;
top:1283;
}

.message{
display: block;
overflow:hidden;
height:239px; 
width:128px; 
background-COLOR:transparent;  
background: url('http://cbimg6.com/layouts/08/09/31097ac.jpg');
background-position:top left;
background-repeat: no-repeat; 
}

.message:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.cage3 {
position: absolute;
z-index:3;
height:252px; 
width:165px;
left:835;
top:955;
}

.add{
display: block;
overflow:hidden;
height:252px; 
width:165px; 
background-COLOR:transparent;  
background: url('http://cbimg6.com/layouts/08/09/31097ad.jpg');
background-position:top left;
background-repeat: no-repeat; 
}

.add:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.cage4 {
position: absolute;
z-index:3;
height:161px; 
width:117px;
left:114;
top:1100;
}

.comment{
display: block;
overflow:hidden;
height:161px; 
width:117px;
background-COLOR:transparent;  
background: url('http://cbimg6.com/layouts/08/09/31097ae.jpg');
background-position:top left;
background-repeat: no-repeat; 
}

.comment:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.cage5 {
position: absolute;
z-index:3;
height:145px; 
width:115px;
left:237;
top:1032;
}

.storm{
display: block;
overflow:hidden;
height:145px; 
width:115px;
background-COLOR:transparent;  
background: url('http://cbimg6.com/layouts/08/09/31097af.jpg');
background-position:top left;
background-repeat: no-repeat; 
}

.storm:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

a.nav:link,a.nav:active,a.nav:visited{
	padding:4px;
	color:fff;
	font-size:10px;
	text-indent:10px;
	font-weight:normal;
	letter-spacing:1.5px;
        font-family:georgia;
	text-decoration:none;
	text-transform:uppercase;
	line-height:10px;
        display:block;
	border-top: 0px solid;
	border-left: 0px solid;
	border-bottom: 2px solid;
	border-right: 0px solid;
	border-color: b1665c;
background-color: afb09e;
        text-align: center;
}
a.nav:hover{
	padding:4px;
	color:fff;
	font-size:10px;
        text-align: center;
	text-indent:10px;
	font-weight:normal;
	letter-spacing:1.5px;
	font-family:georgia;
	text-decoration:none;
	text-transform:uppercase;
	border-right: 0px solid;
	border-top: 0px solid;
	border-left: 0px solid;
	border-bottom: 1px solid;
	border-color: 4e0000;

background-color: b1665c;
	line-height:10px;
        display:block;
	
}

a:link img {filter:alpha(opacity=40);}a:visited img {filter:alpha(opacity=40);}a:hover img {filter:none;}

background-COLOR:transparent;  
background: url(http://cbimg6.com/layouts/08/09/31097ab.jpg');
background-position:top left;
background-repeat: no-repeat; 
}

.homecage:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.{hiding the bottom links}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}
.{removes top links only}
div table form tr td {visibility:hidden!important; height:0px!important;}

{bolded words}
.standard b, p b, B, strong {
 color: 82130a; font-weight:none;border:0px; text-transform: none; }

i,em{
    background-color: transparent;
     color: 44495a;
     letter-spacing:0pt;
     font-weight:normal; }
u{
     background-color: transparent;
     color: b69a54;
     letter-spacing:0pt;
     font-weight:normal; }

s, strike {
background-color: transparent;
     color: b46a60;
     letter-spacing:0pt;
     font-weight:normal; }

blockquote{
	
        background-color: a6a896;}

{Default Links}
a:link, a.man{font-family: times new roman; font-size:13px; color:b76057; font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;}  
a:active{font-family:times new roman; font-size:12px; color:b76057; font-weight:none;border:0px; text-transform: none;}  
a:visited{font-family:times new roman; font-size:13px; color:b76057; font-weight:none;border:0px; text-transform: none;} 
a:hover{font-family:tahoma; font-size:11px; color:f5f5f5; font-weight:none;border:0px; text-transform: none; background-color: b76057;}

.mainframe{
font:normal 13px times new roman;
line-height: 14px;
color: 4c4d40;
background-color:transparent;
padding:5px;
text-align:none;
width:239px; 
height:350px;
overflow:auto;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 384px;
margin-top: 1060px;
scrollbar-arrow-color:996e37; 
scrollbar-track-color:c1c2b0; 
scrollbar-shadow-color:c1c2b0; 
scrollbar-face-color:a8aa98; 
scrollbar-highlight-color:c1c2b0; 
scrollbar-darkshadow-color:c1c2b0; 
scrollbar-3dlight-color:c1c2b0;
}

H1{
width: auto;
height: 55px;
background-color: transparent;
background-image:url('http://cbimg6.com/layouts/08/09/31097ag.png');
background-position:left;
background-repeat:no-repeat;
font-size: 18px;
color:f1f1ec;
font-weight: none;
font-variant: none;
letter-spacing: 12px;
font-family: times new roman;
text-align: center;
padding-left:4px;
padding-top:25px;
padding-right:4px;
margin-top:10px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 0px;
text-transform: uppercase;
}
H1:first-letter {
color:f0f3c3;
}

.aquarius{
font:normal 16px ;
font-family: Monotype corsiva;
line-height: 14px;
color: 36372b;
background-color: transparent;
padding: ;
text-align:left;
width:170px; 
height:100;
overflow-x:hidden;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 131px;
margin-top: 1320px;

}

</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="mainframe">
<h1>About</h1>
<b>bold</b> <i>italic</i> <u> underline </u> <s>strike</s><br><br>As you can see I kind of went out of my comfort zone to make this layout. Usually I stick with "anime themes". This is my first time doing a "fasion themed" layout. I like playing with the rollovers. :) I like this layout and I hope you do too!<blockquote>this is a blockquote this is a blockquote this is a blockquote</blockquote>

<h1>Requests</h1>
I am now taking requests at my <a href="http://myspace.com/katana_samurai" target="_blank">myspace</a>!

<h1> Links </h1>
<a href="http://www.myspace.com/index.cfm?fuseaction=user.viewComments&FriendID=XXXXXXXX" class="nav">View Comments</a>

<a href="http://home10.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="nav">View Friends</a>

<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav">Block</a>

<a href="LINKLINK" class="nav">Another Link</a>

<h1> Music </h1>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="170" width="210" data="http://www.youtube.com/v/BWUxZ7LIUss&hl=en&fs=1">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.youtube.com/v/BWUxZ7LIUss&hl=en&fs=1" />
</object>

</div>

Layout Comments

Showing latest 10 of 36 comments

preettty :]

By xotichik1031 on Sep 23, 2009 7:33 pm

This is beautiful. The layout caught my attention a while ago, but I wasn't quite ready to switch yet. And then I was looking for a layout that represented me and that would nicely display my "still doll" video -and voila, your design already incorporated it! I think it was fate! I'm still not entirely all that into fashion, but it's quirky enough to suit me. Wonderful job!

By AzaleaKimura on Jul 30, 2009 1:44 am

this is really nice
im in love with it!=]

By jamminbarbie on Mar 23, 2009 9:44 pm

i really like the youtube video in your preview but i dont know who the artist is D:

By kino2 on Nov 15, 2008 9:01 pm

this is simplely amazing! great job

By gloomgurl on Sep 23, 2008 3:42 pm

if you decide to make me that gorillaz div layout here is my email
aka_inky@yahoo.com

By cynthialtorres on Sep 17, 2008 7:25 pm

this layout is SO freakin amazing! i love everything about it!!!!
i love yr work! i was wondering if u could make a gorillaz layout (the band GORILLAZ) i been looking for a gorillaz div layout and i cant ever find one =(

By cynthialtorres on Sep 17, 2008 7:24 pm