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 39 comments

It doesn't look aligned at all in the preview. Wonder what happened. It's not really centered so some background jazz is peeking around the corners of the layout. Also, the scroll bar in the 'moving' pic portrait isn't adjusted to the length of the portrait and that looks kinda bad- I mean that could look better.
When a layout is this busy with a lot of elements in it and there are misalignments, ect, it just looks like the designer may have taken on more than they could handle with the particular layout. Best to have something simple that's in order. Still, this was a very creative endeavor that clearly took a lot of work. At least you had the guts to 'try' something different(:

By Butterface89 on Jul 31, 2010 10:46 am

This is wonderful. and I love Kanon Wakeshima.
I might use this. It looks a little messed up in the preview though.

By Nosferatu-lyts on Jul 12, 2010 10:09 am

2 years later and the code is still all screwed up :(

By emmijane on Mar 7, 2010 2:59 pm

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

View all »

Layout Details

Designer	stormbringer
Submitted on	Sep 2, 2008
Page views	26,992
Favorites	240
Comments	39
Reviewer	jaeminnie
Approved on	Sep 3, 2008

Layout Colors

Layout Tags

abstract, emotions, fantasy, fashion, girls, love, objects, bird, freedom, cage, fasion

Layout Tools

Layout Affiliates

Here I Stand Layouts