كود لوضع ايقونات في صندوق الدخول

  • بادئ الموضوع بادئ الموضوع Admin
  • تاريخ البدء تاريخ البدء
Admin

Admin

مدير شركة انكور التطويرية
طاقم الإدارة
ادارة انكور


بسم الله الرحمن الرحيم



وصف الكود : زين صندوق الدخول بمنتداك من خلال كود اضافة ايقونات في مكان اسم المستخدم وكلمة السر

الكود يعتبر اضافة جميلة
4254219950.gif
47810.png
3434259910.gif
ضع الكود التالي في لوحة الـ css​
كود: 
  
.user_login_form input[type="password"], .user_login_form input[type="text"] {
    padding: 5px;
    border-radius: 0px!important;
    cursor: text;
    top: 0px;
}
.user_login_form input[type="text"] {
    background: url(https://i37.servimg.com/u/f37/19/54/71/78/3cblhu11.png)no-repeat left center;
    padding-left: 20px;
}
.user_login_form input[type="password"] {
    background: white url(https://i37.servimg.com/u/f37/19/54/71/78/bmg6bf11.png)no-repeat;
    padding-left: 20px;
}
#username {
    padding: 5px;
    border-radius: 0px!important;
    cursor: text;
    top: 0px;
    padding-left: 20px;
    background: white url(https://i37.servimg.com/u/f37/19/54/71/78/3cblhu10.png)no-repeat;
}
#password {
    padding: 5px;
    border-radius: 0px!important;
    cursor: text;
    top: 0px;
    background: white url(https://i37.servimg.com/u/f37/19/54/71/78/bmg6bf10.png)no-repeat;
    padding-left: 20px;
}

 
ان شاء الله يعجبكم الكود

بالتوفيق للجميع​
والسلام ختام
 
يجب تسجيل الدخول أو التسجيل كي تتمكن من الرد هنا.
عودة
أعلى