SpiderMan 3

• 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></span><br> </div><style>.hidethem {visibility:hidden; display:none;}</style> <style type="text/css"> table tbody td table tbody tr td.text table {visibility:hidden;} table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;} </style> <style type="text/css"> body{ background-position:top center;margin-top: 140;} div.topbanner { top: 0; left: 49%; margin-left: -353px; width: 100%; height: 126px; position: absolute; } </style> <style type="text/css"> div table tr td font {visibility:hidden;} div table table tr td font {visibility:visible;} a.text, table div font a, table div div {visibility:hidden;} table table div font a, table table div div {visibility:visible;} </style> <style type="text/css">body div table td form{display:none;}</style> <style type="text/css">div table td font {display: none;}</style> <style type="text/css">div td font {visibility:hidden;}.navbar {visibility:visible;}</style> <div class="topbanner"><a href="ID HERE"><IMG SRC="http://layouts.cbimg6.com/34/17169c.jpg " border="0"></a></div> <style type="text/css"> body { scrollbar-track-color: 000000; scrollbar-face-color: 22292F; scrollbar-3dlight-color: 111518; scrollbar-highlight-color: 111518; scrollbar-darkshadow-color: 111518; scrollbar-shadow-color: 111518; scrollbar-arrow-color: 000000; } </style> <style type="text/css"> .contactTable {display:none;} .orangetext15 {display:none;} .nametext{display:none;} .whitetext12{display:none;} .blacktext12{display:none;} .btext{display:none;} .comments{display:none;} .hidethem{display:none;}a.man{display:none;} a.text{visibility:hidden;} td.text table tr td div font{visibility:hidden;} td.text table tr td div div {visibility:hidden !important;} td.text table tr td div div div {visibility:visible !important;} td.text table tr td div div div font {visibility:visible !important;} div table tr td table tr td {visibility:hidden;} table tr td table tr td.text table{visibility:hidden;} table table table {visibility:hidden;} table tr td.text table tr td div {visibility:visible;} table tr td div{visibility:hidden;} table table table tr td.text{visibility:hidden;} td.text table {visibility:visible;} table table table table table tr td form input{visibility:visible !important;} table,tr,td{background-color:transparent;border:0px solid;} .hold{background-color:transparent;} .mpd {left:50%;margin-left:290px;top:5px;position:absolute;z-index:9;visibility:visible !important;} .container{left:50%;margin-left:-400px;top:235px;position:absolute;z-index:1;background-color:transparent;} a img {border:0px solid;} body{background-color:000000;background-image:url(http://layouts.cbimg6.com/34/17169d.jpg );background-repeat:no-repeat;background-position:top;background-attachment:scroll} a:link,a:active,a:visited{color:000000;font: 10pt Arial ;text-decoration:none;} a:hover{color:000000;font: 10pt Arial ;text-decoration:none;}.div1{background-color:transparent;background-image:url(none);background-repeat:no-repeat;background-position:center;background-attachment:scroll;color:FFFFFF;width:277px;height:514px;position:absolute;left:440px;top:30px;z-index:2;font: 10pt Arial ;text-decoration:none;overflow:auto;}.div2{background-color:transparent;background-image:url(none);background-repeat:no-repeat;background-position:center;background-attachment:scroll;color:FFFFFF;width:302px;height:585px;position:absolute;left:142px;top:10px;z-index:1;font: 10pt Arial ;text-decoration:none;overflow:auto;} </style></style> </td> </tr> <tr> <td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap: break-word"> <span class="orangetext15">

</span><br> <div class="hold"> <div class="container"> <div class="div1"><style type="text/css"> .home{height: 83px; width: 276px; overflow: hidden; background: url(http://layouts.cbimg6.com/34/17169e.jpg) top left no-repeat; display: block;} .home:hover{background-position: bottom left;} </style><a href="http://home13.myspace.com/index.cfm?fuseaction=user" class="HOME"></a> <style type="text/css"> .mess{height: 37px; width: 276px; overflow: hidden; background: url(http://layouts.cbimg6.com/34/17169f.jpg) top left no-repeat; display: block;} .mess:hover{background-position: bottom left;} </style><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=ID HERE" class="MESS"></a> <style type="text/css"> .request{height: 36px; width: 276px; overflow: hidden; background: url(http://layouts.cbimg6.com/34/17169g.jpg) top left no-repeat; display: block;} .request:hover{background-position: bottom left;} </style><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=ID HERE" class="REQUEST"></a> <style type="text/css"> .forward{height: 35px; width: 276px; overflow: hidden; background: url(http://layouts.cbimg6.com/34/17169h.jpg ) top left no-repeat; display: block;} .forward:hover{background-position: bottom left;} </style><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.forward&friendID=ID HERE&f=forwardprofile" class="FORWARD"></a> <style type="text/css"> .pics{height: 37px; width: 276px; overflow: hidden; background: url(http://layouts.cbimg6.com/34/17169i.jpg ) top left no-repeat; display: block;} .pics:hover{background-position: bottom left;} </style><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=ID HERE" class="PICS"></a> <style type="text/css"> .comment{height: 33px; width: 276px; overflow: hidden; background: url(http://layouts.cbimg6.com/34/17169j.jpg) top left no-repeat; display: block;} .comment:hover{background-position: bottom left;} </style><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=ID HERE" class="COMMENT"></a> <style type="text/css"> .vcom{height: 36px; width: 276px; overflow: hidden; background: url(http://layouts.cbimg6.com/34/17169k.jpg) top left no-repeat; display: block;} .vcom:hover{background-position: bottom left;} </style><a href="http://comments.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=ID HERE" class="VCOM"></a> <style type="text/css"> .ban{height: 37px; width: 276px; overflow: hidden; background: url(http://layouts.cbimg6.com/34/17169l.jpg) top left no-repeat; display: block;} .ban:hover{background-position: bottom left;} </style><a href="PUT LINK HERE" class="BAN"></a> <style type="text/css"> .lay{height: 36px; width: 276px; overflow: hidden; background: url(http://layouts.cbimg6.com/34/17169m.jpg) top left no-repeat; display: block;} .lay:hover{background-position: bottom left;} </style><a href="PUT LINK HERE" class="LAY"></a> <style type="text/css"> .site{height: 142px; width: 276px; overflow: hidden; background: url(http://layouts.cbimg6.com/34/17169n.jpg ) top left no-repeat; display: block;} .site:hover{background-position: bottom left;} </style><a href="http://www.sonypictures.com/movies/spiderman3/site/" class="SITE"></a></div> <div class="div2"><style type="text/css"> .spidey{height: 584px; width: 301px; overflow: hidden; background: url(http://layouts.cbimg6.com/34/17169o.jpg) top left no-repeat; display: block;} .spidey:hover{background-position: bottom left;} </style><a href="" class="SPIDEY"></a></div> <DIV class="comments"> <table><tr><td> <table><tr><td></div> </div></div></style> </td> </tr> </table>

I LOVE this layout, but it needs content space!!!! I love the navigation, how it glows when you hover over the links & how spiderman turns back to red when you hover over him.

I like the hover efffects. :]As people said, I'd want acontent space in the layout too.

yeah i wish there was a content area but it's still nice

I'm quite surprised this made it into layouts; there is a lot of room for improvement and I'd expect to see this in Myspace Showcase than here. Initially it does look really good, the Spiderman image is very slick but the navigation is huge, there

I wish there was Content space, and the friends/comments are showing (like someone already said). But I love the hover, and the graphics are neat.

yes, the add is in a weird spot and the layout is not very organizedbut the hover part is very cool

I like the fact that it's spiderman and all that...But there's no content space, the ad is in a weird spot, and you can see the friends and comments....

I'm not fond of the graphic style and of the fact that there's no content area. I like the rollover idea though; it's cool how Spiderman illuminates on hover.

i like the hover and spider man idea, also the nav..but as he stated ^^ there isnt anywere to write and the friends show.

ehh. Friends&comments are showing. No content space. Not to fond on how the navigation looks. Although the affects were done well.

Designer	Neverwashere
Submitted on	Mar 24, 2007
Page views	40,431
Favorites	37
Comments	10

, spider, spiderman, dark, blue, simple

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

• Here I Stand Layouts