royalty ft. clearveil

Designer's Comments

Look carefully for specific instructions

Layout featuring the band ClearVeil.

Make sure you replace all occurrences of XXXXXX with your friend ID.
(also make sure you do so BEFORE you save it on myspace.)

Optimized for Firefox, fully functional in IE.

Enjoy~

add me at the yellowgirl myspace if you have any questions :3

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 style="position: absolute; left:120px; top:102px; width:750px; height:261px; overflow: none;">
<img src="http://cbimg9.com/layouts/08/10/31874aa.png" style="border:10px #fff solid;" usemap="#clearveil"/>
<map name="clearveil">
<area shape="rect" alt="" coords="622,244,744,253" href="http://graphics.and-hearts.net">
</map>
<style>
body {
overflow-x:hidden;
background-color:000000;
background-image:url(http://cbimg9.com/layouts/08/10/31874ab.jpg);
background-position: top left;
background-repeat:repeat;
padding-left:2px;
cursor:crosshair;}

table, td, p, span, li,b, strong, div{font-family:tahoma; font-size: 10px; color:000000; font-weight: none; text-decoration: none; letter-spacing: 2px; text-transform: none; padding: 0px; line-height: 14px; background-color: transparent; border: 0px solid; cursor:crosshair;}

.navibar {
position: absolute; 
left:120px;  
top: 400px; 
width: 246px; 
_width:256px;
overflow: auto; 
z-index:2;
background-color:FFFFEC;
padding:7px;
text-align:justify;}

.content{
position: absolute; 
left:396px;  
top: 400px; 
text-align:justify;
width: 480px; 
_width:490px;
overflow: auto; 
z-index:2;
background-color: FFFFEC;
padding:7px;}

b, strong {font: 11px century gothic;
font-weight:bold;
line-height:13px;
letter-spacing:2px;}

i, em {font:normal 11px georgia;
line-height:13px;
font-style:italic;
text-transform:none;
text-decoration:none;}

s, strike {color: 666666;}

h1 {
font-family:century gothic, arial;
text-transform:none;
font-size:28px;
line-height:26px;
color: 000000;
letter-spacing:2px;
margin-bottom:11px;
margin-top:0px;
background-color:transparent;
text-align: left;
font-weight:normal;
padding-left:10px;
border-bottom:2px dashed;
border-color:C3C3C3;}

h1:first-letter {color:c2878f;}

a:link, a:active, a:visited {
color:6e2047;
font:normal 11px arial;
text-transform: none;
text-decoration:underline;
font-weight:normal;
border-bottom: none;}

a:hover {
color:000000;
font-weight: normal;
border-bottom: none;
text-transform:none;
text-decoration:none;
cursor:default;}

a.linkcredit:link, a.linkcredit:visited, a.linkcredit:active, linkcredit {font-family:small fonts; font-size:8px; color:6e2047; font-weight:none; text-decoration:underline; padding:0px; line-height:10px; background-color:transparent;}

a.linkcredit:hover {font-family:small fonts; font-size:8px; color:000000; font-weight:none; text-decoration:underline; padding:0px; line-height:10px; background-color:transparent;}

a.nav:link, a.nav:visited, a.nav:active, a.nav {
text-decoration:none;
font-weight:normal;
text-align:center; 
background-color:E3C4C8;
color:6e2047;
font-family:georgia;
letter-spacing:1px;
font-size:10px;
width:230px!important;
height:15px; 
display:block;
margin-bottom:3px;
text-transform:uppercase;
}

a.nav:hover {
background-color:6e2047;
color:ffffff;
font-family:georgia;
letter-spacing:1px;
text-transform:uppercase;
cursor:default;}

.credit {font-family:small fonts; font-size: 8px; color:000000; font-weight: none; text-decoration: none; padding: 0px; line-height: 10px; background-color: transparent;}
</style>

div table a.navbar img {display:none;}
div table {visibility:hidden;}
div table div, div table table, div table.navigationBar, table div table {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>
<style>
.clearfix {background:none!important;}
.clearfix font, .clearfix ul, .mslogo, .clearfix form, .clearfix a, .clearfix select {display:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;} 
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
.contacttable, .extendednetwork, .latestblogentry, .profileinfo, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .friendspace, .friendscomments, .orangetext15{display:none;}
table,td,tr{padding:0px;width:;background-color:transparent}
table div div, table div font { display:none; }
div div table div div { display:block; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content"><h1>header</h1><center><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"><img src="http://cbimg9.com/layouts/08/10/31874ac.png" border="0" /></a><br /><br />
<b>Name:</b> coolchan <br />
<b>Age:</b> twenty years old<br />
<b>Location:</b> my computer chair <br />
<b>Status:</b> awesome<br />
<b>etc:</b> etcetera<br />
<b>etc:</b> etcetera<br /><br />
<i>or you can just delete this section if you don't want to keep it.</i>
<br /><br />
o [ <b>bold</b> ] x [ <u>underline</u> ] x [ <i>italics</i> ] x [ <strike>strikethrough</strike> ] x [ <a href="">link</a> ] o

</center>
<br />
<br /><br />
<h1>about the layout</h1>
   I created this layout using Firefox, which I urge all of you to use >:|  I've tested and optimized it for Internet Explorer, too.  So the only people who have to worry are the eight of you who use browsers other than FF/IE. -glares at opera users-<br /><br />
   If you include images in this column, make sure they're no wider than 470px, or else they won't fit, and if you use images in the left column, make sure they're no wider than 230px.<BR><BR>
   Features all members of ClearVeil (Saki, Ryuto, Nozomi, Naruka and Hisayoshi)

<br /><br /><br /><br />
<h1>contact the designer</h1>
   I respond the quickest to a direct email at <a href="mailto:heyshadylady[at]gmail.com">heyshadylady[at]gmail.com</a> - obviously you change the [at] to @.  If you'd like to see more j-graphics, you can either visit my <a href="http://graphics.and-hearts.net">graphics site</a> or my <a href="http://yellowxgirl.createblog.com">createblog</a> or add me at the <a href="http://www.myspace.com/yellowxgirl">yellowgirl myspace</a>.  I'm very friendly, so don't hesitate to ask me anything :3

<br /><br /><br /><br />
<h1>terms of use</h1>
   The usual: please do not remove the credit to me.  I worked hard to get this layout looking nice, so the very least you could do is leave a teensy little ol' link up to me?  <BR>
   It's important that you do not remove the links at the bottom of this column (terms, privacy, etc.) because if you don't have those links it's possible Myspace could delete your account.<BR>
   Please do not alter anything on the layout either (colors/header image/background/etc.) simply because if the layout does have my name on it, I want it to appear exactly as I intended it.  I also don't want you to think "Oh, well I've changed the colors and header image... so it's pretty much MY layout now -removes credit-"  <BR>
   Oh, and thank you for using my layout~ ;D

<br /><br /><br /><br />
<h1>music and etc</h1>
<center>you can include youtube videos or a myflashfetish music player here.<br /><br />
<object width="300" height="243"><param name="movie" value="http://www.youtube.com/v/6gxbTqkzRRc&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/6gxbTqkzRRc&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="300" height="243"></embed></object>
<br /><br />
<span class="credit">
© 2003-2008 Myspace.com. <a href="http://www.myspace.com/index.cfm?fuseaction=misc.terms" class="linkcredit">Terms</a> | <a href="http://www.myspace.com/index.cfm?fuseaction=misc.privacy" class="linkcredit">Privacy</a> | <a href="http://www.myspace.com/index.cfm?fuseaction=cms.viewpage&placement=safetysite" class="linkcredit">Safety</a> | <a href="http://collect.myspace.com/index.cfm?fuseaction=misc.contactInput&ProfileContentID=XXXXXXXX" class="linkcredit">Report Abuse</a><BR>
layout design © 2008 <a href="http://graphics.and-hearts.net" class="linkcredit">yellowgirl graphics</a></span>
</div>

<center>
<h1>navigation</h1>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav">return home</a>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav">message me</a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="nav">comment me</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nav">view pictures</a>

<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="nav">view blogs</a>

<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="nav">view friends</a>

<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav">block</a>
<br /><br />

<h1>about</h1><center><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"><img src="http://cbimg9.com/layouts/08/10/31874ac.png" border="0" /></a><br /><br />
<b>Name:</b> coolchan <br />
<b>Age:</b> twenty years old<br />
<b>Location:</b> my computer chair <br />
<b>Status:</b> awesome<br />
<b>etc:</b> etcetera<br />
<b>etc:</b> etcetera<br /><br />
<i>you can also show your statistics over here on this side.</i>

</center>
<br />
<br /><br />

<h1>music</h1>
   <center><p style="visibility:visible;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="68" width="160" align="middle" border="0" data="http://cbimg9.com/layouts/08/10/31874ad.swf">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://cbimg9.com/layouts/08/10/31874ad.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
  <param name="flashvars" value="myid=12239417&path=2008/08/27&mycolor=EDDFC9&mycolor2=FFFFFF&mycolor3=000000&autoplay=false&rand=0&f=4&vol=100&pat=0&grad=false" />
</object></center>

<br /><br /><br />
<h1>installation</h1>
   Just copy all of the codes and paste them into your myspace profile.  Make sure you change all occurrences of XXXXXX to <b>your</b> friend ID number.  There are no occurrences in the about me section, but six occurrences in the "I'd like to meet" section.<br />
   Please make sure you do this BEFORE you save to myspace.

<h1>friends</h1>
<center>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="nav">friend no. one</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="nav">friend no. two</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="nav">friend no. three</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="nav">friend no. four</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="nav">friend no. five</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="nav">friend no. six</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="nav">friend no. seven</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="nav">friend no. eight</a>
<br /><br /><br />

</center>

</div>

Layout Comments

Showing latest 9 of 9 comments

this is awesome. i love it

By SENORITA on Jan 19, 2009 12:16 pm

I love everything about this. The sidebar, the content area, the headers, the nav, the colors. Great job on this.

By manic on Oct 10, 2008 12:52 am

Really nice hope you make more of other Jrock bands.

By TaintedReality on Oct 9, 2008 9:02 am

I really like the banner big time :D

By aQuafly on Oct 8, 2008 4:01 pm

Nice and neat. I think the text is spaced out too much though. The banner and colors are great. Btw, what font did you use for the "your picture here" images? XD One of the Pea fonts?

By dreamgurl36 on Oct 8, 2008 1:15 pm