Facebook Layout for Myspace

Preview how it looks in Myspace

(1 votes, average: 5 out of 5)

Loading ...

SIMILAR LAYOUTS

Venture Brothers Myspace Layout

Mario Kart Wii Myspace Layout

Bratty Calvin and Hobbes Myspace Layout

Barack Obama - Progress - Myspace Layout

Grungy Sunburst Myspace Layout

INSTALL THIS LAYOUT
Click on the code below to copy it:

<div class="masthead"><span><a href="http://www.lcdlove.com" style="margin-left:35px;">More Layouts & Graphics by LCD Love</a></span></div>

NOTE {Reduce font metrics to tighten up top of screen... apply background color... apply IE-only background image if desired}

body {font-size: 1px; line-height: 1px;background-color:FFFFFF; font-family: Verdana, Arial, sans-serif; background: FFFFFF; }

NOTE {Apply better spacing to paragraphs}

p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important}

NOTE {Set standard color and style for links}

a, a:link, a:visited {color:3b5998; text-decoration: none;}

a:hover {color:ffffff; background-color: 3b5998; text-decoration: none}

NOTE {Brought to you by the Images Without Borders coalition}

img {border: none}

NOTE {Set the BR height to create a vertical space between modules which is equal to the horizontal space between columns... gotta keep the grid tidy}

br {line-height: 20px;}

NOTE {Apply standard form-taming}

form {border-width:0px;background-color:none;}

input {background-color:transparent !important}

NOTE {Shifts banner ad over by a few pixels to re-center it}

body>div {margin-left: 10px;}

NOTE {Zeros out messed up colors and spacing that are inherent to most MySpace tables}

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

table table table td {background-color:transparent;margin:0px;padding: 0 26px 15px 26px}
</style>
<div style="position:absolute; top:0; left:0"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmxjZGxvdmUuY29t" target="_blank"><img src="http://img.lcdlove.com/lcdlovebadge.gif" border="0" alt="LCD LOVE Myspace Layouts, Graphics, Codes and More from LCDLOVE"></a></div>
<style type="text/css">
NOTE {These are your standard content modules... apply desired background color}

table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}

table table table table td {padding:0px;margin:0px;}

table table table {margin:0px; background-color:ffffff; width: 100% !important; }

NOTE {This is your custom masthead}

.masthead {width: 850px; height: 100px; position: absolute; margin-left: -435px; left: 50%; top: 167px; background-image: url(http://img.lcdlove.com/myspace-layouts/facebook-mimic-1.2.gif); }

NOTE {Pushes your content down to make room for the masthead}

body table {margin-top:84px;}

body td table, body div table {margin-top: 0;}

NOTE {Sets default style for topnav/bottomnav text}

font {color: 3b5998; font-size:10px}

a font:hover {color:000000}

a.navbar:link, a.navbar:visited {color:3b5998;}

a.navbar:hover {color:ffffff; background: 3b5998; }

table tr td table tr td font {display: inline;}

table tr td table a.navbar {font-size: 10px;}

NOTE {Sets default color for most text on the page}

.text {color:000000;font-size:11px}

a.text:link, a.text:visited {color:3b5998;}

a.text:hover {color:ffffff; background: 3b5998;}

NOTE {How your name will look}
.nametext {color: 3b5998; font-size: 12px; font-family: helvitica, arial, sans-serif; font-weight: bold; background-image: url(http://img.lcdlove.com/myspace-layouts/arrow.jpg); background-position: 1px 5px; background-repeat: no-repeat; width: 328px; text-align: left; padding: 3px 0px 0px 15px; display: block; margin: 0px 0px 0px 0px; border-width: 1px 0px 0px 0px; border-style: solid; border-color: 3b5998; background-color: eeeeee; }

NOTE {Your "Contact Me" table... replace existing crap buttons with custom image}

.contactTable {width: 328px !important;}

.contactTable td {padding: 0px; margin: 0px; text-align: center;}

.contactTable span.whitetext12 {position: relative; left: 10px;}

.contactTable td table {background-color: transparent; background-image: url(http://img.lcdlove.com/myspace-layouts/contact-table.gif); background-position: center; background-repeat: no-repeat;}

.contactTable a {padding: 0px; margin: 0px 0px 1px 5px; display: block; height: 30px; width: 136px; background-color: transparent;}

.contactTable a img, .contactTable img {border: 0px; display: none; visibility: hidden;}

NOTE {Stretches URL box out for IE}

table tr td table tr td table tr td div strong {display: block; width: 270px;}

NOTE {These are the headlines on the left side modules}

.whitetext12 {color:3b5998; font-size: 12px; margin: 0px 0px 4px 0px; padding: 3px 0px 3px 15px; text-align: left; display: block; font-family: Helvetica, Arial, sans-serif; font-weight: bold; border-width: 1px 0px 0px 0px; border-style: solid; border-color: 3b5998; width: 328px; background-color: eeeeee; position: relative; left: -12px; background-image: url(http://img.lcdlove.com/myspace-layouts/arrow.jpg); background-position: 1px 5px; background-repeat: no-repeat; }

NOTE {This is the text in the "... is in your extended network" box}

.blacktext12 {color: 3b5998; font-size:17px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; display: block; margin: 0px 0px 4px 0px; padding: 3px 0px 3px 15px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: 999999; position: relative; left: -12px; }

NOTE {"Latest Blog Entry" and "___ has this many friends" headlines}

.btext {color:3b5998; font-size: 12px; margin: 5px 0px 4px 0px; padding: 3px 0px 3px 15px; text-align: left; display: block; font-family: Helvetica, Arial, sans-serif; font-weight: bold; border-width: 1px 0px 0px 0px; border-style: solid; border-color: 3b5998; width: 372px; background-color: eeeeee; position: relative; left: -12px; background-image: url(http://img.lcdlove.com/myspace-layouts/arrow.jpg); background-position: 1px 5px; background-repeat: no-repeat;}

NOTE {All other headlines in right column modules}

.orangetext15 {color:3b5998; font-size: 12px; margin: 5px 0px 4px 0px; padding: 3px 0px 3px 15px; text-align: left; display: block; font-family: Helvetica, Arial, sans-serif; font-weight: bold; border-width: 1px 0px 0px 0px; border-style: solid; border-color: 3b5998; width: 372px; background-color: eeeeee; position: relative; left: -12px; background-image: url(http://img.lcdlove.com/myspace-layouts/arrow.jpg); background-position: 1px 5px; background-repeat: no-repeat;}

NOTE {Bold text on left side in "Interests" and "Details" modules}

.lightbluetext8 {color: 999999; }

NOTE {Span which contains your number of friends.}

.redtext,.redbtext {color:000000; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold}

NOTE {Text for "View All of ____'s Friends"}

a.redlink:link {color:3b5998; text-align: center; margin: 0px auto; padding-top: 3px;}

a.redlink:visited {color:3b5998;}

a.redlink:hover {color:ffffff; background: 3b5998; }

NOTE {Removes lame underlines on footer links}

u {text-decoration: none; font-size: 10px;}

a.searchlinkSmall:link, a.searchlinkSmall:visited { color:3b5998; } 
a.searchlinkSmall:hover, a.searchlinkSmall:active { color:3b5998; background-color: ffffff; text-decoration: underline; }

</style>

NOTE {Here, we basically undo a bunch of crap we had to do to get IE to play nice}

.whitetext12{width: auto}

.contactTable {
	width: auto !important;
}

.contactTable span.whitetext12 {
	left: 0;
}

.orangetext15 {width: auto;}

table table table td{padding: 0;}

table table table {
padding: 0 14px 14px 14px;
border-color: d7c59f;
}

table table table {max-width: 423px;}

.nametext {
height: 35px;
width: auto;
}

table tr td table tr td table tr td div strong {
	display: inline;
	width: auto;
}

</style>
</comment>

Filed under: Layouts, Trendy on September 13th, 2007

One Response to “Facebook Layout for Myspace”

Hid Conversion Kits said:
Hahaha, way to stick it to myspace, honestly I think myspace is on the way out

Posted on February 3rd, 2008 at 12:03 am