Killer Queen

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Inspired by the song "Killer Queen".
Replace all X's with friend id.

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><div class="side_nav">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="navi">Home</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="navi">Message</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=XXXXXXXX" class="navi">Add</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockuser&userID=XXXXXXXX" class="navi">Block</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendId=XXXXXXXX" class="navi">View Friends</a>
<a href="http://blogs.myspace.com/index.cfm?fuseaction=blog.ListAll&friendId=XXXXXXXX" class="navi">View Blog</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" class="navi">View Comments</a>
<a href="http://www.myspace.com/emma_revenge" class="navi">emma_revenge</a>
</div>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX"><img src="http://cbimg6.com/layouts/10/02/36140aa.png" align="right" /></a>
<h1>About Me</h1>
<p>
<u>underline</u>
<b>bold</b>
<i>italic</i>.
This thing called love I just can't handle it
this thing called love I must get round to it
I ain't ready
Crazy little thing called love
This Thing called love

It cries 
In a cradle all night
It swings
It jives 
It shakes all over like a jelly fish,
I kinda like it
Crazy little thing called love
There goes my baby
She knows how to Rock n' roll
She drives me crazy
She gives me hot and cold fever
Then she leaves me in a cool cool sweat
I gotta be cool relax, get hip
Get on my track's
Take a back seat, hitch-hike
And take a long ride on my motor bike
Until I'm ready
Crazy little thing called love
I gotta be cool relax, get hip
Get on my track's
Take a back seat, hitch-hike
And take a long ride on my motor bike
Until I'm ready
Crazy little thing called love
</p>

<p>
This thing called love I just can't handle it
this thing called love I must get round to it
I ain't ready
Crazy little thing called love
This thing called love I just can't handle it
this thing called love I must get round to it
I ain't ready
Crazy little thing called love
This Thing called love

It cries 
In a cradle all night
It swings
It jives 
It shakes all over like a jelly fish,
I kinda like it
Crazy little thing called love
There goes my baby
She knows how to Rock n' roll
She drives me crazy
She gives me hot and cold fever
Then she leaves me in a cool cool sweat
I gotta be cool relax, get hip
Get on my track's
Take a back seat, hitch-hike
And take a long ride on my motor bike
Until I'm ready
Crazy little thing called love
I gotta be cool relax, get hip
Get on my track's
Take a back seat, hitch-hike
And take a long ride on my motor bike
Until I'm ready
Crazy little thing called love
This thing called love I just can't handle it
this thing called love I must get round to it
I ain't ready
Crazy little thing called love
</p>

<h2>Top Friends</h2>
<marquee width="400px" height="75px">
<a href="FRIEND"><img src="http://cbimg6.com/layouts/10/02/36140ab.png" /></a>
<a href="FRIEND"><img src="http://cbimg6.com/layouts/10/02/36140ab.png" /></a>
<a href="FRIEND"><img src="http://cbimg6.com/layouts/10/02/36140ab.png" /></a>
<a href="FRIEND"><img src="http://cbimg6.com/layouts/10/02/36140ab.png" /></a>
<a href="FRIEND"><img src="http://cbimg6.com/layouts/10/02/36140ab.png" /></a>
<a href="FRIEND"><img src="http://cbimg6.com/layouts/10/02/36140ab.png" /></a>
<a href="FRIEND"><img src="http://cbimg6.com/layouts/10/02/36140ab.png" /></a>
<a href="FRIEND"><img src="http://cbimg6.com/layouts/10/02/36140ab.png" /></a>
<a href="FRIEND"><img src="http://cbimg6.com/layouts/10/02/36140ab.png" /></a>
</marquee>

</div>

</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<style>

table table div form {display:inline !important;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;} 
.profile, div ul {display:none !important;}

