Facebook like

Designer's Comments

Look carefully for specific instructions

Preview does NOT work. Please take a look at a full-size screenshot instead.

How to use it:
1. This layout is a profile 2.0 layout. If you haven’t already, you’ll have to upgrade to MySpace Profile 2.0. This can be done by clicking the “Customise Profile” link in the “Profile” dropdown menu.
2. Go to the “Customise Profile” page.
3. Click “Select Theme” and choose the blank one.
4. Click “Change Layout” and choose a page width of 960px, and the layout with two columns.
5. Click “CSS” and paste the CSS code into the box.
6. Click “Change Layout” again (or any other option. You need to leave the CSS tab and go to another one for it to save the CSS settings).
7. Click “Publish“

If you don’t like the header, and would prefer the default MySpace one, delete everything between {! Begin header - Remove this section if you want the normal MySpace header !} and {! End header !}

My original blog post on this layout

Facebook and the Facebook layout are copyright Facebook, Inc.

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

{! Layout by Daniel15 !}

body
{
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	background: #FFF url(http://cbimg6.com/layouts/09/02/33691aa.png) repeat-x;
}

{! Begin header - Remove this section if you want the normal MySpace header !}
div#header,
div[id="googlebar"],
div[id="topnav"]
{
	background: transparent;
}

div#topnav ul
{
	border-right: none;
}

div#topnav ul li
{
	border-left: none;
	background-color: #D8DFEA;
	margin-right: 2px;
	margin-top: 1px;
}

div#topnav ul li.dropDown
{
	margin-top: -1px;
}

div#topnav ul li.dropDown li
{
	margin-top: 0;
}

div#topnav ul li a
{
	color: #3B5998;
	font-weight: bold;
}

{! Highlight the profile tab !}
div#topnav ul li#nav1000010
{
	background-color: #FFF;
	border-color: #D8DFEA;
	border-style: solid;
	border-width: 1px 1px 0 1px;
}

div#topnav ul li#nav1000010 a
{
	color: #000;
}

{! End header !}

body.layout_0_2_0 div.column0
{
	width: 22%;
}

body.layout_0_2_0 div.row1 div.column1
{
	width: 75%;
	float: right;
}

{! Modules !}
div.module
{
	border-top: 1px solid #94A3C4;
	border-right: 1px solid #D8DFEA;
	padding: 0 0 5px 0;
	margin: 0;
}

div.column1 div.module
{
	border-left: 1px solid #D8DFEA;
}

div.moduleMid
{
	padding: 0;
}

div.moduleTop
{
	display: none
}

div.moduleBottom
{
	display: none
}

{! Module headings !}
h3.moduleHead
{
	background-color: #ECEFF5;
	color: #333333;
	font-weight: bold;
}

div.moduleBody
{
	padding: 5px;
}

div.basicInfoModule
{
	border-right: none;
	border-top: none;
}

{! Interests and blurbs are "special" !}
div.interestsModule, div.column1 div.interestsModule,
div.blurbsModule, div.column1 div.blurbsModule
{
	border: 0;
}

div.interestsModule h3.moduleHead,
div.blurbsModule h3.moduleHead
{
	background: none;
	border-bottom: 1px solid #D8DFEA;
}

div.interestsModule li h4,
div.blurbsModule h4
{
	width: 119px;
	float: left;
	color: #808080;
	clear: left;
}

div.interestsModule li div
{
	margin-left: 120px;
	width: auto;
}

div.blurbsModule div.autoResize
{
	padding-left: 120px;
	width: auto;
}

div.blurbsModule h4
{
	margin: 0 0 1em -120px;
}

div.detailsModule li strong
{
	color: #808080;
	display: block;
	font-weight: normal;
}

{! Make friend images 50 by 50 max !}
div.friendSpaceModule ol.moduleList li img,
div.commentsModule ul.moduleList li img
{
	max-width: 50px;
	max-height: 50px;
}

{! Nice looking comments !}
div.commentsModule ul.moduleList div.userComment
{
	background-color: #EDEFF4;
	border-bottom: 1px solid #CAD1E2;
}

div.commentsModule ul.moduleList div.user
{
	background: url(http://cbimg6.com/layouts/09/02/33691ab.gif) no-repeat 100% 10px;
}

div.friendSpaceModule ol.moduleList li
{
	width: 63px;
	height: 60px;
	overflow: hidden;
}

div.friendSpaceModule ol.moduleList li .pilRealName
{
	display: none;
}

{! Show border at bottom of columns !}
div.columnEnd
{
	border-bottom: 1px solid #94A3C4;
}

{! Please keep this here !}
div.contentTop div div
{
	background: url(http://cbimg6.com/layouts/09/02/33691ac.png) no-repeat;
	width: 235px;
	height: 14px;
	position: absolute;
	top: 0;
	right: 0;
}

{! Change the MySpace logo to one with better colours for this theme !}
h2#mslogo a
{
	display: none;
}

h2#mslogo 
{
	padding: 0;
	margin: 19px 0;
	background: url(http://stuff.d15.biz/myspace_layouts/facebook/mslogo.png) no-repeat;
	width: 138px;
	height: 24px;
}

Layout Comments

Showing latest 10 of 29 comments

interesting.

By Butterface89 on Aug 31, 2010 11:19 am

awww i cant see whats so cool about this

By sheyka on Jul 27, 2010 8:06 pm

This Is Cool. You Should Make One That Looks Like Twitter ;)

By fabihinostroza on Jun 18, 2009 3:42 am

Very cool, thank you :)

By Dare-You-To-Move on May 14, 2009 2:15 am

Cool layout

By Medi on Mar 16, 2009 6:48 pm

@StubbornFemme, as it says in the description, "Preview does NOT work. Please take a look at a full-size screenshot instead."
Preview on CreateBlog doesn't work on Profile 2.0 layouts, it seems. =[

By Daniel15 on Mar 16, 2009 5:35 am

the layout is pretty much all over the place when you preview it..are you going to fix it soon?

By StubbornFemme on Mar 8, 2009 9:05 pm

This is pretty siiick!

By YDG on Feb 21, 2009 7:46 pm

@Lucyrebeccababes: Could you please post a screenshot of how it appears in Safari on Mac?

By Daniel15 on Feb 19, 2009 1:32 am

Thiss doesnt work properly with mac/safari ,, Just to let you no but from the preview it looks pretty good!

By Lucyrebeccababes on Feb 15, 2009 2:38 pm

View all »

Layout Details

Designer	Daniel15
Submitted on	Feb 7, 2009
Page views	40,872
Favorites	78
Comments	29
Reviewer	micron
Approved on	Feb 9, 2009

Facebook like

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates