Autumn.

Designer's Comments

Look carefully for specific instructions

CB's preview is off.
Click here for an accurate one.

I didn't know I never made a fall div before. So...I made one.

Photo credit: TouTouke

Want the 1.0 version?
Click here.

Visit my website for more schtuff.

Using This Layout

For specific instructions read designer's comments

1. Log into myspace.com
2. Click on Edit Profile (Profile 2.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to CSS (Profile 2.0)

Help

body{
background-color:#702900;
background-image:url(http://cbimg6.com/layouts/09/11/35941aa.png);
background-position:top center;
background-repeat:repeat;
background-attachment:scroll;
overflow-x:hidden; }

.background1{
position: absolute; 
left: 50%;
margin-left:-425px;  
top: 100px;
z-index:0;}

.background2{
position: absolute; 
left: 50%;
margin-left:-425px;  
top: 454px;
z-index:0;}

.section1{
position: absolute; 
left: 50%; 
margin-left:-83px; 
top: 530px; 
height:95px; 
width:400px; 
text-align:justify;
overflow:auto;
padding-right:5px;}

.section2{
position: absolute; 
left: 50%; 
margin-left:-310px; 
top: 225px; 
height:225px; 
width:145px; 
text-align:left;
overflow:hidden;
padding-right:5px;}

.section3{
position: absolute; 
left: 50%; 
margin-left:-290px; 
top: 535px; 
height:130px;
text-align:right;
overflow:hidden;
padding-right:5px;
line-height:22px !important;}

.section4{
position: absolute; 
left: 50%; 
margin-left:-230px; 
top: 535px; 
height:130px;
text-align:left;
overflow:hidden;
padding-right:5px;
line-height:22px !important;}

.atomic{
position:absolute; 
top:0px; 
left:0px;
width:44px;
height:15px;
overflow:hidden;}

div{
font:10px georgia; 
color:#f2ce7d; 
font-weight:none; 
text-transform:none; 
line-height:17px;}

a:active,a:visited,a:link,a{
font:10px georgia;
color:#bc5400;
text-decoration:none;}

a:hover{
font:10px georgia;
color:#f2ce7d;
text-decoration:none;}

a.nav:active,a.nav:visited,a.nav:link,a.nav{
color:#bc5400;
font:italic 19px georgia;
display:block;
padding-bottom:9px;
text-transform:lowercase;
text-decoration:none;
letter-spacing:-1px;}

a.nav:hover{
color:#f2ce7d;
font:italic 19px georgia;
display:block;
padding-bottom:9px;
text-transform:lowercase;
text-decoration:none;
letter-spacing:-1px;}

.section3 strong{color:#100300;}

strong{color:#ffa500;}
em{color:#bc5400; font-weight:bold;}

.commentsModule, .friendSpaceModule, .blogsModule, .global, span.bft, a.text, .moduleHead, div.blurbsModule h4, div#googlebar, .profileUserInfo, .basicInfoDetails, .vcard, #footer, #topnav li{display: none;} .clearADfix {position: absolute;left: 50%; margin-left: 140px; top: 386px; height: 35px;width: 105px; z-index: 3;} div#modulebasicInfo, .interestsModule, .detailsModule, .schoolsModule, a.bft, .networkingModule {display: none;} div.contentMid, .globalWidth, #header, div#header div#topnav {background: transparent none;} html[xmlns] .musicPlayerModule {position:absolute; right:0px; top:0px; width:45px; height:54px;} object[id~=shell]{width:45px; height:54px;}

Layout Code

Copy and paste to About Me (Edit Profile)

Help

<div class="section1">
<strong>Bold.</strong> <em>Italic.</em> <a href="http://www.atomicaffliction.com">Link.</a><br>
This is where you'll need to fill in your about me. It's a fairly small area, so this layout is best for those of you who like to keep things short, sweet, and to the point. Don't forget to replace the XXXXXXs with your ID before you save! If you don't do this, the links will not work and you'll have to recopy the code to fix it.
</div>

<div class="section3">
<b>Name:</b><br>
<b>Age:</b><br>
<b>Gender:</b><br>
<b>Location:</b><br>
<b>Status:</b><br>
</div>

<div class="section4">
Name here<br>
Age here<br>
Male or Female?<br>
Locale here<br>
Status here<br>
</div>

<div class="section2">
<a target="self" class="nav" href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>
<a target="self" class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXX">Add</a>
<a target="self" class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXX">Message</a>
<a target="self" class="nav" href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXX">Block</a>
<a target="self" class="nav" href="http://blogs.myspace.com/index.cfm?fuseaction=blog.ListAll&friendId=XXXXXX">Blog</a>
<a target="self" class="nav" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXX">Pictures</a>
<a target="self" class="nav" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXX">Comments</a>
</div>

Layout Comments

Showing latest 10 of 16 comments

Just amazing... all the links work, no difficult scrolling, beautiful shades and mood, simple structure thats maintainable and pure, and just all in all amazing, keep it up looking forward to your layouts.

By Breon on Dec 16, 2009 1:37 pm