Will You Be My Queen

Myspace Layouts / Div Overlay

View preview

Designer's Comments

Look carefully for specific instructions

Instructions are on the About Me section of the layout.

Markster Layouts | themarkster.ulmb.com

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

<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></noembed></noembed>
</td></tr></table></td></tr></table></td></tr></table>

<style type="text/css">
body {
	background-color: white;
	font-family: Verdana;
	font-size: 7pt;
	color: 666666;
	scrollbar-arrow-color: black;
	scrollbar-face-color: white;
	scrollbar-track-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-highlight-color: white;
	scrollbar-shadow-color: white;
	scrollbar-darkshadow-color: white;
	cursor: default;
	background-image: url('http://layouts.cbimg9.com/29/14810e.gif');
	background-repeat: repeat;
	background-position: center center;
	background-attachment: fixed;
}
a, a:link, a:active, a:visited {
	color: 336699;
	text-decoration: underline;
	font-weight: normal;
	font-family: Verdana;
	font-size: 7pt;
	background-color: transparent;
}
a:hover {
	color: black;
	text-decoration: none;
}
a img {
	border: 0px;
	position: relative;
	top: 0px;
	left: 0px;
}
a:hover img {
	position: relative;
	top: -1px;
	left: -1px;
}
.cover {
	width: 800px;
	height: 1400px;
	background-color: white;
	border: 0px;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -400px;
}
img.banner {
	position: absolute;
	top: 138px;
	left: 50%;
	margin-left: -390px;
	width: 780px;
	height: 621px;
	border: 0px;
}
.main {
	position: absolute;
	top: 759px;
	left: 50%;
	margin-left: -390px;
	width: 780px;
	background-color: white;
	background-image: url('http://layouts.cbimg9.com/29/14810f.gif');
	background-position: top left;
	background-repeat: repeat-y;
	font-family: Verdana;
	font-size: 7pt;
	color: white;
	text-align: left;
	border-bottom: 1px solid;
	border-bottom-color: 660000;
}
.credits {
	font-family: Small Fonts;
	font-size: 8px;
	text-transform: uppercase;
	text-align: right;
	margin-left: -5px;
	color: white;
}
.credits a, .credits a:link, .credits a:active, .credits a:visited {
	color: yellow;
	font-family: Small Fonts;
	font-size: 8px;
}
.navigate {
	font-family: Verdana;
	font-size: 7pt;
	color: white;
}
.navigate a, .navigate a:link, .navigate a:active, .navigate a:visited {
	color: yellow;
	font-weight: bold;
}
.navigate a:hover {
	color: white;
}
.divider {
	width: 100%;
	display: block;
	border-bottom: 1px solid black;
	font-family: Small Fonts;
	font-size: 7px;
	letter-spacing: 2px;
	color: black;
	text-align: left;
	padding-bottom: 3px;
	text-transform: uppercase;
}
.content {
	color: black;
	font-family: Verdana;
	font-size: 7pt;
	text-align: left;
}
</style>

<div class="cover">

<map name="watermarkmap">
	<area shape="rect" coords="604,1,774,36" href="http://www.innosenses.net" target="_blank">
</map>

<img src="http://layouts.cbimg9.com/29/14810c.gif" class="banner" usemap="#watermarkmap" /><br>

<div class="main">

<div style="width: 205px; font-weight: bold; font-size: 7pt; line-height: 150%; float: left" class="navigate">

<span style="width: 35px; height: 300px; float: left">�</span>

// <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message</a><br>
// <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a><br>
// <a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">block</a><br>
// <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">add comment</a><br>
// <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">view comments</a><br>
// <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">view pictures</a><br>
// <a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">view all friends</a><br>

<br><br><br><br><br><br><br><br>

</div>

<div style="width: 470px; position: relative; top: -70px; float: left" class="content">

<center>

<img src="http://layouts.cbimg9.com/29/14810d.gif" /><br>
[ Replace with display picture ]<br><br>

</center>

<span class="divider">about me</span><br>

<b>Name:</b> Bob<br>
<b>Age:</b> 104 years old<br>

<b>Gender:</b> Male<br>
<b>Location:</b> Zimbabwe<br>

<br>

<span style="color: red"><b>IMPORTANT:</b> Replace all of the XXXXXXXX in this code with your Friend ID.<br></span>

<br>

<b>Bold</b><br>
<i>Italicized</i><br>
<u>Underlined</u><br>
<a href="about:blank">Hyperlink</a><br>

<br><br>

<span class="divider">friends</span><br>

<center>
<img src="http://layouts.cbimg9.com/29/14810d.gif" />
<img src="http://layouts.cbimg9.com/29/14810d.gif" />
<img src="http://layouts.cbimg9.com/29/14810d.gif" />
<img src="http://layouts.cbimg9.com/29/14810d.gif" /><br>
<img src="http://layouts.cbimg9.com/29/14810d.gif" />
<img src="http://layouts.cbimg9.com/29/14810d.gif" />
<img src="http://layouts.cbimg9.com/29/14810d.gif" />
<img src="http://layouts.cbimg9.com/29/14810d.gif" /><br>
</center>

<br><br>

<span class="divider">music</span><br>

<center>
[ You can put your music in this spot. ]<br>
</center>

</div>

<div style="width: 105px; float: left" class="credits">
designed by:<br>
[ <a href="http://themarkster.ulmb.com" target="_blank">themarkster</a> @ innosenses.net ]<br><br>
download network:<br>
[ <a href="http://www.innosenses.net" target="_blank">innosenses.net</a> ]<br>
[ <a href="http://www.createblog.com" target="_blank">createblog.com</a> ]<br>

</div>

</div>

</div>

</div>

<noembed>

Layout Comments

Showing latest 10 of 11 comments

This is a lovely layout! I love that anime! :D

By CandyPop on Jun 17, 2009 5:06 pm

0_0
love!

By OkashiiKawaii on Feb 25, 2008 11:13 pm

Yes, yes I will mark, take me!

By IBangBaby on Oct 3, 2007 2:39 am

My eye caught on this one ^^

By JoannLeung on Sep 10, 2007 5:36 pm

wah..this is sooo kawaii..

By xd-xoxo on Oct 10, 2006 11:49 am

The colors are so pretty. I never seen that anime before, but it makes me want to.People should do more myspace layouts like that ^-^

By Fragil_BlackRose on Oct 9, 2006 8:25 pm

Cute Layout =)I like how you placed the friends, and it's just so cute =)Great job!

By KissMe2408 on Oct 7, 2006 5:57 pm

my fav anime *_*

By x.d.o.0.f.u.s on Oct 7, 2006 1:57 pm

a Fushigi Yuugi layout, nice

By pinkhearts on Oct 7, 2006 11:33 am

Oh, wow. This is really nice. I love how everything is set up.

By arcanum on Oct 6, 2006 4:09 pm

View all »

Layout Details

Designer	markmejia
Submitted on	Oct 6, 2006
Page views	43,332
Favorites	103
Comments	11

Layout Tags

, anime, queen, red

Layout Tools

Layout Affiliates

Here I Stand Layouts