Maroon.Brown Layout

Directions:

Paste Codes In Correct areas
Replace all the XXXXXXX with your Friend ID
Replace all friendurlhere with your Friend's URL

About:

I made this layout a while back and decided to share it to the cB Community. It took me a while so please don't claim it as your own. If you need any assistance please contact me.

Works in IE and FF

• 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

<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>Pedro.Layout{-- DON'T CLAIM THIS LAYOUT AS YOUR OWN --} Pedro.Layout{** This profile was designed and coded by **} Pedro.Layout{-- http://createblog.com/detective --} <style type="text/css"> table, tr, td {background:transparent;} table table table table, table .contactTable {display:none;} td.text table{visibility:hidden;} .nametext, .whitetext12, .orangetext15 {display:none;} div table td font {display: none;} td.text table table {display:inline;visibility:visible;} table, td{border-width:0px;} .byebye{display:none;} .navigationBar{display:none;} body div div form {display:none !important;}table table div form {display:inline !important;} body div td div div select {position:absolute!important;top:-1000px;} .extendedNetwork {display:none !important;} body{ background-color:332620; background-image:url(http://cbimg6.com/layouts/07/12/17/23853aa.jpg); background-position:top center; background-repeat:repeat-x; } body, table, th, td, font, div, ol , p { color:000000; font-family: trebuchet ms, sans-serif; font-size: 11px; line-height: 16px; } .main{ width:488px; _width:588px; height:788px; _height:800px; position:absolute; top:134px; left:50%; margin-left:-360px; padding:4px; z-index:2; } .aboutheader{ width:187px; _width:189px; height:288px; _height:300px; position:absolute; top:289px; left:50%; margin-left:-121px; padding:4px; z-index:2; background-color:AAAAAA; text-align:justify; } .sidebar{ width:187px; _width:170px; height:288px; _height:300px; position:absolute; top:285px; left:50%; margin-left:-331px; padding:4px; z-index:2; background-color:AAAAAA; text-align:justify; } .aboutme{ width:460px; _width:468px; height:610px; _height:610px; position:absolute; top:318px; left:50%; margin-left:-118px; padding:4px; z-index:2; background-color:transparent; text-align:justify; } .navig { position: absolute; left: 50%; top:243px; margin-left:-336px; width: 750px; height: 24px; z-index:2; overflow:hidden; } .navig a {display:block;float:left;filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;} .navig a:hover {filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; -khtml-opacity:1.00;} b,strong{ color:84090B; font-size:11px; cursor:default; line-height:10px; letter-spacing:0px; font-family:arial; text-transform:normal; } s{ color:757373; font-size:11px; cursor:default; line-height:10px; letter-spacing:0px; font-family:arial; text-transform:normal; font-weight:bold; } i,cite,em{ color:757373; font-size:11px; cursor:default; line-height:10px; letter-spacing:0px; font-family:arial; text-transform:normal; font-weight:bold; } u{ color:262424; font-size:11px; cursor:default; line-height:10px; letter-spacing:0px; font-family:arial; text-transform:normal; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:830908; font-weight:bold; } .aboutheader{ width:475px; _width:477px; height:32px; _height:32px; display:block; padding:2px; font-family:verdana, sans-serif font-size:10px; color:ffffff; line-height:22px; text-indent:22px; font-weight:bold; height:22px; background:url(http://cbimg6.com/layouts/07/12/17/23853ab.jpg) left repeat} .menuheader{ width:182px; _width:186px; height:32px; _height:32px; display:block; padding:2px; font-family:verdana, sans-serif font-size:10px; color:ffffff; line-height:22px; text-indent:22px; font-weight:bold; height:22px; background:url(http://cbimg6.com/layouts/07/12/17/23853ac.jpg) left repeat} a.navi:link, a.navi:active, a.navi:visited { display:block; width:195px; _width:195px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/07/12/17/23853ad.jpg"); background-position:top left; background-repeat:no repeat; color:000000; text-decoration:none; text-indent:22px; font-weight:bold; height:22px; line-height:22px; font-size:10px; font-family:verdana, sans-serif } a.navi:hover { background-image:url("http://cbimg6.com/layouts/07/12/17/23853ad.jpg"); background-position:top right; color:84110E; text-indent:22px; </style>

<div class="main"> <img src="http://cbimg6.com/layouts/07/12/17/23853ae.jpg"></a> </div> <div class="navig"><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy"><img src="http://cbimg6.com/layouts/07/12/17/23853af.jpg" width="47" height="24" border="0"/></a><a href="http://www.msplinks.com/MDFodHRwOi8vYnJvd3NldXNlcnMubXlzcGFjZS5jb20vYnJvd3NlL2Jyb3dzZS5hc3B4Pw=="><img src="http://cbimg6.com/layouts/07/12/17/23853ag.jpg" width="58" height="24" border="0"/></a><a href="http://www.msplinks.com/MDFodHRwOi8vc2VhcmNoLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWZpbmQ="><img src="http://cbimg6.com/layouts/07/12/17/23853ah.jpg" width="58" height="24" border="0"/></a><a href="http://www.msplinks.com/MDFodHRwOi8vZmlsbS5teXNwYWNlLmNvbS8="><img src="http://cbimg6.com/layouts/07/12/17/23853ai.jpg" width="40" height="24" border="0"/></a><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuaW5ib3g="><img src="http://cbimg6.com/layouts/07/12/17/23853aj.jpg" width="40" height="24" border="0"/></a><a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLmNvbnRyb2xjZW50ZXI="><img src="http://cbimg6.com/layouts/07/12/17/23853ak.jpg" width="40" height="24" border="0"/></a><a href="http://www.msplinks.com/MDFodHRwOi8vZm9ydW0ubXlzcGFjZS5jb20v"><img src="http://cbimg6.com/layouts/07/12/17/23853al.jpg" width="49" height="24" border="0"/></a><a href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tLw=="><img src="http://cbimg6.com/layouts/07/12/17/23853am.jpg" width="58" height="24" border="0"/></a><a href="http://www.msplinks.com/MDFodHRwOi8vdmlkcy5teXNwYWNlLmNvbS8="><img src="http://cbimg6.com/layouts/07/12/17/23853an.jpg" width="58" height="24" border="0"/></a><a href="http://www.msplinks.com/MDFodHRwOi8vbXVzaWMubXlzcGFjZS5jb20v"><img src="http://cbimg6.com/layouts/07/12/17/23853ao.jpg" width="58" height="24" border="0"/></a><a href="http://www.msplinks.com/MDFodHRwOi8vY29tZWR5Lm15c3BhY2UuY29tLw=="><img src="http://cbimg6.com/layouts/07/12/17/23853ap.jpg" width="58" height="24" border="0"/></a><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29t"><img src="http://cbimg6.com/layouts/07/12/17/23853aq.jpg" width="66" height="24" border="0"/></a><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL3JlZmVyLnBocD9pZD01MDMwMjQ="><img src="http://cbimg6.com/layouts/07/12/17/23853ar.jpg" width="71" height="24" border="0"/></a> </div> <div class="aboutheader"> <span class="header">About Me</span> </div> <div class="aboutme"> Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. Write about me here. </div> <div class="sidebar"> <span class="menuheader">Navigation</span> <a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy"class="navi">Home</a> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"class="navi">Message Me</a> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"class="navi">Add Me</a> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"class="navi">View Pictures</a> <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX"class="navi">Comment Me</a> <a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=XXXXXXXX"class="navi">My Videos</a> <a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX"class="navi">Block Me</a> <br> <span class="menuheader">Friends:</span> <a href="http://http://friendsurlhere"class="navi">Friend 1</a> <a href="http://friendsurlhere"class="navi">Friend 2</a> <a href="http://friendsurlhere"class="navi">Friend 3</a> <a href="http://friendsurlhere"class="navi">Friend 4</a> <a href="http://friendsurlhere"class="navi">Friend 5</a> <a href="http://friendsurlhere"class="navi">Friend 6</a> <a href="http://friendsurlhere"class="navi">Friend 7</a> <a href="http://friendsurlhere"class="navi">Friend 8</a> <a href="http://friendsurlhere"class="navi">Friend 9</a> <a href="http://friendsurlhere"class="navi">Friend 10</a> </div> <div class="byebye"><table><tr><td><table><tr><td>

sleek & classy
♥♥

this is awesome, but could you make a black and white version, that would look awesome

Yes there is, ChocFullOfLabs. PM me for more information.

Nice layout. I really like this concept - it reminds me of a LiveJournal layout. Is there any way to modify it so that you can add an additional sidebar for "links"?

Haha, I thought this was by fainaru at first too, lol. xD
Still, good job! =D

OMG this layout is awesome. ive never seen anything this simple, yet so proffessional. its like, its orgasmic LMFAO!

good job at making it!

I like it! Im not a fan of the colors used(however,they do look well together for the layout) I still may use it :)

aha!!! effin beautiful! im using it!!!

Ah, simple, yet it has everything you need on a MySpace. I like it :)

Wow this is gorgeous :]
So simple. Love it

View all »

Designer	Detective
Submitted on	Dec 17, 2007
Page views	14,462
Favorites	84
Comments	21
Reviewer	freeflow
Approved on	Dec 17, 2007

, brown, maroon, sleek, cleen

• Grab your Friend ID
• Grab layout codes
• Myspace / Xanga tracker

• Here I Stand Layouts