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

قم بتسجيل الدخول للرد

2 مشترك

ابن النيل و الفرات :: المنتديات :: الأقسام الخدمية :: قسم أصحاب المواقع و المنتديات

امتلك أزرار "منتدى الدعم و المساعدة" الآنالثلاثاء يوليو 12, 2016 5:03 pm

keko_ferkekoأسد المنتدى

المشاركات :: 3691
الوظيفة :: طالب جامعي

عضو متميز

مشارك بأكثر من 200 مشاركة

كاتب متميز

كتب أكثر من 200 موضوع

حاصل على الجنسية

مر على وجوده في المنتدى أكثر من 10 سنوات

عضو مطلع

شارك في أكثر من 200 موضوع

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

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

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

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

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

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

ادخل لوحة الإدارة >> مظهر المنتدى >> ألوان >> ورقة الـ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

لكم مني أطيب التحية؛