امتلك أزرار "منتدى الدعم و المساعدة" الآن

من طرف **MR-Profawy** الجمعة يونيو 16, 2017 6:29 pm

بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله وبركاته

هل سئمت من شكل أزرار المنتدى؟ هل تريد أزرار متطورة و جذابة؟
أضع لكم هنا طريقة تطوير أزرار المنتدى لتشبه أزرار (منتدى الدعم و المساعدة) الرائعة.

الطريقة سهلة جداً و بسيطة.

ادخل لوحة الإدارة >> مظهر المنتدى >> ألوان >> ورقة الـCSS
ضع الكود التالي
Code

الكود:: /*--كود تغيير شكل أزرار بحث-انتقال-استعراض-إرسال--*/ /*----------By:keko_ferkeko------------*/ /*For more codes: mosta9bel.com*/ input.button1, input.button2, button.button2{ background:#39C;Font-family:tahoma;border: none;border-radius:3px;border-bottom: 2px solid #17A; color:#fff;padding: 5px 10px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;margin: 3px 3px;} input.button1:hover, input.button2:hover, button.button2:hover { background:#8B5;Font-family:tahoma;border: none;border-radius:3px;border-bottom: 2px solid #693; color:#fff;padding: 5px 10px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;margin: 3px 3px; } input.button1:active, input.button2:active, button.button2:active{ background:#333;Font-family:tahoma;border: none;border-radius:3px;border-bottom: 2px solid #111; color:#fff;padding: 5px 10px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;margin: 3px 3px;transform: translateY(4px);} /*---------------نهاية الكود-------------*/