Atmosphere

Designer's Comments

Look carefully for specific instructions

I'm proud of this one, I really do like this layout a lot. Hope you do too.

But yeah, do the usual, replace the XXXXXX's with your Friend ID, and fill in the content with your About Me, etc.

Danke.

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 {
background-color:000000;
background-image: url("http://cbimg6.com/layouts/08/04/05/26687aa.png");
background-position: 8px;
background-repeat: repeat;
background-attachment: scroll;
scrollbar-arrow-color:000000;
scrollbar-track-color: DADADA;
scrollbar-shadow-color: DADADA;
scrollbar-face-color:DADADA;
scrollbar-highlight-color:DADADA;
scrollbar-darkshadow-color:DADADA;
scrollbar-3dlight-color:DADADA;}

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

table table table {border: 0px solid; border-color: none; background-color: none; }

.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:-10px;text-align:left;}
table,td,tr{padding:0px;width:-10;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}

body,table, td, li, p, div, textarea  
{font:normal 9px tahoma; color:ffffff; font-weight:none; border:0px; text-transform: none; line-height:18px;}

.text {font:normal 9px tahoma; color:ffffff; font-weight:none; border:0px; text-transform: none; line-height:20px;}     
  
.blacktext10{font-family: tahoma; font-size:9px;  color:ffffff; font-weight:none;border:0px; text-transform: uppercase;}  
  
a:link, a.man{font-family:tahoma; font-size:9px; color:858585; font-weight:none;border:0px; text-transform: capatalize; letter-spacing: 0px;}  
a:active{font-family:tahoma; font-size:9px; color:858585; font-weight:none;border:0px; text-transform: capatalize;}  
a:visited{font-family:tahoma; font-size:9px; color:858585; font-weight:none;border:0px; text-transform: capatalize;} 
a:hover{font-family:tahoma; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: capatalize;}

.standard b, p b, B, strong {
font-family:tahoma; font-size:9px; color:CECECE; font-weight:none;border:0px; text-transform: capitalize; }
}

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;}

.titles {font-family:tahoma;font-size:9pt; line-height:10pt;color:000000;font-weight:bold; border-bottom: 2px solid;border-color:C4C4C4;background-color:ffffff; letter-spacing:1pt;text-align:left; text-decoration:none;text-transform:uppercase;}

div table div div select {position:absolute !important;  top:-400px !important; left:-400px !important; }

.navigationBar{display:none;}
.a {hide top search bar}
div div select, div div form {display:none !important;}
.userProfileDetail {display:none!important;}
.contactTable {display: none;}
body div td div div select {position:absolute!important;top:-1000px;}
body div div form {display:none !important;}
table table div form {display:inline !important;}

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,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
td.text table table {display:inline; visibility:visible;}
.friendSpace { display:none; }
.friendsComments { display:none; }
a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
table tr td div font {display: none;}

td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}

.extra {
width:254px; height:autopx; overflow:hidden;
position:absolute; z-index:2; left:258; top:545;
visibility:visible; padding:1px; text-align:justify;  border-bottom:1px solid; border-color:FFFFFF; background-color:000000;}

.aboutme {
 width:335px; height:autopx; overflow:hidden; position:absolute; z-index:2; left:524; top:545; visibility:visible; padding:1px; text-align:justify;  border-bottom:1px solid; border-color:FFFFFF; background-color:000000;}

a.navigate:link,a.navigate:active,a.navigate:visited {font:normal 9px tahoma; letter-spacing:0px; display:block; margin-bottom:1px; border-bottom: 1px solid;border-color:000000 line-height:10px; color:FFFFFF; text-align:left; valign:center; background-color:858585;
border-right: 5px solid; text-decoration:none !important;}

a.navigate:hover {font:normal 9px tahoma; letter-spacing:0px; display:block; margin-bottom:1px; line-height:11px; color:ffffff; text-align:left; valign:center; background-color:000000; text-decoration:none !important; border-right: 8px solid;}

.home{z-index:5;line-height:10px;position: absolute;width:83px;height:73px;left:184;top:503}
.add{z-index:5;line-height:10px;position: absolute;width:71px;height:70px;left:278;top:503}
.msg{z-index:5;line-height:10px;position: absolute;width:140px;height:76px;left:356;top:503}
.pics{z-index:5;line-height:10px;position: absolute;width:69px;height:79px;left:510;top:503}
.blog{z-index:5;line-height:10px;position: absolute;width:81px;height:39px;left:586;top:503}
.cmnt{z-index:5;line-height:10px;position: absolute;width:150px;height:69px;left:672;top:503}
.blk{z-index:5;line-height:10px;position: absolute;width:92px;height:73px;left:827;top:503}

