Chrono Cross(DIV)

Designer's Comments

Look carefully for specific instructions

It Is Used And Viewed Well In Both Internet Explorer And Mozilla Firefox, Screen Resolution 1024x768. This Is A Div Layout,Which Means None Of Your Default Myspace Is Going To Show. All Of The Content In The Divs Is Optional (Including The Flash Player!).Insert Your Friend ID Where Ever Required, And Friends' Links.Oh And Just One More Thing,I Make All Of These Layouts Duh,And I Would Like For Them To Stay That Way,Lately There Have Been Users Making Their Own Designs From My Work,If You Use Any Of My Layouts,Don't Mess With The Overlay Image Or Image Mapping.Thanks.Also,DO NOT JOCK MY LAYOUTS OR CODES!. ___Ricky

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 type="text/css">
a.notify{
	position:absolute;top:448px;left:726px;
	display:block;overflow:hidden;
	width:98px;height:8px;
	background-color:transparent;
	z-index:5;
	visibility:visible;display:inline;
}
.contacttable,.whitetext12,.nametext,.lightbluetext8,
.orangetext15,.blacktext12,.btext,.redtext,.redbtext,
div tr td form,.comments,td.text td.text table table{
	display:none;
	visibility:hidden;
	height:0px!important;
	padding:0px;
	margin:0px;
	float:none;
}
table,td,tr{
	height:0px;
	padding:0px;
	background-color:transparent;
	float:none;
}
table table table{
	height:0px;
	padding:0px;
	visibility:hidden;
	float:none;
}
table table,table table table table{
	background-color:transparent;
	border:0px!important;
	height:0px!important;
	float:none;
}
a.text,table div font a,table div div,.navbar font,tr td font{
	display:none;
	visibility:hidden;
	height:0px!important;
	float:none;
} 
body{
background-image:url(http://layouts.cbimg6.com/34/17031c.jpg);
	background-attchment:scroll;
	background-position:top left;
	background-repeat:repeat;
	cursor:default;
	background-color:1C2630;
	scrollbar-face-color:2D3A48;
	scrollbar-track-color:1C2630;
	scrollbar-arrow-color:2D3A48;
	scrollbar-shadow-color:1C2630;
	scrollbar-3dlight-color:72808F;
	scrollbar-highlight-color:1C2630;
	scrollbar-darkshadow-color:1C2630;
	overflow-x:hidden;
}
a:active img,a:hover img,a:visited img,a:link img{
	cursor:default;
	border:0px!important;
}
font, td, a,table, body, td, li, p, div, li, h1, h2, p, br,.text,small,big,sup,sub{
	color:C0CFCB;
	font-size:9px;
	cursor:default;
	line-height:10px;
	font-weight:normal;
	letter-spacing:0px;
	font-family:georgia;
	text-decoration:none;
	text-transform:uppercase;
}
b,strong{
	color:A74D66;
	font-size:12px;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:georgia;
	text-transform:lowercase;
}
s{
	color:E4AD77;
	font-size:12px;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:georgia;
	text-transform:lowercase;
}
i,cite,em{
	color:588DCA;
	font-size:12px;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:georgia;
	text-transform:lowercase;
}
u{
	color:69A18E;
	font-size:12px;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:georgia;
	text-transform:lowercase;
}
blockquote{
	border-top-color:A74D66;
	border-bottom-color:E4AD77;
	border-left-color:588DCA;
	border-right-color:69A18E;
	border-width:1px;
	border-style:dashed;
background:url(http://layouts.cbimg6.com/34/17031d.jpg) 	bottom left no-repeat;
	padding-left:18px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:18px;
}
a:active,a:visited,a:link,a{
	padding:1px;
	color:7791A9;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:georgia;
	text-decoration:none;
	text-transform:uppercase;
}
a:hover{
	padding:1px;
	color:85ACD1;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:georgia;
	text-decoration:none;
	text-transform:uppercase;
}
a.navigate:link,a.navigate:active,a.navigate:visited{
	padding:2px;
	color:DA6B8F;
	font-size:10px;
	display:block;
	margin-top:1px;
	cursor:default;
	line-height:11px;
	border-right:6px solid;
	text-align:center;
	font-weight:normal;
	letter-spacing:0px;
	font-family:georgia;
	border-color:3E464E;
	text-decoration:none;
	text-transform:uppercase;
background:url(http://layouts.cbimg6.com/34/17031e.jpg) 	bottom left no-repeat;
}
a.navigate:hover{
	padding:2px;
	color:6BB4DA;
	font-size:10px;
	display:block;
	margin-top:1px;
	cursor:default;
	text-indent:0px;
	line-height:11px;
	border-right:6px solid;
	text-align:center;
	font-weight:normal;
	letter-spacing:0px;
	font-family:georgia;
	border-color:374048;
	text-decoration:none;
	text-transform:uppercase;
background:url(http://layouts.cbimg6.com/34/17031f.jpg) 	bottom left no-repeat;
}
span.read{
	color:C2B1B4;
	display:block;
	font-size:19px;
	margin-top:4px;
	text-indent:8px;
	line-height:20px;
	margin-bottom:4px;
	font-weight:normal;
	letter-spacing:-2px;
	border-top:3px solid;
	border-bottom:1px dotted;
	border-color:809BB8;
	font-family:georgia;
	background-color:152122;
	text-transform:lowercase;
background:url(http://layouts.cbimg6.com/34/17031g.jpg) 	bottom left repeat-x;
}
::-moz-selection{
	background-color:2F3841;
	color:000000;
}
textarea.comment,input.comment,form.comment{
	display:inline;
	visibility:visible;
}
textarea.comment{
background:url(http://layouts.cbimg6.com/34/17031h.jpg)		top left repeat-x;
	background-color:transparent;
	border:0px;
	margin-bottom:1px;
	border:1px dashed;
	border-color:7791A9;
	overflow:auto!important;
	overflow:auto;
	color:C0CFCB;
	font-size:12px;
	cursor:default;
	line-height:12px;
	font-weight:normal;
	letter-spacing:0px;
	font-family:georgia;
	text-decoration:none;
	text-transform:normal;
	height:80px;
	width:250px;
	padding:2px;
}
input.comment{
background:url(http://layouts.cbimg6.com/34/17031h.jpg)		bottom left repeat-x;
	background-color:transparent;
	border:0px;
	margin-bottom:1px;
	border:0px;
	overflow:auto!important;
	overflow:hidden;
	color:C0CFCB;
	font-size:9px;
	cursor:default;
	line-height:10px;
	font-weight:normal;
	letter-spacing:0px;
	font-family:georgia;
	text-decoration:none;
	text-transform:uppercase;
	height:15px;
	width:123.5px;
	padding:0px;
}
div.fill{
background:url(http://layouts.cbimg6.com/34/17031i.jpg) top left repeat-y;
	top:0px;
	left:0px;
	z-index:0;
	width:100%!important;
	width:1000px;
	height:900px!important;
	height:900px;
	overflow-x:visible;
	display:block;
	position:absolute;
	visibility:visible;
}
div.header{
background:url(http://layouts.cbimg6.com/34/17031j.jpg) top left no-repeat;
	top:0px;
	left:0px;
	z-index:1;
	width:900px;
	height:480px;
	display:block;
	position:absolute;
	visibility:visible;
}
div.content{
	top:478px;
	left:207px;
	position:absolute;
	width:388px!important;
	width:390px;
	height:488px;
	padding:1px;
	z-index:2;
	overflow:auto;
	visibility:visible;
	text-align:justify;
	background-color:transparent;
	scrollbar-face-color:2F3841;
	scrollbar-track-color:2F3841;
	scrollbar-arrow-color:BBC4CE;
	scrollbar-shadow-color:2F3841;
	scrollbar-3dlight-color:2F3841;
	scrollbar-highlight-color:2F3841;
	scrollbar-darkshadow-color:2F3841;
}
div.sidebar{
	top:478px;
	left:606px;
	position:absolute;
	width:228px!important;
	width:230px;
	height:488px;
	padding:1px;
	z-index:2;
	overflow:auto;
	visibility:visible;
	text-align:justify;
	background-color:transparent;
	scrollbar-face-color:2F3841;
	scrollbar-track-color:2F3841;
	scrollbar-arrow-color:BBC4CE;
	scrollbar-shadow-color:2F3841;
	scrollbar-3dlight-color:2F3841;
	scrollbar-highlight-color:2F3841;
	scrollbar-darkshadow-color:2F3841;
}
div.footer{
background:url(http://layouts.cbimg6.com/34/17031k.jpg) top left no-repeat;
	top:900px;
	left:0px;
	z-index:0;
	width:900px;
	height:123px;
	display:block;
	position:absolute;
	visibility:visible;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content"><span class="read">About Me:</span>
Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here.
<span class="read"> CSS Attributes:</span>
<center><b>Bold Text</b>, <s>Strikethrough Text</s>, <u>Underlined Text</u>, <i>Italicized Text</i>.</center>
<blockquote>This is a blockquote. It is mainly used for quotes or text your want to make apparent. This is a blockquote. It is mainly used for quotes or text your want to make apparent. This is a blockquote. It is mainly used for quotes or text your want to make apparent. This is a blockquote. It is mainly used for quotes or text your want to make apparent. This is a blockquote. It is mainly used for quotes or text your want to make apparent. This is a blockquote.</blockquote><br>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="XXXXXXXX" type="hidden">
<textarea name="f_comments" cols="2" rows="4" class="comment">
Dear Friend, yes this comment box works. I assure you.  :) > All you have to do is replace "XXXXXXXX" with your own Friend ID. Then, you can edit this message!
</textarea>
<br>
<input value="Submit"type="Submit"class="comment"></input>
<input value="Reset"type="reset"class="comment"></input>
</form>
</center>
</div>

<div class="sidebar"><span class="read">Navigation:</span>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"class="navigate">Add Me</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"class="navigate">Message Me</a>
<a href="http://home13.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX"class="navigate">View Friends</a>
<a href="http://home13.myspace.com/index.cfm?fuseaction=user.viewcomments&friendID=XXXXXXXX"class="navigate">View Comments</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX"class="navigate">View Blogs</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX"class="navigate">View Photos</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX"class="navigate">Add Comment</a>
<a href="http://home.myspace.com/index.cfm?fuseaction=user"class="navigate">Home</a>
<a href="http://www.createblog.com/"class="navigate">Createblog</a>
<span class="read">The Layout:</span>
This layout was made by Ricky > <a href="http://www.createblog.com/layouts/index.php?author_id=364198">anime.essence</a> at <a href="http://www.createblog.com">Createblog.Com</a>. He used brushes from <a href="http://hybrid-genesis.net/">Hybrid Genisis.Net</a> and <a href="http://elfe-noire43.deviantart.com/">Elfe Noire 43.DA</a>. He also used textures from <a href="http://www.google.com/">Google</a> and <a href="http://www.whenitcomes.com/">WhenItComes.Com</a>. This layout features Chrono Cross. Chrono Cross is copyrighted and trademarked by <a href="http://www.square-enix.com/">Square Enix</a> - which used to be Square Soft. Do not claim Chrono Cross or its images, copyrighted by Square Enix, as your own.
</div>

Layout Comments

Showing latest 10 of 50 comments

Thank you

By anime-essence on Sep 11, 2008 12:40 pm

This one is quite beautiful.

By Vaguememory on Sep 6, 2008 1:56 pm

lovely navigation
x

By Absinthinjector on Feb 16, 2008 1:52 pm

brilliant use of color. i love it.

By miyashu on Jan 4, 2008 3:17 am

Thank you, I love it as well. :)

By anime-essence on Dec 8, 2007 11:02 am

mm, chrono cross.
one of the best games ever made.

fantastic layout,
i love it(:

By rawritsjaejae on Dec 7, 2007 7:11 pm

i have a problem.....though the layout is great and i love it, but i have problem wit the friend thing.....can u help me?

By hystephen on Oct 24, 2007 3:01 pm

This is really cool; especially love the navi. x]
Wish it was a different anime though, haha. xD

By DelicateLove on Oct 5, 2007 7:05 pm

This is an awesome layout - but I'm curious, is anyone else having problems putting other HTML under the boxes?

By thoudreamchild on Sep 11, 2007 3:48 pm

The comment box works, you need to replace the YOURFRIENDIDHERE with your friend ID.

By anime-essence on Jul 10, 2007 5:14 pm

View all »

Layout Details

Designer	anime-essence
Submitted on	Mar 14, 2007
Page views	44,072
Favorites	107
Comments	50

Chrono Cross(DIV)

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates