عضو متميز
مشارك بأكثر من 200 مشاركة
كاتب متميز
كتب أكثر من 200 موضوع
حاصل على الجنسية
مر على وجوده في المنتدى أكثر من 10 سنوات
عضو مطلع
شارك في أكثر من 200 موضوع
|
بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله وبركاته
هل سئمت من شكل أزرار المنتدى؟ هل تريد أزرار متطورة و جذابة؟
أضع لكم هنا طريقة تطوير أزرار المنتدى لتشبه أزرار (منتدى الدعم و المساعدة) الرائعة.
أضع لكم هنا طريقة تطوير أزرار المنتدى لتشبه أزرار (منتدى الدعم و المساعدة) الرائعة.
الطريقة سهلة جداً و بسيطة.
ادخل لوحة الإدارة >> مظهر المنتدى >> ألوان >> ورقة الـCSS
ضع الكود التالي
ادخل لوحة الإدارة >> مظهر المنتدى >> ألوان >> ورقة الـ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
لكم مني أطيب التحية؛
لكم مني أطيب التحية؛
.::الَّلهُمَّـ اجعَلْـ عَمَلَنَا خَالِصًا لِوَجهَكَـ الكَرِيمِـ::.