(Stars) Tonight Shall Be My Night

Designer's Comments

Look carefully for specific instructions

Havn't submitted anything for a while, thought i would try a new code which is an improvement of the old one.
Slightly more advanced than the others but still pretty easy to manage and install into your myspace.

If you don't want a comment box in the section named 'comment' you can change the text for the title which is contained within the p class titles named header 2. If you want a matching background to go in your own custom comment box, replace the image URL given to the following URL:

http://i162.photobucket.com/albums/t259/Field_Of_Yellow_Tulips/commentbox.jpg

replace YOURFRIENDIDHERE with your friend id.

message me if you want to change the coding to suit yourself or if you are having any problems.

will be creating a girlier version of this layout when i get the time to create the style sheet.

Brush credit for this layout goes to JS Scully from deviant art.

works perfectly fine in all versions of internet explorer and mozilla firefox, but is best viewed in updated IE explorer as the allignment is better. if anyone knows the code to keep the layout center alligned in all versions of internet browsers please PM me! would be a massive help.

(: hope that's everything.

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">
body table {margin-top:-20px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body table div form{display:block;}
div table td font {visibility:hidden; }

.navbar {visibility:hidden; display:none;}
.userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;}
a.text, table div font a, table div div {visibility:hidden;}

table tr td div font {display: none;}
body div table td form {display:none!important;}
table, td, tr{ background-color:transparent;}

body {
background-color:04172E;
cursor:crosshair;
font-weight:normal;
}

.image {
position:absolute;
overflow:auto;
top:130px;
left:142px;
background-color:transparent;
border:0px;
}

.navigation {
position:absolute;
overflow:auto;
allign:left;
background-color:transparent;
border:0px;
width:200px;
height:347px;
top:394px;
left:640px;
}

a.nav:link, a.nav:visited, a.nav:active {
text-decoration: none;
	font-family:arial;
	font-style: normal;
	font-variant: small-caps;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
	color:EAE4DE!important;
	background-color:000000;
	border-left: 14px solid;
	border-color:04172E !important;
	cursor: default;
	display: block;
	margin: 0;
	margin-bottom: 0em;
	padding: 0px;
	padding-left: 5px;
	padding-right: 1px;

}

a.nav:hover {text-decoration: dashed;
	font-family:arial;
	text-align: right;
        font-variant: small-caps;
	font-style:uppercase;
	font-size:12px;
	line-height:12px;
	color:000000 !important;
	background-color:EAE4DE  ;
	border-left: 14px solid;
	border-color:04172E !important;
	cursor: hand;
	display: block;
	margin: 0;
	margin-bottom: 0em;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;}

.aboutme {
position:absolute;
overflow:auto;
top:394px;
left:160px;
background-color:transparant;
font-family:arial;
font-size:11px;
color:EAE4DE;
font-weight:normal;
height:345px;
width:452px;
margin:0;
padding:0;
}

.aboutme2 {
position:absolute;
overflow:auto;
top:764px;
left:160px;
background-color:transparant;
font-family:arial;
font-size:11px;
color:EAE4DE;
font-weight:normal;
height:233px;
width:452px;
margin:0;
padding:0;
}

.commentbox {
position:absolute;
overflow:auto;
top:764px;
left:640px;
background-color:transparant;
font-family:arial;
font-size:11px;
color:EAE4DE;
font-weight:normal;
height:240px;
width:213px;
margin:0;
padding:0;
}

.header1 {font-family:arial;new;font-size:10pt; line-height:10pt;border-bottom: 0px solid;background-color:EAE4DE; letter-spacing:2pt;text-align:center;text-transform:capitalize;width:400px;}
.header2 {font-family:arial;new;font-size:10pt; line-height:10pt;border-bottom: 0px solid;background-color:EAE4DE; letter-spacing:2pt;text-align:center;text-transform:capitalize;width:200px;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="navigation">
<a HREF="http://home.myspace.com/index.cfm?fuseaction=user" class="nav">Home.</a>
<a HREF="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendid=XXXXXXXX" class="nav">Message.</a>
<a HREF="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendid=XXXXXXXX" class="nav">Add.</a>
<a HREF="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="nav">Friends.</a>
<a HREF="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="nav">Comment.</a>
<a HREF="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewpicture&friendid=XXXXXXXX&albumid=0" class="nav">Photographs</a>
<a HREF="http://blog.myspace.com/index.cfm?fuseaction=blog.listall&friendid=XXXXXXXX" class="nav">Blog.</a>
<a HREF="http://collect.myspace.com/index.cfm?fuseaction=block.blockuser&userid=XXXXXXXX" class="nav">Block.</a><br>
</replace the URL which is here with your image URL><img src="http://cbimg6.com/layouts/07/12/17/23852ab.jpg"></a>
</div>

<div class="aboutme">
<center><p class=header1>About Me.</p><center><br>
about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me.
</div>

<div class="aboutme2">
<center><p class=header1>Extra Information.</p><center><br>
extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. extra information here. 
</div>

<div class="commentbox">
<center><p class=header2>Comment.</p><center><br>
you can put a comment box here, top friends, lyrics, quotes or anything else you want to. customise it how you like. you can put a comment box here, top friends, lyrics, quotes or anything else you want to. customise it how you like. you can put a comment box here, top friends, lyrics, quotes or anything else you want to. customise it how you like. you can put a comment box here, top friends, lyrics, quotes or anything else you want to. customise it how you like.
</div>

Layout Comments

Showing latest 10 of 13 comments

thats in firefox btw (y)

By Absinthinjector on Feb 16, 2008 9:55 am

the navigation div would be better as its overflow:fixed instead of auto
it would make the links more neater when you click on them
nice work
x

By Absinthinjector on Feb 16, 2008 9:53 am

How do you get the comment box to work? I have tried so many different sites for the comment box and none of them work at all, i place it where it says "commentbox" and nothing appears...why?

By Solidfire on Dec 31, 2007 5:25 am

oh thankz lots i like this layout...i'm using it....lol...

By silly_angel on Dec 19, 2007 11:32 pm

fixed comment button and changed navigation slightly. ddint want banner to be too over the top. thanks for the comments (:

By vintage-toile on Dec 19, 2007 10:20 am

over all i love this layout...if you can please fix the comment link...then it'll be perfect...=)

By silly_angel on Dec 18, 2007 9:07 pm

omg the comment link doesn't work...u should fix that

By silly_angel on Dec 18, 2007 9:06 pm

The headers should be fancier. Otherwise it's a nice layout.

By tokyo-rose on Dec 18, 2007 8:03 pm

i see the details..

By blue-4ngel on Dec 18, 2007 1:48 am

navi could be better/diff font :)

By tainted-twilight on Dec 17, 2007 9:43 pm

View all »

Layout Details

Designer	vintage-toile
Submitted on	Dec 17, 2007
Page views	24,136
Favorites	163
Comments	13
Reviewer	freeflow
Approved on	Dec 17, 2007

(Stars) Tonight Shall Be My Night

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates