اجعل زر "إظهار/إخفاء كلمة المرور" داخل الحقل
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
اجعل زر "إظهار/إخفاء كلمة المرور" داخل الحقل
السلام عليكم ورحمة الله وبركاته
--------------------
--------------------
اجعل زر "إظهار/إخفاء كلمة المرور" داخل الحقل
مع إمكانية تغيير لون الزر قبل الضغط ولون بعد الضغط على الزر
مع إمكانية تغيير لون الزر قبل الضغط ولون بعد الضغط على الزر
طريقة تركيب الكود
------------------------
لوحة الإدارة مظهر المنتدى الصور والألوان ألوان & ورقة ال CSS
ورقة تصميم CSS
ثم اضف الكود التالي
____________________________________________
- الكود:
[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;
}
بعد تركيب الكود يمكنك تعديل الزر
اختيار لونه قبل الضغط ولون بعد الضغط
وتغيير حجم الزر ليناسب مظهر منتداك
------------------------------------
وصلى الله على نبينا محمد والحمدلله رب العالمين
------------------------------------
تمت كتابة هذا الكود بواسطة كونان2000
عدل سابقا من قبل كونان2000 في 18/11/2024, 11:45 pm عدل 8 مرات
Digit@l, ابوعلي البلقاوي, كونان2000, Mr Google, moment, صياد اليمام و احمد بن علي يعجبهم هذا الموضوع
مواضيع مماثلة
» [ JS ] إظهار / إخفاء صندوق الرد
» إظهار / إخفاء كل العناصر بشكل منفصل
» [CSS] حصرياً حماية وآمان : كود عدم إظهار الصور , عدم إظهار الفيديو وعدم إظهار الروابط في علبة الدردشة .
» شرح التحكم فى إظهار او إخفاء العناصر على الرئيسية بواسطة الأعضاء او الزوار
» شرح التحكم فى إظهار او إخفاء العناصر على الرئيسية بواسطة الأعضاء او الزوار
» إظهار / إخفاء كل العناصر بشكل منفصل
» [CSS] حصرياً حماية وآمان : كود عدم إظهار الصور , عدم إظهار الفيديو وعدم إظهار الروابط في علبة الدردشة .
» شرح التحكم فى إظهار او إخفاء العناصر على الرئيسية بواسطة الأعضاء او الزوار
» شرح التحكم فى إظهار او إخفاء العناصر على الرئيسية بواسطة الأعضاء او الزوار
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى