Sunset (Easy Use)

Designer's Comments

Look carefully for specific instructions

This DIV is a great place to start for HTML beginners.

Notes:

I saw this code and thought it was pretty neat :)
So here you go... it's almost Friend ID free.
the only one is in the comment box, but that doesnt turn into a MSPLINK so its easy enough to work, even for beginners :)

The Layout does not have a home button, because i couldnt fit it in without it looking messy, but thats what "back" buttons are for :)

Also, your URL/details will NOT show on myspace :)

Best Viewed in IE! It will work in FF but some of the text colours will be lost.
And please don't tell me to use Firefox, i don't like it, end of :)
Credits:
Brushes from: Brusheezey

I'm not sure where the picture from, so if it's yours/you know where it's from please let me know so i can credit, i'm sorry if this causes any inconvenience. :)

Use:
please leave the credit on, and for the comment box just replace the X's with your friend ID.

Other:
Just let me know what you think, feedback is much appreciated,
enjoy!
~Martz
x---x

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

{(c) Lastsunrise.net
feel free to use parts of the code to learn only, but please do not steal the whole thing. and please give credit when you do use something. Thankyou}

table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,
.lightbluetext8,strong,.nametext,div b font font,
div font font u,
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:inline; visibility:visible;}

.latestBlogEntry {display:none;}
table.userProfileDetail {display:none}
table.interestsAndDetails {display:none}
.profileInfo{display:none;}
table.userProfileURL{display:none;}

.comments{visibility:none;width:0px; height:0px;position:hidden;
top:0px; margin-left:0px;
overflow:none;background-color:transparent;
border:black 0px solid;z-index:0px;}

td.text td.text img {
width: 90px !important;
}

table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}

td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:8pt;}

body {
background-color:460135;
background-image:url();
	background-attachment: fixed;
	background-position:top left;
	background-repeat:repeat-x;
 scrollbar-arrow-color: 69082f;
 scrollbar-face-color:000000;
 scrollbar-3dlight-color: 000000;
 scrollbar-darkshadow-color: 000000;
 scrollbar-shadow-color: 000000;
 scrollbar-highlight-color: 000000;
 scrollbar-track-color:000000;
cursor:crosshair;

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}}

{style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 11px tahoma; color:81807d; font-weight:none; border:0px; text-transform: none; line-height:15px; text-align: justify; letter-spacing: 1px;}}

{basic font}
.text {font:normal 11px tahoma; color:81807d; font-weight:none; border:0px; text-transform: none; line-height:15px; text-align: justify; letter-spacing: 1px;}}

{style for the number of comments you have ..}
.redtext{font-family:georgia; font-size:11px; color:CCCCCC; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 1px;}}

{comment title}  
.blacktext10{font-family:georgia; font-size:11px;  color:66CCFF; font-weight:none; border:0px; text-transform: uppercase; background-color: 1A5566;}}

.standard b, p b, B, strong {
font-family:tahoma; font-size:12px; color:e86800; font-weight:bold; border-left:px; background-color:f2a611; text-transform:none; letter-spacing: 0px;}}

u, s, .stext, .sbtext, .swtext {
  font-family: tahoma; 
  font-size: 11px;
  color: e86800;
border-bottom:1px dashed;
border-color:e1ffa7;
weight:strong;
  text-align: justify;}}
i, em, .itext  {
  font-family:Lucida Handwriting; 
  font-size: 10px;
  color: d10f5d;
text-transform:lowercase;
  text-align: justify;}}

big, .bigtext {
font-family: tahoma; 
  font-size: 15px;
  color: 90928b;
  text-transform;uppercase;
  text-align:justify;}}

strike,{
font-family: tahoma; 
  font-size: 11px;
  color: d10f5d;
weight:strong;
  text-align: justify;}}

a:link,a:visited {
color:666666;
font-family:Century Gothic;
font-size:11px;
text-decoration:none;
letter-spacing:1px;
text-transform:lowercase;
}

a:hover {
color:e86800;
font-family:Century Gothic;
font-size:11px;
text-decoration:none;
letter-spacing:1px;
background-color:transparent;
cursor:help;
}
}

.h1 {
color:000000;
border-left:10px double;
border-right:10px double;
border-color:ace44c;
background-color:cee7f5;
letter-spacing:-2px;
font: 14pt century gothic;
text-align:Center;
text-transform:none;
margin-bottom:5px;}

</style>

<style>

.contactTable {border:0px; visibility:visible; position:absolute; top:115px; 
left:220px;z-index:9; width:219px !important; height:112px !important; 
padding:0px!important; 
background-image:url("http://cbimg6.com/layouts/08/09/31231ab.png"); 
background-attachment:Scroll; background-position:center center; 
background-repeat:no-repeat; 
background-color:transparent; cursor:crosshair;}
.contactTable table, .contactTable td {padding:0px !important; border:0px; 
background-color:transparent; 
background-image:none;}
.contactTable img {display:none;}
.contactTable a {display:block; height:22px; width:96px; background-amage:none; 
background-color:transparent; 
filter:none;}
</style>

</style>
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</center>

</div>

<center><b>bold font</b> <i>italic font</i> <u>underline font</u> <strike>strikethrough</strike><br />
<a href="Lastsunrise.net">Link</a> <big>big text</big>
</center>

Anything else you want to say? write it here :)<br /><br />

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

</div>

input.button {
background-color:transparent;
color:81807d;
text-transform: lowercase;
font-size:13px;
width:315px;
height:20px;
text-align:center;
font-family:century gothic;
border:1px solid;
border-color:81807d;
line-height:10px;
font-weight: normal;}
</style>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="XXXXXXXX" type="hidden" />
<textarea name="f_comments" class="area">Let's watch the sunset together...</textarea><br />
<input type="submit" class="button" value="Comment" /></form>

</div>