Simple Blue and Grey Div

Thanks for looking :) Please leave the credit!

I don't care if you alter the code for your own, personal use, just don't redistribute it or claim it as your own.

Change "XXXXXXXXX" to your Friend ID! (there are a bunch of these you have to do) Do this BEFORE you click save!


The first section is for your picture. Change "IMAGE URL HERE" to the URL of your default picture.


Check out my other layouts?

• 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"> div div table div {display:none;} .clearfix table div div {display:block;} tr td div, div td ,div tr, div table {background-color:transparent !important;} .profile, div ul {display:none !important;}</style> <div style="position:absolute; left:8px; top: 3px;" border="0"><b> <a style="text-decoration: none;" href="http://www.sharpermyspace.com/index.php?in=6" target="_blank"> <b>SharperMyspace.com</b><br> </a> </div> <div class="bg" style="position: absolute; left:300px; top:140px; width:600px; height:360px; overflow: hidden;"> <img src="http://cbimg6.com/layouts/07/12/27/24151aa.gif" width="463" height="360" border="0" alt="" usemap="#div2_Map"> <map name="div2_Map"> <area shape="rect" alt="SharperMyspace.com" coords="355,340,451,350" href="http://www.sharpermyspace.com/index.php?in=6" target="_blank"> <area shape="rect" alt="View My Pictures!" coords="375,112,431,150" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" target="_self"> <area shape="rect" alt="View My Comments!" coords="238,114,359,150" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" target="_self"> <area shape="rect" alt="Block Me!" coords="158,112,227,150" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" target="_self"> <area shape="rect" alt="Message Me!" coords="81,112,135,150" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" target="_self"> <area shape="rect" alt="Add Me!" coords="6,112,67,150" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" target="_self"> </map> </div> <div class="scroll" style="position: absolute; left:300px; top:306px; width:265px; height:164px; overflow: auto;"><center> CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV.CONTENT FOR DIV. CONTENT FOR DIV.CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. CONTENT FOR DIV. </div> <div class="scroll" style="position: absolute; left:578px; top:306px; width:172px; height:164px; overflow: auto;"><center> <br><br><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"> <img src="IMAGE URL HERE" border="0" width="155px" height="116px"> </a> </div>

<style type="text/css"> .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden} td td td td{border:0px;width:0px;text-align:left;} table,td,tr{padding:0px;width:;background-color:transparent} table table table{padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important} a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} 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;} a:link, a.man{font-family:arial; font-size:9px; color:009cef; font-weight:none;border:0px; text-transform: NONE; letter-spacing: 0px;} a:active{font-family:arial; font-size:9px; color:009cef; font-weight:none;border:0px; text-transform: NONE;} a:visited{font-family:arial; font-size:9px; color:009cef; font-weight:none;border:0px; text-transform: none;} a:hover{font-family:arial; font-size:9px; color:009cef; font-weight:none;border:0px; text-transform: none;} .scroll { scrollbar-face-color:9F9F9F; scrollbar-arrow-color:black; scrollbar-track-color:647A19; scrollbar-shadow-color:647A19; scrollbar-highlight-color:647A19; scrollbar-3dlight-color:647A19; scrollbar-darkshadow-Color:647A19; filter:chroma(color=647A19); } body { background-color:white; background-image: url("http://cbimg6.com/layouts/07/12/27/24151ab.png"); background-position: bottom right; background-repeat: tile; background-attachment: fixed; } .createblogcode{put the music player in the top-left corner} embed{position: absolute; top: 640px; left: 50%; margin-left: -150px; width: 300px;} .a {hide top search bar} div div select, div div form {display:none !important;} </style>

*SharperMyspace*..You have
the best layouts!

Do you teach anybody how to code a div overlay?

ooh i like this layout(:

when I make layouts, I make things that I would use in real life. I make layouts that appeal to me. And obviously they appeal to more then just me, cause 12 people have favorited this layout.

and I don't really care if people don't like them. I make layouts just cause I am bored.

stripes arent so good looking...

I dislike the color choices in this one. and the background is kind of misaligned.

If you don't like the background I made, then use a different one. I don't care if you edit the code, just leave the credit.

the stripes are not alligned.

you must have a small screen but for anyone with a large screen the stripes are not alligned.

i think you should pick a different background image. make the navigation width bigger so it'd be the same with the contents. instead of a simple background, a simple banner would've been nice. so that it'd look simple and nice and not plain. i like the color blue though.

Designer	SharperMyspace
Submitted on	Dec 27, 2007
Page views	14,415
Favorites	73
Comments	9
Reviewer	S-Majere
Approved on	Dec 27, 2007

minimal, stripes, light blue, gray, simple, div

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

• Here I Stand Layouts