Rhapsody

Designer's Comments

Look carefully for specific instructions

** The ads do appear correctly when placed into MySpace,as you can see in the screenshot, even though they do not show on the CreateBlog preview. **

Don't forget to replace the XXXXXX with your ID and also replace the FRIENDIDHERE with your friend's Id's.

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 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; }
a.navbar:active, a.navbar:visited, a.navbar:link { display:none;}
a.navbar:hover { display:none; }
.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;}
td td embed, td td object {position:absolute; left:0px; top:0px; width:260px; height:47px;}
td.text embed {width:260px; height:38px;}td.text embed, td.text object {width:260px; height:38px;}

h1 {
          font-family: Time New Roman;
          font-size: 20pt;
          color: ffffff;
          font-weight: normal;
          border-bottom: 3px double;
          border-color: 009900;
          text-align: right;}
          
   	h2 {
	  font:22px impact;
	  color:e69595;
	  text-align:right;
	  text-transform:lowercase;
	  line-height:22px;
	  letter-spacing:-1;
	  margin-bottom: 0px;}

h3{
	  font:30px century gothic;
	  color:e69595;
	  text-align: right;
	  text-transform:uppercase;
	  line-height:30px;
	  letter-spacing:-3;
	  border-bottom: 1px dashed;
	  margin-bottom: 2px;
	  width: 100%;}

big{
	  font-family:arial; 
	  color:70a18d; 
	  font-size: 28px; 
	  letter-spacing:-2pt; 
	  text-align: center; 
	  line-height: 27px; 
	  font-weight:normal; 
	  display:block; 
	  background-color:e69595; 
	  background-image: url(http://cbimg9.com/layouts/08/10/32193ad.gif);
	  visibility:visible;
	  border-bottom:dashed 1px; 
	  border-top:dashed 1px; 
	  border-color:70a18d;
	  text-align:center;
	  text-transform:lowercase;}

small{
	  font:30px century gothic;
	  color:c9cc82;
	  text-align:center;
	  text-transform:uppercase;
	  line-height:30px;
	  letter-spacing:-3;
	  border-bottom:;
	  margin-bottom: 2px;}

b {color: 839a5c ;}

i {font-family: times new roman; color: ;}

u {color: ;}

ul {color: ;}
 
strike {color: ; font-size: 10pt; font-style: strikethrough; }

blockquote {background-color: ; border: 1px solid; border-color: ; padding: 5px;}

body {
          background-color: 446d5c; 
          background-image: url(http://cbimg9.com/layouts/08/10/32193ae.gif); 
          background-repeat: repeat-y; 
          background-position: center;

scrollbar-face-color: ; 
          scrollbar-arrow-color: ; 
          scrollbar-track-color: ; 
          scrollbar-shadow-color: ; 
          scrollbar-highlight-color: ; 
          scrollbar-3dlight-color: ; 
          scrollbar-darkshadow-color: ;}

.nava:link, .nava:active, .nava:visited {
        text-decoration: none;
	text-transform: lowercase;
	font-family:arial;
	font-style: normal;
	font-variant: arial;
	font-size: 12px;
	line-height: 10px;
	text-align: left;
	color:black!important;
	background-color:e1ffeb;
	cursor: hand;
	display: block;
	margin: 1;
	margin-bottom: 1;}

.nava:hover {
        text-decoration: none;
	text-transform: lowercase;	
	font-family:arial;
	font-style: normal;
	font-variant: arial;
	font-size: 12px;
	line-height: 10px;
	text-align: left;
	color:black!important;
	background-color:e1ffeb;
	border-right: 20px solid;
	border-color: c9cc82 !important;
	cursor: hand;
	display: block;
	margin: 1;
	margin-bottom: 1;
	padding-left: 1px;
	padding-right: 1px;}

a:link, a:active, a:visited {color: 839a5c; font-family:small fonts; font-size: 7px; font-weight: normal; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; line-height: 10px;}
a:hover {color: c9cc82; font-family:times; font-size: 20px; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; line-height: 15px;}

.header {position: absolute; top:  -100px; left: 50%; margin-left: -530px;}
.footer {position: absolute; top:  1500px; left: 50%; margin-left: -209px;}

.left    {position: absolute; top: 247px; left: 50%; margin-left: -195px; height:; width: 195px; font-family: times new roman; font-size: 12pt; color: cccccc; background-color: transparent; text-align: center;}
.right   {position: absolute; top: 247px; left: 50%; margin-left:    0px; height:; width: 195px; font-family: times new roman; font-size: 12pt; color: cccccc; background-color: transparent; text-align: center;}
.navbox  {background-color: cff0da; background-image: url(); border: ; font-family: arial; font-size: 11px; color: 91c1b0; text-align: center; cursor: hand; line-height: 10px; font-weight: normal; padding: 0px; text-transform: none;}
 
.content {position: absolute; top: 320px; left: 50%; margin-left: -195px; height:; width: 390px; font-family: times new roman; font-size: 12pt; color: cccccc; background-color: transparent; text-align: center;}
.navbox2 {background-color: cff0da; background-image: url(); border: 1px solid #70a18d; font-family: arial; font-size: 11px; color: 70a18d; text-align: center; cursor: hand; line-height: 10px; font-weight: normal; padding: 2px; text-transform: none;}
.navbox3 {background-color: c8e4d8; background-image: url(); border: ; font-family: arial; font-size: 11px; color: 00000; text-align: justify; cursor: hand; line-height: 10px; font-weight: normal; padding: 2px; text-transform: none;}

</style>

<div class="left">
<p class="navbox">
<a href="http://home13.myspace.com/index.cfm?fuseaction=user" class="nava">Home</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" class="nava">My Photos</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nava">Message Me</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nava">Add Me</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=XXXXXXXX&public=0" class="nava">Favorite</a>
</p></div>

<div class="right">
<p class="navbox">
<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="nava">My Friends</a>
<a href="http://comments.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" class="nava">My Comments</a>
<a href="http://www.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=XXXXXXXX" class="nava">Add Comment</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="nava">My Blog</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nava">Block Me</a>
</p></div>

<p class="navbox2">
<img src="http://cbimg9.com/layouts/08/10/32193ab.gif" /></br>
<small>NAME</small></br>
Age/Sex: age here		</br>
Birthday: b-day			</br>
Location: somewhereville	</br>
Quote: 	"lalalalala"		</br></br>
</p>

<big>Interests</big>
<p class="navbox3">
Music, Movies, Television .... anything you want to let people know about your general interests would go here.
</br></br></p>

<big>Expressions</big>
<p class="navbox3">
Avatar/Blinkies Here (just make sure they aren't wider than [390]px)
</br></br></p>

<big>People to See</big>
<p class="navbox3">
<a href="http://www.myspace.com/FRIENDID">Name</a></br>
<a href="http://www.myspace.com/FRIENDID">Name</a></br>
<a href="http://www.myspace.com/FRIENDID">Name</a></br>
<a href="http://www.myspace.com/FRIENDID">Name</a></br>
<a href="http://www.myspace.com/FRIENDID">Name</a></br>
</p>

<h3>Miscellaneous</h3>
<p class="navbox3"></br>
You can add another section here. Maybe a music player or a slideshow...whatever your little heart desires. Remember to make sure the width of any images/graphics you put in here also doesn't exceed [390]px.
</br></br> Here is an example of what your text would look like <b>bold</b>, and here's some <i>italic</i> and we'll even try it with <u>underline</u>....
</br></br>
This would be a good place to place any surveys, quizzes, etc. that you would normally put in your about me section. Plenty of room, and the boxes will heighten as you continue to add stuff.
</br></br></p>

<h3>Send Me A Comment</h3>
<p class="navbox3"></br>
<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="width:300px; height:50px;"></textarea><br><input type="submit" value="Submit" style="width:50px; height:20px;">
</p></div>

</style>

Layout Comments

Showing latest 8 of 8 comments

great layout! love it! psssh... there's something wrong w/ her (goth-nina) computer, because there's nothing off. it's perfect! =)

By Be-Me on Nov 5, 2008 8:31 pm

i like it!!

By Be-Me on Oct 28, 2008 9:55 pm

are we allowed to change the color of any of the layouts as long as we still link back and dont claim it? This layout is very pretty but I dont link the colors pink. Are we ok to change them as long as we still credit back or is that something you are firm on.

By annarandom on Oct 25, 2008 5:46 pm

Very nice :)

By Psychopath on Oct 25, 2008 11:55 am

It's a bit off, but goth-nina probably hit it on the head with that. It's probably just the CB preview. Other than that, everything looks great. Only thing I don't like is the comment box. Great colors.

By Naekipz on Oct 25, 2008 1:40 am

I like the colours :]

By Decode on Oct 24, 2008 8:20 pm

Cute, little too simples. Needs more design .

By AuFait00 on Oct 24, 2008 7:45 pm

hmm it's alittle off, but i bet CB had something to do with it.
i love the background color, & the borders when you hover it on the navi bar. nice job [;

By goth-nina on Oct 24, 2008 7:42 pm

Layout Details

Designer	MissPixxed
Submitted on	Oct 24, 2008
Page views	11,530
Favorites	75
Comments	8
Reviewer	jaeminnie
Approved on	Oct 24, 2008

Rhapsody

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates