آموزش گذاشتن ورود آجاکسی! خیلی باحاله

[adnan]

درود
این آموزش رو از سایت:
mybb.co
ترجمه کردم
امروز می خوام براتون گذاشتن قسمت ورود رو به صورت آجاکس براتون آموزش بدم
نمونه:
قبل از کلیک:
   
و بعد از کلیک:
   

و اما آموزش:
بازم بگم کد هارو اول در نوت پد و سپس به محل مورد نظر!

خوب اول فایل زیر رو دریافت کنید:

  images.zip (اندازه: 19.87 KB / تعداد دفعات دریافت: 34)
این فایل رو همین طوری که هست در هاست خود آپلود کنید و unzip کنید یا همون extract کنید

و سپس به محل زیر برید
اول بگم یه پشتیان از قالب خود دریافت کنید تا اگه پسند نشد برگردونید
قالب ها و پوسته ها>قالب مورد نظر>header> و در آخر header_welcomeblock_guest
کد های زیر رو جایگزین کد های قبلی کنید

کد:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<link href="images/slidepanel/styles.css" rel="stylesheet" type="text/css" />

<script src="images/slidepanel/js/jquery.js" type="text/javascript"></script>
<script src="images/slidepanel/js/panelslide.js" type="text/javascript"></script>

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
<div id="slide-panel"><!--SLIDE PANEL STARTS-->

<form action="member.php" method="post" class="form"><!--FORM STARTS-->
<center>
<p>وارد شوید</p>
<p><input type="text" class="textbox" name="username" size="25" maxlength="{$mybb->settings['maxnamelength']}" style="width: 200px;" value="{$username}" /></p>
<p><input type="password" class="textbox" name="password" size="25" style="width: 200px;" value="{$password}" /></p>
<input type="submit" class="button" name="submit" value="{$lang->login}" />
<input type="hidden" name="action" value="do_login" />
<input type="hidden" name="url" value="{$redirect_url}" />
</p>
<p><a href="{$mybb->settings['bburl']}/member.php?action=register"> ثبت نام |</a><a href="{$mybb->settings['bburl']}/member.php?action=lostpw">فراموش کردن رمز؟</a></p>
</center>
</form><!--FORM ENDS-->

</div><!--SLIDE PANEL ENDS-->

<p class="slide"><a href="#" class="btn-slide"></a></p><!--LOGIN BUTTON TEXT-->

با تشکر
در ضمن اگه 10 تا سپاس بخوره این تاپیک براتون قسمت کاربری آجاکس رو می زارم
و این بگم که شما می تونید برای گذاشتن منو برای هدر منو خودتون رو طراحی کرده و در پایین همه این کد ها بزارید

[Doodoo]

درود جالبه ولی من یک نازش رو دارم که حرف نداره از نظر زیبایی و ... به محض اینکه ستش کنم پلاگینش میکنم و تقدیم میکنم