I'm would like to add some round corner boxes on my page so therefore I decided to use the NiftyCube library. But here is my problem. I have two files, one is frame.tpl that holds the code for the header and footer and then home.tpl which is has the home page code. Can somebody tell me what to do?
If you take a look at my site www.yvib.com/alicia, I would like to have the login box in a round corner box and also the Find Somebody portion as well.

here is my code for frame.tpl

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>{siteName}</title>
<script type="text/javascript" src="{themePath}/javascript.js"></script>
<link href="{themePath}/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- header --><!-- /header -->
<table width="855" border="0" align="center" cellpadding="0" cellspacing="0" class="fullheight">
  <tr>
    <td height="160" colspan="2" valign="top" background="{themePath}/images/frame/header.gif"><table width="100%" height="135" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td height="122" align="left" valign="top"><img src="{themePath}/images/frame/logo.gif" alt="Logo" width="245" height="122" /></td>
          <td height="122" align="center" valign="bottom"><div id="laneContainer"></div></td>
        </tr>
        <tr>
         <td id="navigation"><!-- breadcrumbs -->
                        <ul>
                            <li class="current"><a accesskey="d" href="?L=users.desktop">My Desktop</a></li>
                            <li><a href="?L=contacts.contacts">My Contacts</a></li>
                            <li> <a accesskey="s" href="?L=search.users">Search</a></li>
                            <li><a accesskey="b" href="?L=blogs.browse">Blogs</a></li>
                            <li><a href="?L=chat.chat">Chatrooms</a></li>
                            <li><a accesskey="f" href="?L=inkspot.index">Inkspot</a></li>
                        </ul>
                        <!-- /breadcrumbs --></td>
          <td align="right" id="usercontrol">
		    <ZONE userStatus guest>
			  <a href="?L">Login</a> 
              <img src="{themePath}/images/frame/menu_separator.gif" hspace="2" align="absmiddle" />
			  <a href="?L=registration.register">Register</a>		    </ZONE userStatus guest>
			<ZONE adminLink enabled>
			  <a href="?L=admin.index">Admin</a>
			  <img src="{themePath}/images/frame/menu_separator.gif" hspace="2" align="absmiddle" />
			</ZONE adminLink enabled>
			<ZONE adminLink disabled></ZONE adminLink disabled>
			<ZONE userStatus user>
			<a href="?logout=true">Logout</a>
			<img src="{themePath}/images/frame/menu_separator.gif" hspace="2" align="absmiddle" />
			</ZONE userStatus user>
          <a accesskey="h" href="javascript:popUp('?L=help.help&chromeless=1&origin={system.l}');">Help</a></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td colspan="2" valign="top" bgcolor="#FFFFFF">{jump}</td>
  </tr>
  <tr>
    <td colspan="2" height="5" style="background: #00AFF0"><img src="theme/default/images/frame/spacer.gif" alt="Spacer" height="5"></td>
  </tr>
  <tr>
    <td width="60%" height="160" valign="top" bgcolor="#ffffff">
	<div style="padding:15px;">
	
	<div id="footer_elements">
	  <ZONE footer_element empty>	
	    <table width="450" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td>&nbsp;</td>
          </tr>
        </table>
	  </ZONE footer_element empty>
	  <ZONE footer_element random_users>	
	    <table width="450" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td><h1><span class="footerColorSet1">Some</span> <span class="footerColorSet2">Random Members</span></h1></td>
            <td align="right" valign="middle" style="padding-right:8px;">
		      <a href="Javascript:ajFetch('?proc_footer_element=notepad', 'footer_elements', false, 0);"><img src="{themePath}/images/frame/notepad_icon.gif" alt="Notepad" title="Notepad!" width="21" height="22" /></a> 
			  <a href="Javascript:ajFetch('?proc_footer_element=random', 'footer_elements', false, 0);"><img src="{themePath}/images/frame/cycle_icon.gif" alt="Randomize!" title="Randomize!" width="27" height="24" /></a>			</td>
          </tr>
          <tr>
            <td colspan="2">
	          <LOOP footerQuery>
                <div style="float:left; padding-right:6px; clear:none;">
                  <a href="?L=users.profile&id={user.id}">
                    <img src="system/image.php?file={user.mainpicture}" alt="Picture" hspace="2" border="0" id="picture" />
			      </a>
                  <br />
                  <a href="?L=users.profile&id={user.id}">{user.username}</a>
		        </div>
              </LOOP footerQuery>
            </td>
          </tr>
        </table>
	  </ZONE footer_element random_users>
	  <ZONE footer_element notepad>	
	    <table width="450" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td><h1><span class="footerColorSet1">My</span> <span class="footerColorSet2">Notepad</span></h1></td>
            <td align="right" valign="middle" style="padding-right:8px;">
		      <a href="Javascript:ajFetch('?proc_footer_element=notepad', 'footer_elements', false, 0);"><img src="{themePath}/images/frame/notepad_icon.gif" alt="Notepad" title="Notepad!" width="21" height="22" /></a> 
		      <a href="Javascript:ajFetch('?proc_footer_element=random', 'footer_elements', false, 0);"><img src="{themePath}/images/frame/cycle_icon.gif" alt="Randomize!" title="Randomize!" width="27" height="24" /></a>			</td>
          </tr>
          <tr>
            <td colspan="2">
	          <ZONE notepad guest>
			    <span class="footerColorSet1">Sorry you have to be logged in in order to use the notepad</span>
			  </ZONE notepad guest>
			  
			  <ZONE notepad enabled>
			    <form method="post">
				  <textarea name="notepad_body" id="notepad_body" rows="3" class="fullwidth" onkeydown="notepadStateChange();">{notepad_content}</textarea>
			      <br />
			      <input type="button" name="Submit" value="Save" class="submit_disabled" id="notepad_save_button" disabled="disabled" onclick="saveNotepad();" />
			    </form>
			  </ZONE notepad enabled>
            </td>
          </tr>
        </table>
	  </ZONE footer_element notepad>
	</div>


	</div>
	<!-- leftfooterblock --><!-- /leftfooterblock -->
	</td>
    <td width="40%" valign="top" bgcolor="#FFFFFF"><div style="padding:15px;">
      <h1><span class="footerColorSet1">Important</span> <span class="footerColorSet2">References</span><br />
      </h1>
	  <table width="100%" border="0" cellspacing="2" cellpadding="0">
        <tr>
          <td><a href="?L=invite.tellafriend&amp;origin={system.origin}" class="footerColorSet1">Tell a friend / Invite a friend </a></td>
        </tr>
        <tr>
          <td height="1" bgcolor="#003366"><img src="{themePath}/images/frame/spacer.gif" alt="Spacer" height="1" /></td>
        </tr>
        <tr>
          <td><a href="?L=info.contact" class="footerColorSet1">Contact us / Report Abuse </a></td>
        </tr>
        <tr>
          <td height="1" bgcolor="#003366"><img src="{themePath}/images/frame/spacer.gif" alt="Spacer" height="1" /></td>
        </tr>
        <tr>
          <td><a href="Javascript:bookmark('{siteName}', '{siteURL}')" class="footerColorSet1">Bookmark us </a></td>
        </tr>
        <tr>
          <td height="1" bgcolor="#003366"><img src="{themePath}/images/frame/spacer.gif" alt="Spacer" height="1" /></td>
        </tr>
        <tr>
          <td><a href="?L=info.terms" class="footerColorSet1">Privacy policy &amp; terms of use </a></td>
        </tr>
      </table>
	  <!-- references --><!-- /references -->
    </div>
	<!-- rightfooterblock --><!-- /rightfooterblock -->
	</td>
  </tr>
  <tr>
    <td height="2" colspan="2" bgcolor="#000000"><img src="{themePath}/images/frame/spacer.gif" alt="Spacer" height="2" /></td>
  </tr>
  <tr>
    <td height="65" colspan="2" bgcolor="#020B32"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td valign="middle" id="copyright" style="padding-left:25px;"><a href="http://www.phpizabi.net" target="_blank" id="copyright">Powered by {systemVersion}</a><br />            
          &copy; 2005, 2006 - <a href="http://www.realitymedias.com" target="_blank" id="copyright">Real!ty Medias</a>, All rights reserved </td>
          <td align="right">
		    <a href="http://www.phpizabi.net"><img src="{themePath}/images/frame/phpizabi.gif" hspace="25" /></a></td>
        </tr>
      </table></td>
  </tr>
</table>
<!-- footer -->
<!-- /footer -->
<script language="javascript" type="text/javascript">
  launchLANE();
  setTimeout('ajFetch(\'?L=&proc_footer_element=random\', \'footer_elements\', true, 300000);', 300000);
</script>
</body>
</html>

and the code for home.tpl

Code:
<!-- header --><!-- /header --><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr>
    <td width="530">&nbsp;</td>
    <td rowspan="2">&nbsp;</td>
    <td width="290">&nbsp;</td>
  </tr>
  <tr>
    <td width="530" valign="top"><!-- leftpane --><table width="468" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="25">&nbsp;</td>
        <td>
	        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td valign="top">
				    <div class="homeColorSet1">
				      <h1>Welcome to <span class="homeColorSet2">{siteName}</span></h1>
				      <p>Welcome to {siteName}!  Please register yourself and take a look around.  There's lots to see and do, so take your time, meet some new friends, and make yourself at home.</p>
				      <p>&nbsp;</p>
				      <p><img src="{themePath}/images/frame/home_sprache.gif" alt="Sprache" width="400" height="213"></p>
			        </div></td>
                </tr>
            </table>	    </td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td colspan="2" align="right">&nbsp;</td>
        </tr>
    </table><!-- /leftpane -->
	</td>
    <td width="290" valign="top"><!-- rightpane --><table width="255" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><h1 class="homeColorSet2">Login</h1></td>
        <td width="25">&nbsp;</td>
      </tr>
      <tr>
        <td colspan="2">
		<form method="post">
		<table width="100%" border="0" cellpadding="0" cellspacing="2">
		  <tr>
		    <td><p class="homeColorSet1">Username:</p></td>
		    <td><input name="username" type="text" id="username" size="15"></td>
		  </tr>
		  <tr>
		    <td><p class="homeColorSet1">Password:</p></td>
		    <td><input name="password" type="password" id="password" size="15"></td>
		  </tr>
		  <tr>
		    <td>&nbsp;</td>
		    <td><input name="userlogin" type="submit" id="userlogin" value="Login"></td>
		  </tr>
		  <tr>
		    <td>&nbsp;</td>
		    <td><span class="homeColorSet1">{login.failMessage}</span>
			<OBJ loginError.username>Username does not exist</OBJ loginError.username>
			<OBJ loginError.password>Wrong password</OBJ loginError.password>
			<OBJ loginError.bruteforce>Account disabled</OBJ loginError.bruteforce>
			<OBJ loginError.active>Account is not active</OBJ loginError.active>			</td>
		    </tr>
		  <tr>
		    <td>&nbsp;</td>
		    <td><a href="?L=registration.register">Register</a> | <a href="?L=lostpass.index
">Lost password </a></td>
		  </tr>
		</table>
		</form>		</td>
        </tr>
      <tr>
        <td height="8" colspan="2"><img src="theme/default/images/frame/spacer.gif" alt="Spacer" height="8" /></td>
      </tr>
      <tr>
        <td colspan="2" bgcolor="#0A1D58"><img src="theme/default/images/frame/spacer.gif" alt="Spacer" height="1" /></td>
      </tr>
      <tr>
        <td height="8" colspan="2"><img src="theme/default/images/frame/spacer.gif" alt="Spacer" height="8" /></td>
      </tr>
    </table><!-- /rightpane --></td></div>
  </tr>
  <tr>
    <td valign="top"><p>&nbsp;</p>
      <form method="get">
        <table width="468" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="25">&nbsp;</td>
            <td><table width="100%" border="0" cellspacing="3" cellpadding="0" class="homeColorSet1">
              <tr>
                <td colspan="2"><div class="homeColorSet1">
				      <h1>Find <span class="homeColorSet2">Somebody!</span></h1></td>
                </tr>
              <tr>
                <td width="50%"><input type="hidden" name="L" value="search.users" />
                    <input name="query" type="text" id="query" class="fullwidth" /></td>
                <td><select name="gender" id="gender">
                    <option value="">Any gender</option>
                    <option value="man">Man</option>
                    <option value="woman">Woman</option>
                                                </select></td>
              </tr>

              <tr>
                <td valign="top"><strong>Only show </strong><br />
                    <p>
                      <label>
                      <input name="picture" type="checkbox" value="1" />
                        Users with a picture</label>
                      <label><br />
                      <input name="online" type="checkbox" id="online" value="1" />
                        Online users</label>
                  </p></td>
                <td valign="top"><p><strong>With age between</strong><br />
                        <input name="agelow" type="text" id="agelow" size="3" />
                  and
                  <input name="agehigh" type="text" id="agehigh" size="3" />
                  years old </p></td>
              </tr>
              <tr>
                <td valign="top"><p>
                    <input name="Submit" type="submit" id="Submit" value="Search" />
                  </p>
                    <br /></td>
                <td valign="top">&nbsp;</td>
              </tr>
            </table></td>
          </tr>
        </table>
	  </form>
	  </td>
    <td>&nbsp;</td>
    <td valign="top">&nbsp;</td>
  </tr>
</table>
<!-- footer --><!-- /footer -->
I posted the frame.tpl code as well, but I don't think I would need it anyway


thank you in advance