Inspiration

There is a bit of editing involved. Where ever it says 'YOURIDHERE', replace that with your own friend ID. You'll need to look for under navigation and comment in order to change them.

The friend photos are 90px by 90px. You'll have to make them yourself. Don't forget to modify the links to your friends' profiles.

Looks best in 1024x768 or 1280x1024. Enjoy. :)

http://www.sxc.hu/

• 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><style type=text/css> body { background-color: C3F8F5; background-image: url(""); background-attachment: fixed; scrollbar-base-color:EAEAEA; scrollbar-arrow-color:23636F; scrollbar-3dlight-color:95C6CF; scrollbar-darkshadow-color:e6e6e6; scrollbar-face-color:81CFCB; scrollbar-highlight-color:5EA1AD; scrollbar-shadow-color:CCCCCC; scrollbar-track-color:C3F8F5;} table, tr, td {background-color: transparent; border: 0px; padding:0;} table table {border: 0px;} table table table table{border: 0px;} {The actual modules} table table table {border: 1px solid; background-color: transparent; } {sets the default style for the body, table data, list data, divisions and text areas} body,table, td, li, p, div, textarea {font:normal 8pt arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:9pt;} {class for the basic font for the page} .text {font:normal 8pt arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:9pt;} {style for the number of comments you have.} .redtext{font-family:arial; font-size:9pt; color:000000; font-weight:none;border:0px; text-transform: none; } {style for the number of friends you have.} .redbtext{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none; } {�Blurbs�, �About Me�, �Who I�d like to Meet�, �Friend Space�, and �Friend�s Comments� style} .orangetext15{font-family: arial; color: 000000; font-weight: bold; font-size: 8pt; letter-spacing: -2px;} {�General�, �Music�, �Movies�, �Television�, �Books�, �Heros�, �Status�, �Here for�, �Hometown�, �Body Type�, �Ethnicity�, �Religion�, �Sign�, �Smoke/Drink�, �Children�, �Education�, �Occupation�, and �Income� title style} .lightbluetext8{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none; } {�Contacting�, �Interests�, �Details�, and �Schools� title styling} .whitetext12{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none;} {�In your extended network� style} .blacktext12{font-family: arial; color: 000000; font-weight: bold; font-size: 9pt; letter-spacing: -2px; } {Stylizing of your name above your picture } .nametext{font-family: arial; color: 000000; font-weight: bold; font-size: 8pt; letter-spacing: -2px; line-height: 9px;} {date stamp on comments} .blacktext10{font-family:arial; font-size:8px; color:000000; font-weight:none;border:0px; text-transform: none;} {This is how all anchor points will be displayed; anchor points appear before all links.} a{font-family:arial; font-size:8pt; color:2D707C; font-weight:none;border:0px; text-transform: none; } a:link{font-family:arial; font-size:8pt; color:2D707C; font-weight:none;border:0px; text-transform: none;} a:active{font-family:arial; font-size:8pt; color:2D707C; font-weight:none;border:0px; text-transform:none;} a:visited{font-family:arial; font-size:8pt; color:5EA1AD; font-weight:none;border:0px; text-transform: none;} a:hover{font-family:arial; font-size:8pt; color:128367; font-weight:bold;border:0px; text-transform: none;} {�View all friends� and �invite more� link style} a.redlink{font-family:arial; font-size:8pt; color:2D707C; font-weight:none;border:0px; text-transform: none;} a.redlink:link{font-family:arial; font-size:8pt; color:2D707C; font-weight:none;border:0px; text-transform: none;} a.redlink:active{font-family:arial; font-size:8pt; color:2D707C; font-weight:none;border:0px; text-transform: none;} a.redlink:visited{font-family:arial; font-size:8pt; color:5EA1AD; font-weight:none;border:0px; text-transform: none; } a.redlink:hover{font-family:arial; font-size:8pt; color:128367; font-weight:none;border:0px; text-transform: none;} {2 links in very top on the left, and the 13 links above your picture with make the navigation bar} a.navbar{font-family:arial; font-size:8pt; color:2D707C; font-weight:none;border:0px; text-transform: none;} a.navbar:link{font-family:arial; font-size:8pt; color:2D707C; font-weight:none;border:0px; text-transform: none;} a.navbar:active{font-family:arial; font-size:8pt; color:2D707C; font-weight:none;border:0px; text-transform: none;} a.navbar:visited{font-family:arial; font-size:8pt; color:5EA1AD; font-weight:none;border:0px; text-transform: none;} a.navbar:hover{font-family:arial; font-size:8pt; color:128367; font-weight:none;border:0px; text-transform: none;} {Default Links} a:link, a.man{font-family:arial; font-size:8pt; color:2D707C; font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;} a:active{font-family:arial; font-size:8pt; color:2D707C; font-weight:none;border:0px; text-transform: none;} a:visited{font-family:arial; font-size:8pt; color:5EA1AD; font-weight:none;border:0px; text-transform: none;} a:hover{font-family:arial; font-size:8pt; color:128367; font-weight:none;border:0px; text-transform: none;} </style> <style type="text/css"> table, tr, td {background:transparent;} table table table table, table table table table td.text, table.contactTable {display:none;} td.text table, .orangetext15 {visibility:hidden;} td.text table table {display:inline; visibility:visible;} td.text td.text table {display:none;} div b font font, div font font u {display:none;} .whitetext12 { display: none; } .nametext { display:none;} .orangetext15{display: none;} To get rid of the top links myspace.com | Home ect... use this code .{removes top links only} div table form tr td {visibility:hidden!important; height:0px!important;} To get rid of the top links plus the navigational bar use this . {removes top links and navbar} div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;} To hide the copyright use this . {hiding the copyright} table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;} .contactTable {display:none!important; border:0px !important;} .blacktext12 {visibility:hidden; display:none} table td.text {visibility:hidden;} td.text td, td.text span, td.text a {visibility:visible;} 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:3;} td.text td.text table table br {display:inline;} td.text td.text table td {font-size:0pt;} td.text td.text {height:0;} td.text td.text table b, td.text td.text table table td {font-size:8pt;} table, tr, td {background-color: transparent; border: 0px; padding:2;} table table {border: 0px;} table table table table{border: 0px;} table table table {border: 0px solid; border-color: transparent; background-color: transparent; } </style> <style type="text/css"> table td table tr td.text table {visibility:hidden;} table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;} </style> <style type="text/css"> .image{ top: 150px; left:420px; position: absolute; } </style>

