فرم ورود کشویی برای مای بی بی [جی کوئری]


به درخواست کاربران قرار شد تا یه سری از نمونه های باکس ورود به انجمن رو بزاریم تا سایر دوستان استفاده بکنند .
خب این هم نمونه اولی که نایاب هست و شاید اصلا آموزش و نمونه اش رو در سایر انجمن ها ندیده اید .

خب میریم سر آموزش و چگونگی استفاده
ابتدا به مسیر زیر برید :
پنل ادمین / قالب ها و پوسته ها / قالب مورد نظر / Header Templates
حالا فایل header_welcomeblock_guest رو ویرایش کنید و به جای کدهای موجود در اون کدهای زیر رو قرار بدید :




<div id="logincontainer">
<span>مهمان عزیز ، لطفا </span><a href="#" class="logbut show_hide">وارد</a> شوید یا  <a href="{$mybb->settings['bburl']}/member.php?action=register" class="regbut">ثیت نام</a> کنید .
</div>
<div class="logbar">
<div class="arrow" style="border-bottom-color: #272727;"></div>
<form action="member.php" class="loginform" method="post">
<input type="hidden" name="action" value="do_login" />
<input type="hidden" name="url" value="{$url}" />
<label>نام کاربری : </label>
<input type="text" name="username" value="" class="textbox"/>
<br />
<label>رمز عبور : </label>
<input type="password" style="margin-left: 6px;" name="password" value="" class="textbox"/>
</span>
<br/>
<input type="submit" class="button" value="ورود" tabindex="3" />
<a href="{$mybb->settings['bburl']}/member.php?action=lostpw"> <input type="submit" value="{$lang->lost_password}" name="submit" class="button" /></a><br />
<label class="smalltext" title=""><input type="checkbox" value="yes" checked="checked" name="remember" class="checkbox"> مرا به خاطر بسپار ?</label>
</form>
</div>


خب حالا فایل زیر که حاوی کدهای استایل مورد نیاز هست رو دانلود کنید :
نام فایل : style.css
اندازه : 2.36 KB
پسورد : www.mybbco.ir
فقط اعضا میتوانند فایل پیوست را دریافت کنند .

حالا محتویاتش رو در داخل global.css پوسته اتون قرار بدید .

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




<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
jQuery.noConflict();
  $(".logbar").hide();
  $(".logbut").addClass("plus").show();
  $('.logbut').toggle(
      function(){
          $(".logbar").slideDown().slideToggle("fast");
          $(this).addClass("plus");
          $(this).removeClass("minus");
      },
      function(){
          $(".logbar").slideUp().slideToggle("fast");
          $(this).addClass("minus");
          $(this).removeClass("plus");
      }
  );
});
</script>


خب کار تموم هست و میتونید نمونه رو در انجمنتون ببینید .
موفق باشید
منبع : همیار مای بی بی و Mybb es
thanks
تصویر (ها)
   
نویسنده :

X
پلاگین تایپک خوش آمد گویی
[color=red] نویسنده : [/color]vbgamer45  [color=red]   ترجمه شده توسط : [/color]Mahdi_Sarmadi [c ...
تعیین نشده
دیدگاه های کاربران 2

ارسال: 2
سلام با تشکر من نتونستم فایل سی اس اس رو دانلود کنم!
ارسال: 3
من با موزیلا امتحان کردم شد!
اگه از برنامه ی خاصی واسه دانلود استفاده می کنید موقتاً اونو غیرفعال کنید و دوباره امتحان کنید/.

برای عضویت در کانال تلگرامی
[همیار مای بی بی]
کلیک کنید
دریافت آخرین اخبار ، کدهای تخفیف و جوایز
برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :