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


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

خب میریم سر آموزش و چگونگی استفاده
ابتدا به مسیر زیر برید :
پنل ادمین / قالب ها و پوسته ها / قالب مورد نظر / 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
پلاگین نمایش افراد آنلاین در 24 ساعت گذشته
سلام با استفاده از این پلاگین میتونید افراد آنلاین در 24 ساعت گذشته انجمنتون رو در صفحه اصلی انجمن ...
تعیین نشده
دیدگاه های کاربران 2

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

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