Oh My Valentine

Designer's Comments

Look carefully for specific instructions

I wouldn't suggest using this layout unless you have basic knowledge of html.

This layout has only been tested in Internet Explorer.

REPLACE XXXXXXX WITH YOUR FRIEND ID BEFORE YOU DO ANYTHING.

If the layout, for some reason, misaligns in the createblog preview go here.

Any questions, yell at me via pm or my xanga. Thanks for using this layout! ^.^

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

h1 {
font-family:times new roman;
text-transform:none;
font-size:26px;
font-style:italic;
line-height:26px;
color:F12E24;
letter-spacing:-2px;
margin-bottom:11px;
margin-right:31px;
padding-right:4px;
padding-top:6px;
background-color:transparent;
text-align: left;
font-weight:normal;
border:0px;
}

h1:first-letter {
font-family:times new roman;
font-weight:normal;
font-style:italic;
color:3CB0A3;
font-size:36px;
text-transform: lowercase;
}

h2 {
font-family:arial;
text-transform:uppercase;
font-size:10px;
line-height:11px;
letter-spacing:1px;
color:b08948;
background-color:transparent;
text-align: left;
font-weight:bold;
padding:0px;
border:0px;
}

.content {
font:normal 11px verdana;
line-height: 13px;
color: 778f65;
text-align:left;
width:450px; 
height:auto;
overflow-x:hidden;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 20px;
margin-top: 720px;
}

.sidebar {
position: absolute;
width: 270px;
height: auto;
left: 0%; 
top: 0%;
margin-left: 500px;
margin-top: 680px;
z-index: 2;
background-color: transparent;
overflow-x: hidden;
font: 11px tahoma; 
color: 80996b;
line-height: 14px;
text-align: justify;
}

.nav {
width: 620px;
height:26px;
margin: 0 auto 0 auto;
}
.nav li {
float: left;
}
.nav li a, nav li a:visited {
display: block;
font: bold 18px arial narrow;
text-align:center;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 2px;
text-decoration: none;
color: e0e0ac;
background-color: 05a49a;
text-transform:uppercase;
margin: 0 5px 0 5px;
}
.nav li a:visited {
display: block;
font: bold 18px arial narrow;
text-align:center;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 2px;
text-decoration: none;
color: e0e0ac;
background-color: 05a49a;
text-decoration:none;
text-transform:uppercase;
margin: 0 5px 0 5px;
}
.nav li a:hover { 
color: e0e0ac;
font: bold 18px arial narrow;
text-align:center;
text-transform:uppercase;
text-decoration:none;
background-color: 9fbc38;
}

.menu a, .menu a:link, .menu a:active, .menu a:visited {
display: block;
width:150px;
padding: 2px 2px 2px 2px;
border-bottom:1px solid ffffff;
color: e0e0ac;
background: 05a49a;
text-transform:uppercase;
text-decoration: none;
}

.menu a:hover {
color: e0e0ac;
background: d5a32b;
text-transform:uppercase;
}

b, strong {
color: 56716f;
}

i, em {
color: 05a49a;
}

s, strike {
color: d5a32b;
}

a:link, a:active, a:visited {
color:05a49a;
font:normal 10px verdana;
text-transform: none;
text-decoration:none;
font-weight:bold;
border-bottom: none;
}
a:hover {
color:d5a32b;
font-weight: bold;
border-bottom: none;
text-transform:none;
text-decoration:none;}

.navi {
font-family:times new roman;
font-size:22px; 
letter-spacing:-2px; 
font-weight:bold; 
line-height:13px;
color:7fac4f;
}

.small {
font-family:arial;
font-size:11px; 
font-weight:bold; 
letter-spacing:2px;
color:747A7C;
}

.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;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
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.footer {display: none;}

body table td div form {display:none !important;}

div table a.navbar img {display:none;}
div table {visibility:hidden;}
div table div, div table table, div table.navigationBar, table div table, div table form {visibility:invisible}
div table {border-bottom:0px !important;  }
div table.navigationBar {margin-bottom:-30px;}