.homelink{height: 33px; width: 85px; overflow: hidden; background:
url(http://cbimg6.com/layouts/08/04/05/26687ab.png) top left no-repeat;
display: block;}
.homelink:hover{background-position: bottom left;}
.addlink{height: 30px; width: 71px; overflow: hidden; background:
url(http://cbimg6.com/layouts/08/04/05/26687ac.png) top left no-repeat;
display: block;}
.addlink:hover{background-position: bottom left;}
.msglink{height: 36px; width: 140px; overflow: hidden; background:
url(http://cbimg6.com/layouts/08/04/05/26687ad.png) top left no-repeat;
display: block;}
.msglink:hover{background-position: bottom left;}
.picslink{height: 39px; width: 69px; overflow: hidden; background:
url(http://cbimg6.com/layouts/08/04/05/26687ae.png) top left no-repeat;
display: block;}
.picslink:hover{background-position: bottom left;}
.bloglink{height: 39px; width: 81px; overflow: hidden; background:
url(http://cbimg6.com/layouts/08/04/05/26687af.png) top left no-repeat;
display: block;}
.bloglink:hover{background-position: bottom left;}
.cmntlink{height: 33px; width: 150px; overflow: hidden; background:
url(http://cbimg6.com/layouts/08/04/05/26687ag.png) top left no-repeat;
display: block;}
.cmntlink:hover{background-position: bottom left;}
.blklink{height: 33px; width: 92px; overflow: hidden; background:
url(http://cbimg6.com/layouts/08/04/05/26687ah.png) top left no-repeat;
display: block;}
.blklink:hover{background-position: bottom left;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme"><p class=titles>Intructions</p><ul>
<li>Get your Friend ID and replace the XXXXXX's with it.
<li>Rename Headers with your own titles.
<li>Replace Content text with your about me, or other.
<li>Save all changes after your done.
<li>Leave the credit on.
<li>Enjoy the layout.
</ul>
<p class=titles>CSS</p><a href="http://www.msplinks.com/MDFodHRwOi8vbXlzcGFjZS5jb20=">Link</a><br><b>Bold</b><br><u>Underline</u><br><i>Italic</i><br><strike>Strike through</strike><br><li>Bullet</li>
</div>

<div class="extra"><p class="titles">Links</p><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="navigate">Link</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1YWFhYWFg=" class="navigate">Link</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9WFhYWFhY" class="navigate">Link</a>
<p class="titles">Now Playing</p><b>Song:</b> PUTSONGHERE<br><b>Artist:</b> PUTARTISTHERE<p class=titles>TITLE HERE</p>
Put something here, a music section, lyrics, reduced video, whatever just fill this up so it looks nice. Put something here, a music section, lyrics, reduced video, whatever just fill this up so it looks nice. Put something here, a music section, lyrics, reduced video, whatever just fill this up so it looks nice. So you can end this music, music, music, music, music, music, music.
</div>

Layout Comments

Showing latest 9 of 9 comments

I want to add this to my myspce but am unsure exactly how to add my personal stuff into the codes...Please help

By chasitysmall on Apr 11, 2008 4:05 pm

and comments, sorry for doubleposting

By swishhh on Apr 7, 2008 8:15 pm

is there a way to unhide the topfriends?!

By swishhh on Apr 7, 2008 8:14 pm

Thank you. I've been trying out new stuff in PS, and my Style Sheet.

By Marlons on Apr 6, 2008 4:31 pm

i like the navigation.
if people don't know how to work DIV's don't use them or ask for help.
i think this is nice.

By vintage-toile on Apr 6, 2008 9:39 am

Well is the nav not showing up? Becuase they are saved as PNG's so it takes a little bit to load the images.

and what's so no?

By Marlons on Apr 5, 2008 5:54 pm

IS THERE SOMETHING I GOTTA DO SO I CAN USE YOUR LAYOUT CAUSE IT ISNT WORKING 4 ME?

By hydro6k on Apr 5, 2008 5:42 pm

da nav wont work!!!!

By MiZGeO on Apr 5, 2008 3:07 pm

um no.

By bobbyrocks15 on Apr 5, 2008 2:17 pm

Layout Details

Designer	Marlons
Submitted on	Apr 4, 2008
Page views	20,143
Favorites	42
Comments	9
Reviewer	miyashu
Approved on	Apr 5, 2008

Atmosphere

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates