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

12072016

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

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

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

امتلك أزرار "منتدى الدعم و المساعدة" الآن 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

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