here's the code:
<HTML>
<HEAD>
<TITLE>mashacealde --> my cutie m&m's layout ^_^</TITLE>
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=3,Transition=12)">
<style text="text/css">
<!--
body,tr,td
{font-size: 8pt; font-family:trebuchet ms, verdana; text-align:center; color:#0080ff;
scrollbar-base-color: #104B85;
scrollbar-darkshadow-color: #0080ff; scrollbar-3dlight-color: #0080ff;
scrollbar-arrow-color: #0080ff; scrollbar-face-color: #a6d2ff;
scrollbar-highlight-color: #a6d2ff; scrollbar-shadow-color: #a6d2ff;
scrollbar-track-color: #a6d2ff;
}
a
{text-decoration:none;}
-->
</style>
<META content="MSHTML 5.00.2614.3500" name=GENERATOR></HEAD>
<SCRIPT LANGUAGE="JavaScript" SRC="overlib.js"></SCRIPT>
<BODY>
<DIV ID="overDiv" STYLE="position:absolute; visibility:hide; z-index:1;"></DIV>
<SCRIPT LANGUAGE="JavaScript" SRC="overlib.js"></SCRIPT>
<SCRIPT TYPE="" LANGUAGE="JavaScript">
<!--
var width = "100";
var border = "1";
var offsetx = 2;
var offsety = 2;
var fcolor = "#a6d2ff";
var backcolor = "#0080ff";
var textcolor = "#0080ff";
var capcolor = "#a6d2ff";
var closecolor = "#0080ff";
// -->
</SCRIPT>
<!--layout here-->
<div style="position: absolute; top:0; left:0">
<IMG src="http://www.freewebz.com/mashacealde/m&m_lo.jpg">
</div>
<!--navigation here-->
<div style="position: absolute; top:51; left:278">
<A HREF="aboutme.htm" onMouseOver="dlc('view my bio, my journal and googlism!','about me...'); return true;" onMouseOut="nd(); return true;" target="frame"><IMG src="icon1.jpg" border="0"></div>
<div style="position: absolute; top:51; left:321">
<A HREF="thesite.htm" onMouseOver="dlc('i dont really know if you care but this section tells about the site`s history and past layouts, disclaimer and credits','the site'); return true;" onMouseOut="nd(); return true;" target="frame"><IMG src="icon2.jpg" border="0"></div>
<div style="position: absolute; top:51; left:364">
<A HREF="http://www.geocities.com/mashacealde/stuff" onMouseOver="dlc('things that you wanted - midis and games','stuff for you'); return true;" onMouseOut="nd(); return true;" target="frame"><IMG src="icon3.jpg" border="0"></div>
<div style="position: absolute; top:51; left:407">
<A HREF="interact.htm" onMouseOver="dlc('interact - sign the guestbook, sign the slambook or contact me!','make me happy'); return true;" onMouseOut="nd(); return true;" target="frame"><IMG src="icon4.jpg" border="0"></div>
<div style="position: absolute; top:51; left:450">
<A HREF="links.htm" onMouseOver="dlc('link me, exchange links, my links and broken links','the link issue'); return true;" onMouseOut="nd(); return true;" target="frame"><IMG src="icon5.jpg" border="0"></div>
<div style="position: absolute; top:51; left:493">
<A HREF="intro.htm" onMouseOver="dlc('wanna go back to where you came from?','mainpage'); return true;" onMouseOut="nd(); return true;" target="frame"><IMG src="icon6.jpg" border="0"></div>
<!--iframe hrere-->
<div style="position: absolute; top:82; left:253">
<IFRAME src="intro.htm" name="frame" width="296" height="210" frameborder="0" ;
filter:alpha(opacity=40);
overflow:auto";
border style:0 black solid></IFRAME>
</div>
that's the code...