كود [Template] لوحة التحكم ( البيانات الشخصيه ) مثل الـ vb

بسم الله الرحمن الرحيم

اعضاء و زوار منتدى طريق التطوير

اقدم لكم كود لجعل البيانات الشخصية مثل منتديات الـ vb

صورة للكود

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

https://i.servimg.com/u/f40/16/50/59/14/20-01-20.png

شرح الكود

1- لوحة الاداره

2 - مظهر المنتدى

3 - التومبلايتات و القوالب / البيانات الشخصيه

4 - اضغط تعديل على قوالب ( profile_add_body )

5 - احذف جميع الاكواد
ظلل الاكواد و احذفها و ضع الكود الجديد مكانها
و اضغط سجل

الكود:: <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">


<input type="hidden" name="email" value="{EMAIL}" />


<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" id="table12">

<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>


<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>


<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>



<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>


<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>



<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>


<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>


<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>



<tr>
<th class="thSides" colspan="2" valign="middle" height="25">{switch_informations_menu.switch_profile_fields.L_PROFILE_FIELDS}</th>
</tr>

<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>




<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>




<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>





<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>

<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>


<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>


<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">

<span class="gen">{switch_preferences_menu.switch_fb_connect.switch_fb_account_linked.L_FB_ACCOUNT_LINKED}</span>


<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>

</td>
</tr>

<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>

<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>

<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>

<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>

<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>

<tr>
<td class="row1"><span class="gen">{L_NUMBER_FORMAT} :</span></td>
<td class="row2">{NUMBER_FORMAT}</td>
</tr>

<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>


<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>


<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>


<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>


<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>


<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>



<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>


<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>

</td></tr></tbody></table>
</td>
</tr>
</table>