Blue Space

One of my older MySpace DIV Overlay layouts, focusing on a black and blue color scheme that feels like it’s floating in space. Has a spot for your own picture, a music player, and comments. You can also get the original Photoshop PSD to this by visiting the Photoshop Templates page.

Preview

Go to Page

Code

This part goes into your “About Me” area

<style> .btext {display:none;} .contacttable {display:none;} .lightbluetext8 {display:none;} .nametext {display:none;} .orangetext15 {display:none;} .redlink {display:none;} .whitetext12 {display:none;} .hidethem {visibility:hidden; display:none;} .comments {visibility:hidden;display:none;} </style> <style> p { color: gray; } TEXTAREA { background-image: url(http://www.elitenick.com/images/formbackmyspace.jpg); background-color: 000000; border: 1px solid black; COLOR: gray; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; } a:link { text-decoration: underline; color: white; FONT-FAMILY: Verdana,Helvetica; font-size:11px; } a:visited { color: white; FONT-FAMILY: Verdana,Helvetica; font-size: 11px; } a:active { color: white; FONT-FAMILY: Verdana,Helvetica; font-size: 11px; } a:hover { color: gray; FONT-FAMILY: Verdana,Helvetica; font-size: 11px; text-decoration: underline; } .blacktext10 { width:100%; display:block; height:17px; line-height:26px; FONT-FAMILY: Verdana,Helvetica; font-size: 10px; COLOR: gray; font-weight: bold; } .nametext { padding: 5px; display:block; FONT-FAMILY: Verdana,Helvetica; font-size: 10px; COLOR: gray; font-weight: bold; } .whitetext12, .orangetext15 { FONT-FAMILY: Verdana,Helvetica; font-size: 10px; COLOR: gray; font-weight: bold; width:100%; display:block; height:23px; line-height:26px; } body { background-color: black; COLOR: gray; } table tr td { background-color: black; COLOR: white; width: 100%; } div { color: gray; } .profile { background-image: url(http://elitenick.com/freemyspacedivs/newmyspaceprofiletest.jpg); background-color: black; border: none; font-size:11px; FONT-FAMILY: Verdana, Helvetica; color: gray; text-align:center; padding: 1px; position: absolute; left:50%; margin-left:-400px; top:155px; height:800px; width:800px; z-index:1; } .rss_links { text-align:center; position:absolute; left:50%; margin-left:-80px; top:257px; z-index:2; height:37px; width:310px; } .donate_link { text-align:center; position:absolute; left:50%; margin-left:-160px; top:215px; z-index:2; height:37px; width:350px; } .picture1 { text-align:center; padding: 18px; position:absolute; left:50%; margin-left:140px; top:218px; z-index:2; } .elitenicklink { text-align:center; padding: 18px; position:absolute; left:50%; margin-left:-319px; top:287px; z-index:2; } .aboutme { border:0px; FONT-FAMILY: Verdana,Helvetica; font-size:11px; color: gray; padding: 11px; position:absolute; left:50%; margin-left:70px; top:-20px; z-index:2; height:175px; width:333px; overflow:auto; }.commentform { border:0px; FONT-FAMILY: Verdana,Helvetica; font-size:11px; font-weight:bold; color: gray; text-align:center; padding: 18px; position:absolute; left:50%; margin-left:70px; top:310px; z-index:2; } .addme { position:absolute; left:50%; margin-left:-334px; top:314px; z-index:1; height:37px; width:104px; } a.link1:active, a.link1:visited, a.link1:link { font-size:11px; FONT-FAMILY: Verdana,Helvetica; color:787878; } a.link1:hover { color:cccccc; } .musicplayer { position: absolute; top: 260px; left:50%; margin-left:100px; z-index: 2; width: 300px } </style>

This part goes into your “I’d Like to Meet” area

<div class="profile"></div> <div class="rss_links"> </div> <div class="donate_link"> <a href="http://www.msplinks.com/MDFodHRwOi8vZWxpdGVuaWNrLmNvbQ==" target="_blank"><img src="http://elitenick.com/linkme.gif" border="0" alt="Visit EliteNick.com" /></a> </div> </div> <div class="picture1"><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=YOUR_FRIEND_ID_HERE" class="link1"><img src="LINK_TO_A_PICTURE_OF_YOU" border="0"></a></div> <div class="addme"><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=YOUR_FRIEND_ID_HERE"><img src="http://elitenick.com/images/buttons/addme.gif" border="0"></a><br /><br /> <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=YOUR_FRIEND_ID_HERE"><img src="http://elitenick.com/images/buttons/comment.gif" border="0"></a><br /><br /> <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=YOUR_FRIEND_ID_HERE"><img src="http://elitenick.com/images/buttons/blog.gif" border="0"></a><br /><br /> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=YOUR_FRIEND_ID_HERE"><img src="http://elitenick.com/images/buttons/message.gif" border="0"></a><br /><br /> <a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=YOUR_FRIEND_ID_HERE"><img src="http://elitenick.com/images/buttons/block.gif" border="0"></a> <div class="aboutme"><div align="left"><p>YOUR TEXT HERE</p><p>YOUR TEXT HERE</p><p>YOUR TEXT HERE</p><p>YOUR TEXT HERE</p><p>YOUR TEXT HERE</p><p>YOUR TEXT HERE</p><p>YOUR TEXT HERE</p><p>YOUR TEXT HERE</p><p>YOUR TEXT HERE</p><p>YOUR TEXT HERE</p><p>YOUR TEXT HERE</p><p>YOUR TEXT HERE</p><p>YOUR TEXT HERE</p> </div> </div> <div class="musicplayer"> MUSIC PLAYER HERE </div> <div class="commentform"> <form method="post" action="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudHMubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5Db25maXJtQ29tbWVudA=="> <input type="hidden" name="friendID" value="YOUR_FRIEND_ID_HERE" /> <textarea name="f_comments" cols="50" rows="6">Hi Nick.<br /><div align="left"> <input type="submit" name="submit" value="Comment" /> </div> </form> </div> <style> 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:6;} td.text td.text table table br {display:inline;} table tbody tr td object {position:absolute; left:50%; margin-left:-175px; top:522px;} </style> <div style="height:135px; width:540px; overflow:auto; color:ffffff; border:none 0px solid; position:absolute; margin-left:60px; top:470px; z-index-4"><table><tr><td><table><tr><td> </td></tr></table> </td></tr></table> </td><td class="text"> <div class="hidethem"> <table><tr><td><table><tr><td>

This part goes into your “Heroes” section

</td></tr></table> </td></tr></table> </td><td class="text"> <div class="hidethem"> <table><tr><td><table><tr><td>