Printable Version of Topic

Click here to view this topic in its original format

Forums _ MySpace Support _ I have the image map, now what?

Posted by: MajinShenron Jul 11 2010, 07:51 PM

I have the image map meaning the image is done along with the hyperlinks and what not. But I am clueless on what to do next for the DIV. Help PLEASE!

CODE
<div style="text-align:center; width:1152px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_2201007111902134" src="http://www.image-maps.com/uploaded_files/2201007111902134_comicrp.jpg" usemap="#Image-Maps_2201007111902134" border="0" width="1152" height="936" alt="" />
<map id="_Image-Maps_2201007111902134" name="Image-Maps_2201007111902134">
<area shape="rect" coords="125,404,212,432" href="http://home.myspace.com/index.cfm?fuseaction=user" alt="" title="" />
<area shape="rect" coords="255,404,314,432" href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=207285668" alt="" title="" />
<area shape="rect" coords="381,402,488,433" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=207285668" alt="" title="" />
<area shape="rect" coords="545,402,661,433" href="http://blogs.myspace.com/index.cfm?fuseaction=blog.view&friendId=207285668&blogId=536987867" alt="" title="" />
<area shape="rect" coords="758,399,846,435" href="http://blogs.myspace.com/index.cfm?fuseaction=blog.view&friendId=207285668&blogId=536987892" alt="" title="" />
<area shape="rect" coords="905,400,1040,432" href="http://blogs.myspace.com/index.cfm?fuseaction=blog.view&friendId=207285668&blogId=536987905" alt="" title="" />
<area shape="rect" coords="1150,934,1152,936" href="http://www.image-maps.com/index.php?aff=mapped_users_2201007111902134" alt="Image Map" title="Image Map" />
</map>
<!-- Image map text links - Start - If you do not wish to have text links under your image map, you can move or delete this DIV -->
<div style="text-align:center; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; width:1152px;">
<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://home.myspace.com/index.cfm?fuseaction=user" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=207285668" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=207285668" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://blogs.myspace.com/index.cfm?fuseaction=blog.view&friendId=207285668&blogId=536987867" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://blogs.myspace.com/index.cfm?fuseaction=blog.view&friendId=207285668&blogId=536987892" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://blogs.myspace.com/index.cfm?fuseaction=blog.view&friendId=207285668&blogId=536987905" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/index.php?aff=mapped_users_2201007111902134" title="Image Map">Image Map</a>
</div>
<!-- Image map text links - End - -->

Posted by: schizo Jul 12 2010, 04:28 PM

That's a fairly sloppy image map generator...just saying.

So you're just looking to make that into a div layout? I have a tutorial http://www.atomicaffliction.com/tutorials/code/03.php, or there's one at the top of the Myspace Support forum.

Posted by: Mike Jul 16 2010, 01:54 PM

Follow Gabi's (schizo) tutorial or http://www.createblog.com/forums/index.php?showtopic=142922 for a 1.0 DIV layout. As for a 2.0 DIV layout, check out http://views-under-construction.blogspot.com/2009/03/myspace-20-div-layout-div-overlay.html tutorial.