body {
background-color:000000;
background-image:url(http://cbimg6.com/layouts/10/02/36140ad.png);
background-position:top center;
background-repeat:repeat;
background-attachment:fixed;

}

.banner{
width:700px;
height:530px;
left:50%;
margin-left:-335px;
top:0px;
margin-top:100px;
position:absolute;
z-index:3;
padding:0px;
background-color:transparent;
visibility:visible;}

.bg{
background-color:000000;
border: 10px solid;
border-color:000000;
width:640px;
height:622px;
left:50%px;
margin-left:-280px;
top:0px;
margin-top:564px;
margin-bottom:50px;
position:absolute;
z-index:1;
padding:0px;
visibility:visible;
}

.side_nav{
background-color:transparent;
width:155px;
height:422px;
left:50%px;
margin-left:255px;
top:0px;
margin-top:619px;
margin-bottom:50px;
position:absolute;
z-index:2;
padding:10px;
visibility:visible;
color:cccccc;
font-size:12px;
font-family:arial;
}

.content{
background-color:000000;
width:450px;
height:420px;
left:50%px;
margin-left:-250px;
top:0px;
margin-top:639px;
margin-bottom:50px;
position:absolute;
z-index:2;
padding:10px;
visibility:visible;
color:D9D0BF;
font-size:12px;
line-height:12px;
font-family:arial;
text-aligh:justify;

}

a{
font-family:century gothic;
font-size:14px;
color:A40000;
font-weight:normal;
}

a:active{
font-family:century gothic;
font-size:14px;
color:A40000;
font-weight:normal;
}

a:hover {
font-family:century gothic;
font-size:14px;
color:710101;
font-weight:normal;
text-decoration:line-through;
}

a:visited {
font-family:century gothic;
font-size:14px;
color:A40000;
}

a.navi:link, a.navi:active, a.navi:visited{
display:block;
font-family:georgia;
font-size:12px;
font-weight:bold;
color:93130B;
text-align:center;
background-color:transparent;
background-image:url(http://cbimg6.com/layouts/10/02/36140ae.png);
background-position:top center;
background-repeat:no-repeat;
font-weight:normal;
height:74px;
padding:0px;
line-height:65px;
margin-bottom:0px;

}

a.navi:hover {
display:block;
font-family:georgia;
font-size:12px;
font-weight:bold;
color:93130B;
text-align:center;
background-color:transparent;
background-position:bottom center;
background-repeat:no-repeat;
font-weight:normal;
text-decoration:none;
height:74px;
line-height:65px;
margin-bottom:0px;

}

h1 {
       font-family: georgia; 
       font-size:20px; 
       letter-spacing:-2.5px;
      line-height:25px;  
text-align:right;
       font-weight:bold; 
       color:D9D0BF;
border-bottom: 2px solid;
border-color:93130B;
margin-bottom:10px;
margin-right:10px;
width:55%;
}

h2 {
       font-family: georgia; 
       font-size:20px; 
       letter-spacing:-2.5px;
      line-height:25px;  
text-align:right;
       font-weight:bold; 
       color:D9D0BF;
border-bottom: 2px solid;
border-color:93130B;
margin-bottom:10px;
margin-right:10px;
width:100%;
}

b, strong {
Font-family: "century gothic";
font-weight:normal;
font-size: 14px;
text-decoration: none;
color:93130B;
}

b:hover, strong:hover b, strong {
Font-family: "century gothic";
font-weight:normal;
font-size: 14px;
text-decoration: none;
background-color:93130B;
color:000000;
}

i {font:italic 12px arial;
color:D9D0BF; 
}

a img{
border:none; padding:5px;}

td,form{
margin:0;padding:0}

table,tr,td{
background:transparent}

p {color:D9D0BF;
font-size:12px;
line-height:12px;
font-family:arial;
text-align:justify;
}

</style>

Layout Comments

Showing latest 6 of 6 comments

Oh this is great! I thought I commented on this one before but the black color in this goes well with the red and light gray (or maybe it's beige depending on the computer I guess). Mommy Dearest looks great! And I love the way the friends avatars move forward like that. I've seen several (well, maybe 6) layouts with the moving friends and it looks so much more interesting than just the 'stagnant' friend's space. This is a great, professional-looking layout!

By Butterface89 on Jul 29, 2010 9:35 am

I'm diggin' the texture and the comic book feel to this. You're cobbing is excellent and I like how you made the navigation a bit more "dynamic" so that the person using the layout can add, edit, or remove links if they wanted to. although, a little something could have been done about the text in the navigation (you should make it stand out a bit more; maybe use a different font that could perhaps be sans-serif). Otherwise, good job. :)

By Mikeplyts on Feb 7, 2010 10:29 am

this is beautiful (:

By brandneweyes on Feb 2, 2010 5:56 pm

love the cropping very clean :) and the colors ur awsome.

By Kiewking on Feb 2, 2010 3:18 pm

I have not logged onto CB for months because every time I come on, I am highly disappointed in the layouts. Today, I logged on just to tell you how fantastic of a job you did on this layout. It is phenomenally stunning and I wanted you to know that. Completely exceptional. :o)

By Karisa85 on Feb 1, 2010 10:40 pm

Nice color combo!..
GOOD JOB :)

By Snaily on Feb 1, 2010 9:01 pm

Layout Details

Designer	emmarevenge
Submitted on	Jan 27, 2010
Page views	10,908
Favorites	35
Comments	6
Reviewer	manny-the-dino
Approved on	Feb 1, 2010

Killer Queen

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates