اجعل زر "إظهار/إخفاء كلمة المرور" داخل الحقل

اذهب الى الأسفل

ÊÞäíÉ اجعل زر "إظهار/إخفاء كلمة المرور" داخل الحقل

مُساهمة من طرف كونان2000 الأحد 17 نوفمبر 2024 - 20:59

السلام عليكم ورحمة الله وبركاته
--------------------
اجعل زر "إظهار/إخفاء كلمة المرور" داخل الحقل
مع إمكانية تغيير لون الزر قبل الضغط ولون بعد الضغط على الزر  cat

كما في الصورة

قبل
اجعل زر "إظهار/إخفاء كلمة المرور" داخل الحقل Animat27

بعد
اجعل زر "إظهار/إخفاء كلمة المرور" داخل الحقل Animat26


طريقة تركيب الكود
------------------------

لوحة الإدارة مظهر المنتدى الصور والألوان ألوان & ورقة ال CSS
ورقة تصميم CSS 

اجعل زر "إظهار/إخفاء كلمة المرور" داخل الحقل Ocia_a63
ثم اضف الكود التالي
____________________________________________
الكود:

[src="https://illiweb.com/fa/icon-eye.svg"] {
    filter: invert(100%) grayscale(100%) contrast(100%) !important;
}
[src="https://illiweb.com/fa/icon-eye-slash.svg"] {
    filter: invert(24%) sepia(181%) saturate(7480%) hue-rotate(343deg)!important;
}
.show_hide_pwd {
    height: 16px;
    width: 16px;
    left: 6px;
    position: absolute;
}
لا تنسى الضغط على زر قدم


بعد تركيب الكود يمكنك تعديل الزر
اختيار لونه قبل الضغط ولون بعد الضغط
وتغيير حجم الزر ليناسب مظهر منتداك
------------------------------------
وصلى الله على نبينا محمد والحمدلله رب العالمين

:وردة153:

------------------------------------
تمت كتابة هذا الكود بواسطة كونان2000


عدل سابقا من قبل كونان2000 في الإثنين 18 نوفمبر 2024 - 22:45 عدل 8 مرات
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1773
معدل النشاط : 3685
السُمعة : 332

https://anime.forumperso.com/

Digit@l, ابوعلي البلقاوي, كونان2000, Mr Google, moment, صياد اليمام و احمد بن علي يعجبهم هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى