Vampire Knight- Yuki

Designer's Comments

Look carefully for specific instructions

IF IT LOOKS MISALIGNED TRY HITTING REFRESH.

Credits: Layout tutorials I followed for this code came from here and here. Comment box tutorial came from here. Centered with this this tutorial and ad fixed with help thanks to her.

Etc: Layout ft. Yuki Cross/Kuran from the series Vampire Knight. As usual all proper credits are on the layout at the bottom. Go ahead and use the code if you want to, although it might be easier following the tutorials above.

Tested in IE.

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><style>
body{
background-image: url('http://cbimg9.com/layouts/08/10/32033aa.png');
background-color: F0F0EC;
background-repeat: repeat;
background-position: center center;
scrollbar-arrow-color:F0F0EC;
scrollbar-track-color:F0F0EC;
scrollbar-shadow-color:F0F0EC;
scrollbar-face-color:991D23;
scrollbar-highlight-color:F0F0EC;
scrollbar-darkshadow-color:F0F0EC;
scrollbar-3dlight-color:F0F0EC;}

font, body, table, td, div, h2, br, a, p {font-family:arial; font-size:11px; color:000000; background-color:none; text-transform:none; text-decoration:none; font-weight:none;line-height:12pt;}

.text, .redtext, .redbtext {font:normal 11px arial; color:950101; font-weight:none; border:0px; text-transform: none; line-height:12px;}

.orangetext15, .nametext {font-family: arial; color: 950101; font-weight: bold; font-size: 11px; letter-spacing: 0px;}
.lightbluetext8, .blacktext12, .whitetext12, .blacktext10 {font-family:arial; font-size:11px;  color:950101; font-weight:bold;border:0px; text-transform: none;}

a{color:  A96157; text-decoration: none; font-size: 11px; font-family: arial;}
a:link{color:  A96157; text-decoration: none; font-size: 11px; font-family: arial;}
a:active{color:  A96157; text-decoration: none; font-size: 11px; font-family: arial;}
a:visited{color:  A96157; text-decoration: none; font-size: 11px; font-family: arial;}
a:hover{ color: 950101; text-decoration: none; font-size: 11px; font-family: arial; cursor: default;}

a.redlink{color:  A96157; text-decoration: none; font-size: 11px; font-family: arial;}
a.redlink:link{color:  A96157; text-decoration: none; font-size: 11px; font-family: arial;}
a.redlink:active{color:  A96157; text-decoration: none; font-size: 11px; font-family: arial;}
a.redlink:visited{color:  A96157; text-decoration: none; font-size: 11px; font-family: arial;}
a.redlink:hover{ color: 950101; text-decoration: none; font-size: 11px; font-family: arial; cursor: default;}

a.navbar{color:  A96157; text-decoration: none; font-size: 11px; font-family: arial;}
a.navbar:link{color:  A96157; text-decoration: none; font-size: 11px; font-family: arial;}
a.navbar:active{color:  A96157; text-decoration: none; font-size: 11px; font-family: arial;}
a.navbar:visited{color:  A96157; text-decoration: none; font-size: 11px; font-family: arial;}
a.navbar:hover{ color: 950101; text-decoration:none; font-size: 11px; font-family: arial; cursor: default;}

a:link, a.man{color:  A96157; text-decoration: none; font-size: 11px;  font-family: arial;}
a:active{color:  A96157; text-decoration: none; font-size: 11px; font-family: arial;}
a:visited{color:  A96157; text-decoration: none; font-size: 11px;  font-family: arial;}
a:hover{ color: 950101; text-decoration: none; font-size: 11px; font-family: arial; cursor: default;}

a.text:link{color:  A96157; text-decoration: none; font-size: 11px;  font-family: arial;}
a.text:visited{color:  A96157; text-decoration: none; font-size: 11px; font-family: arial;}
a.text:hover{ color: 950101; text-decoration: none; font-size: 11px; font-family: arial; cursor: default;}

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;}

.standard b, p b, B, strong {
font-family:arial; font-size:11px; color:800000; font-weight:bold;border:0px;}

h1 {
  border-bottom: 4px solid; 
  border-color:991D23;
  font:18px, "georgia", sans-serif;
  line-height: 16px;
  text-transform:uppercase;
  letter-spacing: -2px;
  color:A4614D;
  font-weight: bold;
  margin-top: 8px;
  background-image: url('http://cbimg9.com/layouts/08/10/32033ab.png');
  margin-right: 4px;
  margin-left:4px;
}

a.nav:link, a.nav:visited, a.nav:active {
   background-color:E5E0D5;
   color:B92125;
   display: block;
   width: 175px;
   list-style-type: none;
   border-left: 10px solid; 
   border-bottom: 1px solid; 
   border-color:991D23;
   font:18px, "georgia", sans-serif;
   line-height: 19px;
   letter-spacing: -2px;
   text-transform: uppercase;
   font-weight: bold;}

a.nav:hover {
   background-color: D7CEB9;
   color:B92125;
   display: block;
   width: 175px;
   list-style-type: none;
   border-left:10px solid; 
   border-bottom: 1px solid; 
   border-color:991D23;
   font:18px, "georgia", sans-serif;
   line-height: 19px;
   letter-spacing: -2px;
   text-transform: uppercase;
   font-weight: bold;}

p {padding: 5px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</div>

<h1>About Me</h1>

<p>  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In lorem. Praesent commodo malesuada nunc. Morbi dapibus. Ut dui. Nam in ante at diam congue congue. Ut tortor enim, laoreet ac, tincidunt id, tincidunt vel, eros. Sed aliquet interdum tellus. Duis ipsum dolor, sodales a, egestas ac, tincidunt sit amet, leo. Duis vitae eros. Nullam eu augue ac enim tristique interdum. Morbi sollicitudin, ante id suscipit tincidunt, sapien velit sollicitudin ligula, id tempus purus justo eu justo.

</p>

<h1>Extra Header</h1>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempus vulputate massa. Etiam eget elit a eros vulputate facilisis. Aenean ultricies, est et euismod accumsan, mauris enim mattis felis, vitae sollicitudin lacus ipsum id arcu. Pellentesque nisl nisi, consequat ac, dignissim sit amet, sagittis ut, ligula. In erat elit, consequat in, mattis nec, lacinia ut, turpis. Pellentesque a justo. Praesent est. Ut mattis laoreet arcu. Nulla facilisi. Morbi ac velit nec metus luctus ultricies.

<p>

<h1>Extra Header</h1>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempus vulputate massa. Etiam eget elit a eros vulputate facilisis. Aenean ultricies, est et euismod accumsan, mauris enim mattis felis, vitae sollicitudin lacus ipsum id arcu. Pellentesque nisl nisi, consequat ac, dignissim sit amet, sagittis ut, ligula. In erat elit, consequat in, mattis nec, lacinia ut, turpis. Pellentesque a justo. Praesent est. Ut mattis laoreet arcu. Nulla facilisi. Morbi ac velit nec metus luctus ultricies.

<p>

</div>

<h1>Stats</h1>

<p> 
<img src="http://cbimg9.com/layouts/08/10/32033ad.png" alt="" align="left" />  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In lorem. Praesent commodo malesuada nunc. Morbi dapibus. Ut dui. Nam in ante at diam congue congue. <p>

<h1>Navigate</h1>
<p>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav">Home</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendid=XXXXXXXX" class="nav">Add Me</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendid=XXXXXXXX" class="nav">Message Me</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.listall&friendid=XXXXXXXX" class="nav">My Blog</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockuser&userid=XXXXXXXX" class="nav">Block Me</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewpicture&friendid=XXXXXXXX&albumid=0" class="nav">View Pics</a>
</p>

<h1>Comment</h1>
<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="XXXXXXXX" />
<textarea name="f_comments" style="font-family:arial; color:000000; font-size:11px; font-weight:normal; text-transform:none; letter-spacing:0px; width:150px; height:50px; padding:1px; text-align: left; background-color:EDE6DD; border-color:000000; border-width:1px; border-style:solid; overflow:hidden; background-image:url();">The next time you open your eyes...</textarea><br />
<input style="font-family:arial; text-transform:none; color:000000; font-weight:normal; letter-spacing:0px; font-size:11px; width:150px; height:18px; 
background-color:EDE6DD; border-color:000000; border-width:1px; border-style:solid; text-align: center;  background-image:url();" type="submit" value="Submit" />
</form></center>

<h1>Credits</h1>

<p>
<br /><b>Designer:</b> <a href="http://sweetalacrity.createblog.com/">SweetAlacrity </a>.
<br /><b>Resources:</b> <a href="http://www.fairytaled.serenita-designs.org/" TARGET="_blank">&</a>, <a href="http://edeluxe.x-tenshi.com/" TARGET="_blank">&</a>, <a href="http://sanami276.deviantart.com/" TARGET="_blank">&</a>, <a href="http://www.neopets.com/~xthedoll" TARGET="_blank">&</a>, <a href="http://www.hybrid-genesis.com/" TARGET="_blank">&</a>.
</p>
</div>

Layout Comments

Showing latest 10 of 21 comments

ah, i love your layouts! they're gorgeous

By IzzyGrace on Jan 11, 2009 6:46 pm

Very amazing.
:D
It really good work for this theme!

By RxL on Dec 29, 2008 5:46 pm

yay! vampire knight layout lovess itt! =] muah!

By miaka89 on Nov 29, 2008 2:47 pm

Wow. I love this.
It's amazing.

By seoyeonstyle on Nov 8, 2008 5:49 pm

I really like this. And i love Vampire knight : D

By Tomates on Oct 23, 2008 5:44 pm

I'm thinkin of using this for my anime originals site ^_^

By SyntheticPorcelain on Oct 17, 2008 8:45 pm

amazingly done! so pretty. i love everything of it. the colors and how you set the layout up. vk = luv

By sakuragirl135 on Oct 16, 2008 8:45 pm

I usually stay away from themed layouts.. but.. I think I might actually use this. I love what you've done with the banner, as well as everything else. Great job.

By Naekipz on Oct 16, 2008 6:39 pm