<div class="image"><img src="http://layouts.cbimg8.com/28/14108c.jpg" width="458" height="152" alt=""><br/><img src="http://layouts.cbimg8.com/28/14108d.gif" width="458" height="518" alt=""></div> <div class="navigation" style="position: absolute; left:442px; top:329px; width: 430px; height: 35px; overflow: auto; align: center;"> <center><a href="http://home.myspace.com/index.cfm?fuseaction=user&Mytoken=9CB786C3-57FE-D833-BFDB11D349F4576618890442">Home</a > . <a href="http://www.myspace.com">MySpace.com</a> . <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=YOURIDHERE" >Add Me</a> . <a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=YOURIDHERE">Message Me</a> . <a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=YOURIDHERE">View All Friends</a><br/><a href="http://www.myspace.com/index.cfm?fuseaction=user.viewComments&FriendID=YOURIDHERE">View All Comments</a> . <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=YOURIDHERE">View Photos</a> . <a href="http://www.createblog.com">createBlog.com</a> . <a href="http://www.myspace.com/xdreamer">Made by Mona</a><br/> </div> <div class="about me" style="position: absolute; left:434px; top:385px; width: 430px; height: 148px; overflow: auto;"><center><img src="http://layouts.cbimg8.com/28/14108e.jpg"><br/><br/></center> <b>Me:</b> 17, 5'3.5, black hair, brown eyes, desi, etc.<br/> <b>Animals:</b> swan, elephant, panda, penguin, peacock, dragon, etc.<br/> <b>Flowers:</b> star of Africa, rose, plumeria, hibiscus, morning glory, etc.<br/> <b>TV:</b> FRIENDS, Will & Grace, Grey's Anatomy, CSI, Law & Order, etc.<br/> <b>Movies:</b> The Lion King, Aladdin, Beauty and the Beast, The Little Mermaid, etc.<br/> <b>Music:</b> Celine Dion, Josh Groban, Yanni, Andrea Bocelli, etc.<br/><br/> Write anything else about yourself here. Feel free to add/remove the content in this section. :)</div> <div class="friends" style="position: absolute; left:435px; top:567px; width: 430px; height: 110px; overflow: hidden;"><marquee direction="left" height="95px" width="425px"><a href="http://www.myspace.com/usernamehere"><img src="http://layouts.cbimg8.com/28/14108f.gif" width="90" height="90" border="0"></a> <a href="http://www.myspace.com/usernamehere"><img src="http://layouts.cbimg8.com/28/14108f.gif" width="90" height="90" border="0"></a> <a href="http://www.myspace.com/usernamehere"><img src="http://layouts.cbimg8.com/28/14108f.gif" width="90" height="90" border="0"></a> <a href="http://www.myspace.com/usernamehere"><img src="http://layouts.cbimg8.com/28/14108f.gif" width="90" height="90" border="0"></a> <a href="http://www.myspace.com/usernamehere"><img src="http://layouts.cbimg8.com/28/14108f.gif" width="90" height="90" border="0"></a> <a href="http://www.myspace.com/usernamehere"><img src="http://layouts.cbimg8.com/28/14108f.gif" width="90" height="90" border="0"></a> <a href="http://www.myspace.com/usernamehere"><img src="http://layouts.cbimg8.com/28/14108f.gif" width="90" height="90" border="0"></a> <a href="http://www.myspace.com/usernamehere"><img src="http://layouts.cbimg8.com/28/14108f.gif" width="90" height="90" border="0"></a></marquee></div> <div class="comments" style="position: absolute; left:436px; top:700px; width: 425px; overflow: hidden;"> <center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="YOURIDHERE" type="hidden"><textarea name="f_comments" cols="70" rows="5" style="border-width: 1px;border-style: solid; border-color:155A67; font-family: arial; font-size: 8pt; color:155A67; background-color: transparent;" style="overflow:auto;"></textarea><br> <input value="Comment" style="border-width: 1px; border-style: solid; border-color:155A67; font-family: arial; font-size: 8pt; color: 188093; background-color:transparent;" type="Submit"> <input value="Erase" style="border-width: 1px; border-style: solid; border-color:155A67; font-family: Arial; font-size:8pt; color:155A67; background-color:transparent;" type="Reset"></form></center><center><table><table><tbody><tr><td><table></center></div>

i love ur work

i love this layout! the photography is great!! but not being expirenced w/ html i couldnt find where to insert the my photo and i got stumped w/ putting all my friends links in...but someone more expirenced w/ html prolly would have done this w/ a blink of an eye.

i agree i love it your amazing

wow i like this alot i really like the background colour and i love coloured pencils =D

i like the image and the 3d-like feel of the little sections

Designer	shadowfax
Submitted on	Aug 25, 2006
Page views	120,788
Favorites	336
Comments	5

, inspiration, firefox, myspace div, blue, turquoise

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

• Here I Stand Layouts