رفتن به مطلب

برای شروعی حرفه ای آماده اید ؟!

سایت ساز IPSنسخه ۴/۴/۱۰
فارسی ساز IPS ۴.۴نسخه ۶
تاریخ هجری شمسینسخه ۴.۷.۳

توجه کنید برای دانلود فایل های اختصاصی باید سایت خود را ثبت کنید. اطلاعات بیشتر.

جستجو در
  • تنظیمات بیشتر ...
نمایش نتایجی که شامل ...
جستجو در ...
Arash.Ranjbar

.::|>آموزش مخفی یا نمایش دادن ورودی فیلد رمز عبور<|::.

پست های پیشنهاد شده

سلام خدمت همه

این آموزش رو به صورت سفارشی برای یکی از کاربرا کدنویسی کرده بودم بعدش دیدم احتمالا سایر کاربرا هم بهش نیاز داشته باشن به این خاطر خواستم با دوستان عزیز به اشتراک بزارم

این روش یک آیکن چشمی به فیلد پسورد اضافه میکنه که کاربر با کلیک روی اون رمز وارد شده خودشو میبینه:

https://www.lenglishl.com/forum/

خب برای شروع قالب مورد نظرتون رو ویرایش کنین و در تب قالب LoginpopupForm رو جستجو و باز کنید. در صفحه باز شده کد زیر رو پیدا کنید:

<li class="ipsFieldRow ipsFieldRow_noLabel ipsFieldRow_fullWidth">
			<input Id="password-field" class="form-control" type="password" placeholder="{lang="password"}" name="password" autocomplete="current-password">

و در ادامش کد زیر رو وارد کنید:

<span toggle="#password-field" class="fa fa-fw fa-eye arash-icon arash-password"></span>
          <script>
          $(".arash-password").click(function() {
          $(this).toggleClass("fa-eye fa-eye-slash");
          var input = $($(this).attr("toggle"));
          if (input.attr("type") == "password") {
          input.attr("type", "text");
          } else {
          input.attr("type", "password");
          }
          });
          </script>

حالا تو custom.css کدهای زیر رو وارد کنید:

 .arash-icon {
  float: left;
  margin-left: 10px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
}
.container{
  padding-top:50px;
  margin: auto;
}

 

حالشو ببرید

موفق باشید!

  • تشکر 1

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

  • کاربران آنلاین در این صفحه   0 کاربر

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.

×
×
  • اضافه کردن...

اطلاعات مهم

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