div table div div select {position:absolute !important;  top:-200px !important; left:0px !important; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="nav" style="position : absolute; left:60px; top:588px; width:620px; height:128px; padding:0px; z-index:4;">
<li><a href="http://home.myspace.com/index.cfm?fuseaction=user">home</a></li>
<li><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a></li>
<li><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">pics</a></li>
<li><a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">friends</a></li>
<li><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message</a></li>
<li><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">comment</a></li>
<li><a href="http://www.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">view all</a></li>
</div>

<div class="content">
<h1>about the layout</h1>
This is my first myspace layout, featuring Vincent Valentine of Final Fantasy Advent Children. It's only been tested in I.E. so I have no idea how it will turn out in Firefox (sorry firefox users!!! ;__;). You may pelt me with scones now.

<h1>how to use</h1>
Simply copy and paste the codes into About me/I'd like to meet. I would not suggest using this layout unless you have basic understanding of html. ALSO. Keep all credits or I will [insert creative threat here]. Seriously, though. I will eat you like a cheap plastic happy meal toy if you mess with the credits. I have incisors and I'm not afraid to use them!

<h1>contact</h1>
If you have any questions/concerns about this layout, the best way to contact me is either through pm at createblog OR comment at my <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnhhbmdhLmNvbS9tb21va3VtYQ==" target="_blank">xanga</a>. Thanks for using this layout!

<h1>header</h1>
Normal. <b>Bold.</b> <i>Italics.</i> <s>Strike-through.</s>
</div>

<span class="navi">through the mist</span><br>
<span class="small">    about me</span>
<br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante. Nunc iaculis velit ac ligula. Donec posuere aliquam lectus. Mauris urna dolor, ultricies a, bibendum quis, nonummy nec, risus. Nullam diam mauris, viverra id, gravida sit amet, sollicitudin ac, neque. Aliquam erat. <br><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante. Nunc iaculis velit ac ligula. Donec posuere aliquam lectus. Mauris urna dolor, ultricies a, bibendum quis, nonummy nec, risus. Nullam diam mauris, viverra id, gravida sit amet, sollicitudin ac, neque. Aliquam erat.
<br><br>
<span class="navi">i see the face</span><br>
<span class="small">    favorites</span><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante. Nunc iaculis velit ac ligula. Donec posuere aliquam lectus. Mauris urna dolor, ultricies a, bibendum quis, nonummy nec, risus. Nullam diam mauris, viverra id, gravida sit amet, sollicitudin ac, neque. Aliquam erat.
<br><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. 
<br><br>
<span class="navi">of an angel</span><br>
<span class="small">    currents</span>
<br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante. Nunc iaculis velit ac ligula. Donec posuere aliquam lectus. Mauris urna dolor, ultricies a, bibendum quis, nonummy nec, risus. Nullam diam mauris, viverra id, gravida sit amet, sollicitudin ac, neque. Aliquam erat.<br><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. 
<br><br>
<span class="navi">who calls my name</span><br>
<span class="small">    links</span><br>
<p class="menu">
<a href="URL" target="_blank">link here</a>
<a href="URL" target="_blank">link here</a>
<a href="URL" target="_blank">link here</a>
<a href="URL" target="_blank">link here</a>
<a href="URL" target="_blank">link here</a>
</p>
<br>
<span class="navi">i remember</span><br>
<span class="small">    misc</span><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante. Nunc iaculis velit ac ligula. Donec posuere aliquam lectus. Mauris urna dolor, ultricies a, bibendum quis, nonummy nec, risus. Nullam diam mauris, viverra id, gravida sit amet, sollicitudin ac, neque. Aliquam erat.<br><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum.
<br><br>
<span class="navi">you're the reason</span><br>
<span class="small">    title</span><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante. Nunc iaculis velit ac ligula. Donec posuere aliquam lectus. Mauris urna dolor, ultricies a, bibendum quis, nonummy nec, risus. Nullam diam mauris, viverra id, gravida sit amet, sollicitudin ac, neque. Aliquam erat.
<br><br>
<span class="navi">i have to stay</span><br>
<span class="small">    credits</span><br>
Brush credits go to <a href="http://zero.chotoka.net" target="_blank">Project Zero</a> and <a href="http://www.angryblue.com" target="_blank">Angry Blue</a>. Textures from <a href="http://colorfilter.net" target="_blank">Colorfilter</a> and <a href="http://hybrid-genesis.net" target="_blank">Hybrid Genesis</a>. Permanent credits go to <a href="http://www.xanga.com/momokuma" target="_blank">Momo</a> and <a href="http://www.createblog.com" target="_blank">Createblog.com</a>.
</div>

Layout Comments

Showing latest 10 of 21 comments

It's a very lovley layout. It just bites that if you have the new myspace apps on your profile it interferes with it.

By psychosoldier on May 31, 2008 2:49 pm

I must agree with LadyRin. this is definitely one of the best layouts I've seen. and Vincent was my favourite character. (:

one question though, if you don't put a lot of stuff in the div, will it still be as huge, as I'm fond of small layouts. (:

By tacticalbread on Feb 14, 2008 8:57 pm

yo dude culd u tell us what lang the writing is on this pro thought it was latin but cant wouk it out x

By darkness2fail on Feb 11, 2008 7:31 am

lovely

By malicious1 on Feb 4, 2008 6:00 pm

This is by far one of the greatest layouts I have seen on this or any other website. The background was VERY nicely made. The over layering, fading, wording, and brushes where perfect! The design of this layout went great with the background. Good choice of color in background and font as well. All in all it's a great layout and one of my favorites. Great job!

By LadyRin on Jan 28, 2008 5:27 pm

Yeah, it does hide the Advertisement at the top. That, and the fact that the navigation doesn't really suite it. Its okay, but I personally think it could have been better. It kinda looks like its stretched a bit too, as if you either didn't make the main graphic, or you made it separate, and then after you merged the layers, or finished it, you changed the size of it, and it happened to stretch it.

By CreativeArticulate on Dec 7, 2007 5:44 am