بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله وبركاته
هل سئمت من شكل أزرار المنتدى؟ هل تريد أزرار متطورة و جذابة؟
أضع لكم هنا طريقة تطوير أزرار المنتدى لتشبه أزرار (منتدى الدعم و المساعدة) الرائعة.
الطريقة سهلة جداً و بسيطة.
ادخل لوحة الإدارة >> مظهر المنتدى >> ألوان >> ورقة الـCSS
ضع الكود التالي
- الكود:
-
/*--كود تغيير شكل أزرار بحث-انتقال-استعراض-إرسال--*/
/*----------By:keko_ferkeko------------*/
/*For more codes: nf-son.ahlamontada.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);}
/*---------------نهاية الكود-------------*/
و يمكنك أيضاً إكمال مجموعة الأزرار لتكون متناسقة مع بعضها البعض عبر تحميل الأزارار الموجودة في هذا الموضوع (
مجموعة أزرار متطورة (Flat Buttons))
ملحوظة: الكود بالأعلى تم تجربته فقط على منتديات أحلى منتدى - النسخة الثالثة PHPBB3
لكم مني أطيب التحية؛
.::الَّلهُمَّـ اجعَلْـ عَمَلَنَا خَالِصًا لِوَجهَكَـ الكَرِيمِـ::.
الثلاثاء يوليو 12, 2016 7:32 pm من طرف oMaR JR.98