الكود:

<div class="bablil" align="center">
<h1>
<span style="color: #5f5f5f">البيانات</span>
الشخصية
</h1>
<h2>مع نظام ادارة البيانات الجديد يسهل عليكم تعديل و تسجيل بياناتكم الشخصية</h2>
<p>
يتيح لكم نظام ادارة البيانات الشخصية من تعديل او تسجيل وحفظ بياناتكم في اي لحظة بسهولة التامة كما انه نتيح لك عدة روابط تهمك على المنتدى
</p>
<a class="yassine" href="profile?mode=editprofile">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/128.png" alt="">
</div>
<span>معاينة البيانات الشخصية</span>
</a>
<a class="yassine" href="profile?mode=editprofile&page_profil=avatars">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/224.png" alt="">
</div>
<span>تغيير الصورة الشخصية</span>
</a>
<a class="yassine" href="profile?mode=editprofile&page_profil=preferences">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/320.png" alt="">
</div>
<span>تعديل التفضيلات الخاصة</span>
</a>
<a class="yassine" href="profile?mode=editprofile&page_profil=friendsfoes">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/416.png" alt="">
</div>
<span>خيارات الأصدقاء و المنبوذين</span>
</a>
<a class="yassine" href="profile?mode=editprofile&page_profil=attachments">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/516.png" alt="">
</div>
<span>المرفقات الشخصية</span>
</a>
<a class="yassine" href="profile?mode=editprofile&page_profil=notifications">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/615.png" alt="">
</div>
<span>معاينة الإشعارات الخاصة</span>
</a>
<a class="yassine" href="profile?mode=editprofile&page_profil=signature">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/712.png" alt="">
</div>
<span>إدارة التوقيع الشخصي</span>
</a>
  <a class="yassine" href="/contact">
<div class="icon">
<img src="http://i21.servimg.com/u/f21/18/04/55/46/812.png" alt="">
</div>
<span>اتصال بإدارة المنتدى</span>
</a>
</div>
  <br>

الكود:

.bablil {
    float: center;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    padding-bottom: 30px;
    width: 100%;
}
.bablil h1 {
    color: hsl(337, 100%, 57%);
    font-family: GESSTwoMed;
    font-size: 21px;
    font-weight: normal;
    text-align: center;
}
.bablil h2 {
    color: hsl(0, 0%, 61%);
    font-family: GESSTwoMed;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    text-align: center;
}
.bablil p {
    color: hsl(0, 0%, 38%);
    font-family: GESSTwoMed;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
}

.yassine {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: hsl(0, 0%, 100%);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: hsl(0, 0%, 85%);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: hsl(0, 0%, 85%);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: hsl(0, 0%, 85%);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: hsl(0, 0%, 85%);
    border-top-style: solid;
    border-top-width: 1px;
    cursor: pointer;
    float: right;
    height: 170px;
    margin-left: 6px;
    margin-top: 20px;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.63, 0.08, 0.35, 0.92);
    width: 228px;
}
.yassine:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: hsl(338, 100%, 86%);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: hsl(338, 100%, 86%);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: hsl(338, 100%, 86%);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: hsl(338, 100%, 86%);
    border-top-style: solid;
    border-top-width: 1px;
}
.yassine:hover > .icon {
    background-image: url("http://i21.servimg.com/u/f21/18/04/55/46/127.png");
    transform: rotate(360deg);
}
.yassine:hover > span {
    color: hsl(337, 100%, 57%);
    margin-top: -10px;
}
.yassine .icon {
    background-image: url("http://i21.servimg.com/u/f21/18/04/55/46/223.png");
    float: center;
    height: 86px;
    margin-bottom: 18px;
    margin-left: 70px;
    margin-right: 70px;
    margin-top: 27px;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.63, 0.08, 0.35, 0.92);
    width: 86px;
}
.yassine span {
    color: hsl(0, 0%, 28%);
    float: center;
    font-family: GESSTwoMed;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.63, 0.08, 0.35, 0.92);
    width: 100%;
}

الكود:


<head>
<style>#topMenu{padding: 0;margin: 0;list-style: none;}#topMenu li{float: left;list-style:none;position: relative;}#topMenu li ul{display: none;position: absolute;left: 0;padding: 0;margin: 0;}#topMenu li.over ul{display: block;}#topMenu li:hover ul{display: block;}</style>
<style>#topMenu{padding: 0;margin: 0;list-style: none;}#topMenu li{float: left;list-style:none;position: relative;}#topMenu li ul{display: none;position: absolute;left: 0;padding: 0;margin: 0;}#topMenu li.over ul{display: block;}#topMenu li:hover ul{display: block;}</style>
</head>

 



<table class="forumline" width="100%" border="0" cellpadding="0" cellspacing="1" id="table5">
<tr>
<td class="row1" valign="middle" align="center">
<table class="forumline" id="table10" border="0" cellpadding="0" cellspacing="1" width="100%"><tbody><tr><td class="row3" width="100" valign="top">
<table style="text-align: left; margin-left: auto; margin-right: auto;" class="page" id="table11" border="0" cellpadding="4" cellspacing="5" width="180" height="10"><tbody><tr style="background-color:#C3C3C3;" align="center">
<td class="tfoot" background="http://i67.servimg.com/u/f67/15/67/93/17/untitl10.jpg">
<span style="font-family: Tahoma; color: Black; font-weight:bold">
<font size="2">تعديل البيانات الشخصية</font></span></td></tr><tr style="background-color:#C3C3C3; color: White;" align="right"><td class="thead">
<font size="2" face="Tahoma">
<img src="http://i77.servimg.com/u/f77/15/47/68/39/th/applet10.png" alt="http://i77.servimg.com/u/f77/15/47/68/39/th/applet10.png" id="new_pic" border="0"><b><a class="Option" href="/profile?mode=editprofile&page_profil=avatars&tt=1"> تعديل الصورة  الشخصية
  </a></b></font></td></tr><tr style="background-color:#C3C3C3; color: Black;" align="right"><td class="alt2" nowrap="nowrap">
<font size="2" face="Tahoma">
<img src="http://i77.servimg.com/u/f77/15/47/68/39/th/prefer10.png" alt="http://i77.servimg.com/u/f77/15/47/68/39/th/prefer10.png" id="new_pic0" border="0"><b><a class="Option" href="/profile?mode=editprofile&page_profil=signature&tt=1"> تعديل التوقيع  الشخصي
 </a></b></font></td></tr><tr style="background-color:#C3C3C3; color: Black;" align="right"><td class="alt2" nowrap="nowrap">
<font size="2" face="Tahoma">
<img src="http://i77.servimg.com/u/f77/15/47/68/39/th/fusion10.png" alt="http://i77.servimg.com/u/f77/15/47/68/39/th/fusion10.png" id="new_pic1" border="0"><b><a class="Option" href="/profile?mode=editprofile&tt=1"> تغير
البريد // و كلمة السر</a></b></font></td></tr><tr style="background-color:#C3C3C3; color: Black;" align="right"><td class="thead">
<font size="2" face="Tahoma">
<img src="http://i77.servimg.com/u/f77/15/47/68/39/th/dia_gn10.png" alt="http://i77.servimg.com/u/f77/15/47/68/39/th/dia_gn10.png" id="new_pic2" border="0"><b><a class="Option" href="/profile?mode=editprofile&page_profil=friendsfoes&tt=1"><span lang="ar-dz"> الأصدقاء
والمنبوذين</span></a></b></font><span class="smallfont" style=""></span></td></tr><tr style="background-color:#C3C3C3; color: Black;" align="right"><td class="alt2" nowrap="nowrap">
<font size="2" face="Tahoma">
<img src="http://i77.servimg.com/u/f77/15/47/68/39/th/iconte10.png" alt="http://i77.servimg.com/u/f77/15/47/68/39/th/iconte10.png" id="new_pic3" border="0"><b><a class="Option" href="/search?search_id=watchsearch&tt=1"> المواضيع
المراقبة </a></b></font></td></tr><tr style="background-color:#C3C3C3; color: Black;" align="right"><td class="alt2" nowrap="nowrap"><div style="text-align: right;"></div>
<font size="2" face="Tahoma">
<img src="http://i77.servimg.com/u/f77/15/47/68/39/th/icons10.png" alt="http://i77.servimg.com/u/f77/15/47/68/39/th/icons10.png" id="new_pic4" border="0"><b><a href="/search?search_id=egosearch&tt=1"><span class="Option"> استعراض  مشاركاتي  </span></a></b></font></td></tr><tr style="background-color:#C3C3C3; color: Black;" align="right"><td class="alt2" nowrap="nowrap">
<font size="2" face="Tahoma">
<img src="http://i77.servimg.com/u/f77/15/47/68/39/th/facebo10.png" alt="http://i77.servimg.com/u/f77/15/47/68/39/th/facebo10.png" id="new_pic5" border="0"><b><a href="/profile?mode=editprofile&page_profil=facebook"><span class="Option">دعوة
الأصدقاء </span></a>
</b></font></td></tr><tr style="background-color:#C3C3C3; color: Black;" align="right">
<td class="tfoot" background="http://i67.servimg.com/u/f67/15/67/93/17/untitl10.jpg">
<span style="font-weight: bold; font-family: Tahoma; color: Black">
<font size="2">الرسائل الخاصة</font></span><font size="2" face="Tahoma"><br>
</font></td></tr><tr style="background-color:#C3C3C3; color: Black;" align="right"><td class="alt2" nowrap="nowrap">
<font size="2" face="Tahoma">
<img src="http://i77.servimg.com/u/f77/15/47/68/39/th/docume10.png" alt="http://i77.servimg.com/u/f77/15/47/68/39/th/docume10.png" id="new_pic6" border="0"><b><a href="/msg.forum?mode=post"><span class="Option"> إرسال رسالة جديدة
 </span></a></b></font></td></tr><tr style="background-color:#C3C3C3; color: Black;" align="right"><td class="alt2" nowrap="nowrap">
<font size="2" face="Tahoma">
<img src="http://i77.servimg.com/u/f77/15/47/68/39/th/go-pre10.png" alt="http://i77.servimg.com/u/f77/15/47/68/39/th/go-pre10.png" id="new_pic7" border="0"><b><a href="/msg.forum?folder=inbox">قائمة
الرسائل المستقبلة <span class="Option"></span></a></b></font></td></tr><tr style="background-color:#C3C3C3; color: Black;" align="right"><td class="alt2" nowrap="nowrap">
<font size="2" face="Tahoma">
<img src="http://i77.servimg.com/u/f77/15/47/68/39/th/kontac10.png" alt="http://i77.servimg.com/u/f77/15/47/68/39/th/kontac10.png" id="new_pic8" border="0"><b><a href="/msg.forum?folder=sentbox">  قائمة
الرسائل المرسلة <span class="Option"></span></a></b></font></td></tr><tr style="background-color:#C3C3C3; color: Black;" align="right"><td style="vertical-align: top;">
<font size="2" face="Tahoma">
<img src="http://i77.servimg.com/u/f77/15/47/68/39/th/icon2010.png" alt="http://i77.servimg.com/u/f77/15/47/68/39/th/icon2010.png" id="new_pic9" border="0"></font><b><font face="Tahoma" size="2"><a href="/msg.forum?folder=savebox"> أرشيف
الرسائل </a></font><a href="/msg.forum?mode=post/msg.forum?folder=sentbox"><span class="Option"></span></a></b></td></tr></tbody></table></td>
<td style="text-align: right;" class="row3" width="100%" height="28" valign="top"><script type="text/javascript">$('input[name=reset]').click(function(){$("#pwd_good,#pwd_middle,#pwd_bad").hide();});$('input[name=new_password],input[name=username]').keyup(function() {if ( $('input[name=new_password]').val() != "" ){var level = passwordStrength($('input[name=new_password]').val(),$('input[name=username]').val());switch(level){case 'bad' :$("#pwd_middle,#pwd_good").hide();$("#pwd_bad").show();break;case 'good' :$("#pwd_good,#pwd_bad").hide();$("#pwd_middle").show();break;case 'strong' :$("#pwd_middle,#pwd_bad").hide();$("#pwd_good").show();break;}}else{$("#pwd_middle,#pwd_good,#pwd_bad").hide();}});</script>
<form action="{S_PROFILE_ACTION}" {S_FORM_ENCTYPE} method="post" id="register" name="register">

<!-- BEGIN switch_modif_08_07_2010 -->
<input type="hidden" name="email" value="{EMAIL}" />
<!-- END switch_modif_08_07_2010 -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" id="table12">
<!-- BEGIN switch_informations_menu -->
<tr>
<th class="thHead" colspan="2" valign="middle" height="25">{L_REGISTRATION_INFO}{L_MY_PROFILE}</th>
</tr>
<tr>
<td class="row2" colspan="2"><span class="gensmall">{L_ITEMS_REQUIRED}</span></td>
</tr>

<!-- BEGIN switch_namechange_disallowed -->
<tr>
<td class="row1" width="38%"><span class="gen">{L_USERNAME} : *</span></td>
<td class="row2"><input type="hidden" name="username" value="{USERNAME}" /><span class="gen"><b>{USERNAME}</b></span></td>
</tr>
<!-- END switch_namechange_disallowed -->
<!-- BEGIN switch_namechange_allowed -->
<tr>
<td class="row1" width="38%"><span class="gen">{L_USERNAME} : *</span></td>
<td class="row2">
<input class="post" type="text" name="username1" value="{USERNAME}" size="25" maxlength="25" /></td>
</tr>
<!-- END switch_namechange_allowed -->

<!-- BEGIN switch_emailchange_disallowed -->
<tr>
<td class="row1"><span class="gen">{L_EMAIL_ADDRESS} : *</span></td>
<td class="row2"><input type="hidden" name="email" value="{EMAIL}" /><span class="gen"><b>{EMAIL}</b></span></td>
</tr>
<!-- END switch_emailchange_disallowed -->
<!-- BEGIN switch_emailchange_allowed -->
<tr>
<td class="row1"><span class="gen">{L_EMAIL_ADDRESS} : *</span></td>
<td class="row2">
<input class="post" type="text" name="email1" value="{EMAIL}" size="25" maxlength="64" /></td>
</tr>
<!-- END switch_emailchange_allowed -->

<!-- BEGIN switch_edit_profile -->
<tr>
<td class="row1">
<span class="gen">{L_CURRENT_PASSWORD} : *</span><br />
<span class="gensmall">{L_CONFIRM_PASSWORD_EXPLAIN}</span>
</td>
<td class="row2"><input class="post" type="password" name="cur_password" value="{CUR_PASSWORD}" size="25" maxlength="25" /></td>
</tr>
<!-- END switch_edit_profile -->

<tr>
<td class="row1"><span class="gen">{L_NEW_PASSWORD} : *</span><br /><span class="gensmall">{L_PASSWORD_IF_CHANGED}</span></td>
<td class="row2">
<input class="post left" type="password" name="new_password" value="{NEW_PASSWORD}" size="25" maxlength="25" />
<div id="cont_pwd">
<div class="pwd_img" id="pwd_bad" >{BAD_LEVEL_PWD}</div>
<div class="pwd_img" id="pwd_middle" >{GOOD_LEVEL_PWD}</div>
<div class="pwd_img" id="pwd_good" >{STRONG_LEVEL_PWD}</div>
</div>
</td>
</tr>

<!-- BEGIN switch_confirm_password -->
<tr>
<td class="row1"><span class="gen">{L_CONFIRM_PASSWORD} : *</span><br /><span class="gensmall">{L_PASSWORD_CONFIRM_IF_CHANGED}</span></td>
<td class="row2"><input class="post" type="password" name="password_confirm" value="{PASSWORD_CONFIRM}" size="25" maxlength="25" /></td>
</tr>
<!-- END switch_confirm_password -->

<!-- BEGIN switch_profile_fields -->
<tr>
<th class="thSides" colspan="2" valign="middle" height="25">{switch_informations_menu.switch_profile_fields.L_PROFILE_FIELDS}</th>
</tr>
<!-- BEGIN field -->
<tr>
<td class="gen row1" align="left">
<span>{switch_informations_menu.switch_profile_fields.field.NAME}</span>
</td>
<td class="gensmall row2">
{switch_informations_menu.switch_profile_fields.field.OBJECT}<br />
<span class="gensmall">{switch_informations_menu.switch_profile_fields.field.DESCRIPTION}</span>
</td>
</tr>
<!-- END field -->
<!-- END switch_profile_fields -->

<!-- BEGIN switch_confirm -->
<tr>
<td class="row1" colspan="2" align="center"><span class="gensmall">{L_CONFIRM_CODE_IMPAIRED}</span><br />
<br />
{CONFIRM_IMG}<br />
<br />
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_CONFIRM_CODE} : *</span><br /><span class="gensmall">{L_CONFIRM_CODE_EXPLAIN}</span></td>
<td class="row2"><input class="post" type="text" name="confirm_code" value="" size="6" maxlength="6" /></td>
</tr>
<!-- END switch_confirm -->

<!-- BEGIN switch_register_not_display -->
<!-- BEGIN switch_unsubscribe_allowed -->
<tr>
<td class="row1"><span class="gen">{L_DELETE}</span></td>
<td class="row2"><input type="checkbox" name="delete_user"><span class="gensmall" />{L_DELETE_EXPLAIN}</span></td>
</tr>
<!-- END switch_unsubscribe_allowed -->
<!-- END switch_register_not_display -->
<!-- END switch_informations_menu -->

<!-- BEGIN switch_preferences_menu -->
<tr>
<th class="thSides" colspan="2" valign="middle" height="25">{L_PREFERENCES}</th>
</tr>
<tr>
<td class="row1"><span class="gen">{L_PUBLIC_VIEW_EMAIL} :</span></td>
<td class="row2" width="400">
<label class="gen">
<input type="radio" name="viewemail" value="2" {VIEW_EMAIL_FORM} checked /><span class="gen">{L_FORM}</span></label>
<label class="gen"><input type="radio" name="viewemail" value="1" {VIEW_EMAIL_MAILTO} />{L_MAILTO}</label>
<label class="gen"><input type="radio" name="viewemail" value="0" {VIEW_EMAIL_NO} />{L_NO}</label>
</td>
</tr>
<!-- BEGIN switch_view_pm -->
<tr>
<td class="row1"><span class="gen">{L_PUBLIC_VIEW_MP} :</span></td>
<td class="row2" width="400">
<label class="gen">
<input type="radio" name="view_pm" value="1" {VIEW_MP_YES} checked />{L_YES}</label>
<label class="gen"><input type="radio" name="view_pm" value="0" {VIEW_MP_NO} />{L_NO}</label>
</td>
</tr>
<!-- END switch_view_pm -->
<!-- BEGIN switch_profile_advanced -->
<tr>
<td class="row1"><span class="gen">{switch_preferences_menu.switch_profile_advanced.L_ALLOW_PROFILE_MSGS} :</span></td>
<td class="row2" width="400">
<label class="gen">
<input type="radio" name="profilemsgs" value="2" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_ALL} checked />{L_ALL_USERS}</label>
<label class="gen"><input type="radio" name="profilemsgs" value="1" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_FRIENDS} />{L_MY_FRIENDS}</label>
<label class="gen"><input type="radio" name="profilemsgs" value="0" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_NONE} />{L_NO_ONE}</label>
<label class="gen">
<input type="radio" name="profilemsgs" value="-" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_HIDE} />{L_HIDE_TAB}</label>
</td>
</tr>
<!-- END switch_profile_advanced -->
<!-- BEGIN switch_fb_connect -->
<tr>
<td class="row1 fb"><span class="gen">{switch_preferences_menu.switch_fb_connect.L_FB_LINK_ACCOUNT} :</span></td>
<td class="row2 fb" width="400">
<!-- BEGIN switch_fb_account_linked -->
<span class="gen">{switch_preferences_menu.switch_fb_connect.switch_fb_account_linked.L_FB_ACCOUNT_LINKED}</span>
<!-- END switch_fb_account_linked -->
<!-- BEGIN switch_fb_account_not_linked -->
<fb:login-button size="medium" onlogin="facebook_link()" v="2">{switch_preferences_menu.switch_fb_connect.switch_fb_account_not_linked.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_account_not_linked -->
</td>
</tr>
<!-- END switch_fb_connect -->
<tr>
<td class="row1"><span class="gen">{L_NEWSLETTER_ACCEPT} :</span><br /><span class="gensmall">{L_NEWSLETTER_ACCEPT_EXPLAIN}</span></td>
<td class="row2" width="400">
<label class="gen">
<input type="radio" name="newsletter" value="1" {NEWSLETTER_YES} checked />{L_YES}</label>
<label class="gen"><input type="radio" name="newsletter" value="0" {NEWSLETTER_NO} />{L_NO}</label>
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_HIDE_USER} :</span></td>
<td class="row2">
<label class="gen">
<input type="radio" name="hideonline" value="1" {HIDE_USER_YES} checked />{L_YES}</label>
<label class="gen"><input type="radio" name="hideonline" value="0" {HIDE_USER_NO} />{L_NO}</label>
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_NOTIFY_ON_REPLY} :</span><br /><span class="gensmall">{L_NOTIFY_ON_REPLY_EXPLAIN}</span></td>
<td class="row2">
<label class="gen">
<input type="radio" name="notifyreply" value="1" {NOTIFY_REPLY_YES} checked />{L_YES}</label>
<label class="gen"><input type="radio" name="notifyreply" value="0" {NOTIFY_REPLY_NO} />{L_NO}</label>
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_NOTIFY_ON_PRIVMSG} :</span></td>
<td class="row2">
<label class="gen">
<input type="radio" name="notifypm" value="1" {NOTIFY_PM_YES} checked />{L_YES}</label>
<label class="gen"><input type="radio" name="notifypm" value="0" {NOTIFY_PM_NO} />{L_NO}</label>
</td>
</tr>
<!-- BEGIN switch_can_disable_mass_pm -->
<tr>
<td class="row1"><span class="gen">{L_ENABLE_MASS_PM} :</span><br /><span class="gensmall">{L_ENABLE_MASS_PM_EXPLAIN}</span></td>
<td class="row2">
<label class="gen">
<input type="radio" name="allow_mass_pm" value="4" {ALLOW_MASS_PM_NOTIFY_CHECKED} checked />{L_YES}</label>
<label class="gen"><input type="radio" name="allow_mass_pm" value="2" {ALLOW_MASS_PM_CHECKED} /><span class="gen">{L_NO}</span></label>
<label class="gen"><input type="radio" name="allow_mass_pm" value="0" {DISABLE_MASS_PM_CHECKED} /><span class="gen">{L_NO_MASS_PM}</span></label>
</td>
</tr>
<!-- END switch_can_disable_mass_pm -->
<tr>
<td class="row1"><span class="gen">{L_POPUP_ON_PRIVMSG} :</span><br /><span class="gensmall">{L_POPUP_ON_PRIVMSG_EXPLAIN}</span></td>
<td class="row2">
<label class="gen">
<input type="radio" name="popup_pm" value="1" {POPUP_PM_YES} checked />{L_YES}</label>
<label class="gen"><input type="radio" name="popup_pm" value="0" {POPUP_PM_NO} />{L_NO}</label>
</td>
</tr>
<tr>
<td class="row1">
<span class="gen">{L_NOTIFY_POST_PREVENT} :</span><br />
<span class="gensmall">{L_NOTIFY_POST_PREVENT_EXPLAIN}</span>
</td>
<td class="row2">
<label class="gen">
<input type="radio" name="post_prevent" value="1" {POST_PREVENT_YES} checked />{L_YES}</label>
<label class="gen"><input type="radio" name="post_prevent" value="0" {POST_PREVENT_NO} />{L_NO}</label>
</td>
</tr>
<!-- BEGIN switch_report -->
<tr>
<td class="row1"><span class="gen">{switch_preferences_menu.switch_report.L_NO_REPORT_POPUP} :</span></td>
<td class="row2">
<label class="gen">
<input type="radio" name="no_report_popup" value="0" {switch_preferences_menu.switch_report.NO_REPORT_POPUP_YES} checked />{L_YES}</label>
<label class="gen"><input type="radio" name="no_report_popup" value="1" {switch_preferences_menu.switch_report.NO_REPORT_POPUP_NO} />{L_NO}</label>
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{switch_preferences_menu.switch_report.L_NO_REPORT_MAIL} :</span></td>
<td class="row2">
<label class="gen">
<input type="radio" name="no_report_mail" value="0" {switch_preferences_menu.switch_report.NO_REPORT_MAIL_YES} checked />{L_YES}</label>
<label class="gen"><input type="radio" name="no_report_mail" value="1" {switch_preferences_menu.switch_report.NO_REPORT_MAIL_NO} />{L_NO}</label>
</td>
</tr>
<!-- END switch_report -->
<tr>
<td class="row1"><span class="gen">{L_ALWAYS_ADD_SIGNATURE} :</span></td>
<td class="row2">
<label class="gen">
<input type="radio" name="attachsig" value="1" {ALWAYS_ADD_SIGNATURE_YES} checked />{L_YES}</label>
<label class="gen"><input type="radio" name="attachsig" value="0" {ALWAYS_ADD_SIGNATURE_NO} />{L_NO}</label>
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_ALWAYS_ALLOW_BBCODE} :</span></td>
<td class="row2">
<label class="gen">
<input type="radio" name="allowbbcode" value="1" {ALWAYS_ALLOW_BBCODE_YES} checked />{L_YES}</label>
<label class="gen"><input type="radio" name="allowbbcode" value="0" {ALWAYS_ALLOW_BBCODE_NO} />{L_NO}</label>
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_ALWAYS_ALLOW_HTML} :</span></td>
<td class="row2">
<label class="gen">
<input type="radio" name="allowhtml" value="1" {ALWAYS_ALLOW_HTML_YES} checked />{L_YES}</label>
<label class="gen"><input type="radio" name="allowhtml" value="0" {ALWAYS_ALLOW_HTML_NO} />{L_NO}</label>
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_ALWAYS_ALLOW_SMILIES} :</span></td>
<td class="row2">
<label class="gen">
<input type="radio" name="allowsmilies" value="1" {ALWAYS_ALLOW_SMILIES_YES} checked />{L_YES}</label>
<label class="gen"><input type="radio" name="allowsmilies" value="0" {ALWAYS_ALLOW_SMILIES_NO} />{L_NO}</label>
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_BOARD_LANGUAGE} :</span></td>
<td class="row2"><span class="gensmall">{LANGUAGE_SELECT}</span></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_TIMEZONE} :</span></td>
<td class="row2"><span class="gensmall">{TIMEZONE_SELECT}</span></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_DATE_FORMAT} :</span></td>
<td class="row2">{DATE_FORMAT}</td>
</tr>
<!-- BEGIN switch_number_format -->
<tr>
<td class="row1"><span class="gen">{L_NUMBER_FORMAT} :</span></td>
<td class="row2">{NUMBER_FORMAT}</td>
</tr>
<!-- END switch_number_format -->
<tr>
<td class="row1"><span class="gen">{L_AUTO_CORRECT_DST} :</span></td>
<td class="row2">
<label class="gen">
<input type="radio" name="auto_dst" value="1"{AUTO_CORRECT_DST_YES} checked />{L_YES}</label>
<label class="gen"><input type="radio" name="auto_dst" value="0"{AUTO_CORRECT_DST_NO} />{L_NO}</label>
</td>
</tr>
<tr>
<td class="row1">
<span class="gen">{L_DAYLIGHT_SAVING_TIME} :</span><br />
<span class="gensmall">{CURRENT_TIME}</span>
</td>
<td class="row2">
<label class="gen">
<input type="radio" name="summer_time" value="0"{WINTER_TIME_CHECKED} checked />{L_WINTER_TIME}</label>
<label class="gen"><input type="radio" name="summer_time" value="1"{SUMMER_TIME_CHECKED} />{L_SUMMER_TIME}</label>
</td>
</tr>
<!-- END switch_preferences_menu -->
<!-- BEGIN switch_avatar_block -->
<tr>
<th class="thSides" colspan="2" valign="middle" height="12">{L_AVATAR_PANEL}</th>
</tr>
<tr>
<td class="row1" colspan="2">
<table width="70%" border="0" cellspacing="2" cellpadding="0" id="table13">
<tr>
<td width="65%"><span class="gensmall">{L_AVATAR_EXPLAIN}</span></td>
<td align="center">
<span class="gensmall">{L_CURRENT_IMAGE}</span><br />
{AVATAR}<br />
<input type="checkbox" name="avatardel"> <span class="gensmall">{L_DELETE_AVATAR}</span>
</td>
</tr>
</table>
</td>
</tr>

<!-- BEGIN switch_avatar_local_upload -->
<tr>
<td class="row1"><span class="gen">{L_UPLOAD_AVATAR_FILE} :</span></td>
<td class="row2"><input class="post" type="file" name="avatar"></td>
</tr>
<!-- END switch_avatar_local_upload -->
<!-- BEGIN switch_avatar_remote_upload -->
<tr>
<td class="row1"><span class="gen">{L_UPLOAD_AVATAR_URL} :</span><br /><span class="gensmall">{L_UPLOAD_AVATAR_URL_EXPLAIN}</span></td>
<td class="row2"><input class="post" type="text" name="avatarurl" size="40" maxlength="100" /></td>
</tr>
<!-- END switch_avatar_remote_upload -->
<!-- BEGIN switch_avatar_remote_link -->
<tr>
<td class="row1"><span class="gen">{L_LINK_REMOTE_AVATAR} :</span><br /><span class="gensmall">{L_LINK_REMOTE_AVATAR_EXPLAIN}</span></td>
<td class="row2"><input class="post" type="text" name="avatarremoteurl" size="40" maxlength="100" /></td>
</tr>
<!-- END switch_avatar_remote_link -->
<!-- BEGIN switch_avatar_local_gallery -->
<tr>
<td class="row1"><span class="gen">{L_AVATAR_GALLERY} :</span></td>
<td class="row2"><input class="liteoption" type="submit" name="avatargallery" value="{L_SHOW_GALLERY}" /></td>
</tr>
<!-- END switch_avatar_local_gallery -->
<!-- END switch_avatar_block -->

<tr>
<td class="catBottom" colspan="2" align="center" height="28">{HIDDEN_FIELDS}{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="submit" value="{L_SUBMIT}" /> <input class="liteoption" type="reset" name="reset" value="{L_RESET}" /></td>
</tr>
</table>
</form>
<script type="text/javascript">
$('input[name=reset]').click(function(){
$("#pwd_good,#pwd_middle,#pwd_bad").hide();

});

$('input[name=new_password],input[name=username]').keyup(function() {

if ( $('input[name=new_password]').val() != "" )
{
var level = passwordStrength($('input[name=new_password]').val(),$('input[name=username]').val());

switch(level)
{
case 'bad' :
$("#pwd_middle,#pwd_good").hide();
$("#pwd_bad").show();
break;

case 'good' :
$("#pwd_good,#pwd_bad").hide();
$("#pwd_middle").show();
break;

case 'strong' :
$("#pwd_middle,#pwd_bad").hide();
$("#pwd_good").show();
break;
}
}
else
{
$("#pwd_middle,#pwd_good,#pwd_bad").hide();
}
});
</script>
<!-- BEGIN switch_preferences_menu -->
<!-- BEGIN switch_fb_connect -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_preferences_menu.switch_fb_connect.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
    oauth: true
});
//]]>
</script>
<!-- END switch_fb_connect -->
<!-- END switch_preferences_menu --></td></tr></tbody></table>
</td>
</tr>
</table>



زناتى كتب:ان شاء الله يساعدوك