المعلومات | الكاتب: | | اللقب: | Admin | الرتبه: | | الصورة الرمزية | | البيانات | الجنس : | | عدد المساهمات : | 1357 | السٌّمعَة : | 36 | تاريخ التسجيل : | 28/08/2014 | الموقع : | بيت الجزائر لكل العرب |
الإتصالات | الحالة: | | وسائل الإتصال: | |
| موضوع: حصريا 06 أشكآأإل لـ آأكوآد الأزرار الثلاثاء 2 يونيو 2015 - 20:13 |
|
حصريا 06 أشكآأإل لـ آأكوآد الأزرار 6 أشكآأإل لـ آأكوآد الأزرار [button] من تحويل هياااء محمد آكوآأإد css للنسخ phpbb2 & punbb & Invisionالأزرق - الكود:
-
/* كود الأزرار ------ www.haya-m.net -------*/ input[type="submit"], input[type=reset], .button , input[name="haya1"]{ background: #00a1cb; font-family: Sans-serif; font-size: 12px; text-align: center; transition: all 0.3s ease 0s; -webkit-transition:300ms; border:none!important; border-radius:3px; color:#FFF!important; padding:5px 10px!important; transition:300ms } input[type="submit"]:hover, input[type=reset]:hover, .button:hover , input[name="haya1"]:hover { opacity: 0.75;
}
input[type="submit"]:active, input[type=reset]:active, .button:active , input[name="haya1"]:active { background-color: #00c0f2; } الاخضر - الكود:
-
/* كود الأزرار ------ www.haya-m.net -------*/ input[type="submit"], input[type=reset], .button , input[name="haya2"]{ background: #7db500; font-family: Sans-serif; font-size: 12px; text-align: center; transition: all 0.3s ease 0s; -webkit-transition:300ms; border:none!important; border-radius:3px; color:#FFF!important; padding:5px 10px!important; transition:300ms } input[type="submit"]:hover, input[type=reset]:hover, .button:hover , input[name="haya2"]:hover { opacity: 0.75;
}
input[type="submit"]:active, input[type=reset]:active, .button:active , input[name="haya2"]:active { background-color: #94d600; } البرتقالي - الكود:
-
/* كود الأزرار ------ www.haya-m.net -------*/ input[type="submit"], input[type=reset], .button , input[name="haya3"]{ background: #f18d05; font-family: Sans-serif; font-size: 12px; text-align: center; transition: all 0.3s ease 0s; -webkit-transition:300ms; border:none!important; border-radius:3px; color:#FFF!important; padding:5px 10px!important; transition:300ms } input[type="submit"]:hover, input[type=reset]:hover, .button:hover , input[name="haya3"]:hover { opacity: 0.75;
}
input[type="submit"]:active, input[type=reset]:active, .button:active , input[name="haya3"]:active { background-color: #ff9504; } الاحمر - الكود:
-
/* كود الأزرار ------ www.haya-m.net -------*/ input[type="submit"], input[type=reset], .button , input[name="haya4"]{ background: #e54028; font-family: Sans-serif; font-size: 12px; text-align: center; transition: all 0.3s ease 0s; -webkit-transition:300ms; border:none!important; border-radius:3px; color:#FFF!important; padding:5px 10px!important; transition:300ms } input[type="submit"]:hover, input[type=reset]:hover, .button:hover , input[name="haya4"]:hover { opacity: 0.75;
}
input[type="submit"]:active, input[type=reset]:active, .button:active , input[name="haya4"]:active { background-color: #f5472e; } البنفسجي - الكود:
-
/* كود الأزرار ------ www.haya-m.net -------*/ input[type="submit"], input[type=reset], .button , input[name="haya5"]{ background: #99389f; font-family: Sans-serif; font-size: 12px; text-align: center; transition: all 0.3s ease 0s; -webkit-transition:300ms; border:none!important; border-radius:3px; color:#FFF!important; padding:5px 10px!important; transition:300ms } input[type="submit"]:hover, input[type=reset]:hover, .button:hover , input[name="haya5"]:hover { opacity: 0.75;
}
input[type="submit"]:active, input[type=reset]:active, .button:active , input[name="haya5"]:active { background-color: #b542bc; } طريقهّ آأإلتركيبّ ~
لوحه الآدآأإره ....الصور و الالوان...الوان ......ورقه تصميم css ون شاء الله تعجبكم وانتظروا الدفعه القادمه من الأشكآأإل المذهله |
|