طلب تعديل على كود تسجيل الدخول ؟

[size=24]السلام عليكم ورحمة الله وبركاتة

أريد تعديل على هذا الكود
وهو كود تسجيل الدخول مثل الفى بى
بحيث يمكننى من التحكم
فى الألوان والخلفية وعمل إطار لنافذة تسجيل الدخول

جزاكم الله خيراً/size]

الكود::   <table width="100%" border="2" cellspacing="1" cellpadding="0" align="center"> <table style="text-align: left; margin-left: auto; margin-right: auto;" width="71%" border="2" cellpadding="1" cellspacing="1"> <tbody><tr> <td style="text-align: center;"><div style="border: medium none; text-align: center; background-color: transparent; color: rgb(0, 0, 0); overflow: hidden; text-decoration: none;"><div style="text-align: center;"><font style="color: black;" face="Arial" size="4"><b> أهلا وسهلا بك زائرنا الكريم، اذا كانت هذه زيارتك الأولى للمنتدى ، فيرجى التكرم بزيارة صفحة </b></font><font style="color: black;" face="Arial" size="4"><b>التعليمات</b></span><a style="color: Red;" href="http://www.eng2010.com/faq.htm"> بالضغط هنا</a><span style="color: black;"face="Arial" size="4">. كما يشرفنا أن تقوم بالتسجيل</span><a style="color: SeaGreen;" href="../profile.forum?mode=register&agreed=true&step=1"> بالضغط هنا </a><span style="color: black;face="Arial" size="4"> إذا </span> <span style="color: blue;"><span style="color: black;"face="Arial" size="4">رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة المواضيع التي ترغب.</span></span></b></font><font style="color: black;" face="Arial" size="4"><b><span style="color: blue;"><span style="color: red;"></span></span></b></font><br></div></div></td> </tr> </tbody></table> </tr> <tr> <tr> </table></td> <table width="100%" border="2" cellspacing="1" cellpadding="0" align="center"> <form action="/login.forum?redirect=h2-page" method="post" name="form_login"><div class="F_H_1"><div class="F_H_2"></div><div class="F_H_3"></div><div class="F_H_4"></div></div> <div class="F_G_2"><div class="F_G_3"> <div class="F_G_2"><div class="F_G_3"> <table width="90%" border="2" cellspacing="1" cellpadding="0" align="center"> <tr> <td class="row1" > <p align="right"> <div class="nav"><a class="nav" href="{U_INDEX}"> <img src="http://i48.servimg.com/u/f48/12/78/95/70/hima110.gif" class="inlineimg" alt="" border="0" height="15" width="15" /> {L_INDEX} </a>{NAV_CAT_DESC}</div> <img src="http://i48.servimg.com/u/f48/12/78/95/70/hima10.gif" height="15" width="30" /> {PAGE_TITLE} </strong> </p></td> <td width="400" class="row3"> <table border="2" width="100%" cellspacing="0" cellpadding="0" align="center"> <tr> <td><span class="genmed"><img src="http://i65.servimg.com/u/f65/13/95/29/87/56x76311.gif"></span> </td> <td><input id="Post" type="text" name="username" size="10" value="اسم العضو" onclick="if (this.value == 'اسم العضو') this.value = '';" onblur="if (this.value == '') this.value = 'اسم العضو';"> </td> <td> <input type="checkbox" name="autologin" checked="true"> <span span lang="ar-sa">حفظ البيانات؟</span> </td> </tr> <tr> <td><span class="genmed"><img src="http://i65.servimg.com/u/f65/13/95/29/87/a3d76410.gif"></span> </td> <td><input id="Post" type="password" name="password" size="10" value="" onclick="if (this.value == '') this.value = '';" onblur="if (this.value == '') this.value = '';"> </td> <td><input type="submit" class="mainoption" name="login" value="تسجيل الدخول" tabindex="104" > </td> </tr> </table></td> </tr> <tr> <td colspan="2"><table border="2" cellspacing="0" cellpadding="0" width="100%"> <tr> <th nowrap="nowrap" ><center><a href="/">الرئيسية</a></th><th nowrap="nowrap" ><center><a href="/register" >التسجيل</a></center></th><th nowrap="nowrap" ><center><a href="/profile?mode=sendpassword" >فقدت كلمة المرور</a></center></th> <th nowrap="nowrap" ><center><a href="/search" onclick="showhide(document.getElementById('search_menu')); return false;" rel="nofollow">البحث فى المنتدى</a></center></th> <tr> </table></td> </tr> </table> </div> </div> </div><div class="F_F_1"><div class="F_F_2"></div><div class="F_F_3"></div><div class="F_F_4"></div></div> </form>   <tr> </table></td> <div class="F_H_1"><div class="F_H_2"></div><div class="F_H_3"></div><div class="F_H_4"></div></div> <div class="F_G_2"><div class="F_G_3"> <table width="100%" border="2" cellspacing="1" cellpadding="0" align="center"> <tr> <td class="row1" > <div class="nav"><a class="nav" href="{U_INDEX}"> <img src="http://i48.servimg.com/u/f48/12/78/95/70/hima110.gif" class="inlineimg" alt="" border="0" height="15" width="15" /> {L_INDEX} </a>{NAV_CAT_DESC}</div> <img src="http://i48.servimg.com/u/f48/12/78/95/70/hima10.gif" height="15" width="30" /> {PAGE_TITLE} </strong> </p></td> <td width="400" class="row3"> <table border="2" width="100%" cellspacing="0" cellpadding="0" align="center"> <tr> <td > <span class="gensmall"> {LOGGED_AS} <br />{CURRENT_TIME}<br />{LAST_VISIT_DATE}</span> </td> </tr> </table></td> </tr> <tr> <td colspan="2"><table border="2" cellspacing="0" cellpadding="0" width="100%"> <tr> <th nowrap="nowrap" ><center><a href="/">الرئيسية</a></th><th nowrap="nowrap" ><center><a href="/profile?mode=editprofile" >لوحة التحكم</a></center></th><th nowrap="nowrap" ><center><a href="/privmsg?folder=inbox" >الرسائل الخاصة</a></center></th> <th nowrap="nowrap" ><center><a href="/search" onclick="showhide(document.getElementById('search_menu')); return false;" >البحث</a></center></th> <th nowrap="nowrap" ><center><a href="/login?logout=1">الخروج</a></th> <tr> </table></td> </tr> </table> </div> </div> </div><div class="F_F_1"><div class="F_F_2"></div><div class="F_F_3"></div><div class="F_F_4"></div></div>