الأقسام العامة البرامج البرمجة المعلوماتية الإدارة
أعلى
أسفل
منتديات المسلم لبرمجيات الكمبيوتر

مرحبًا بكم في منتديات المسلم للبرمجيات
نرجو منكم التسجيل إذا أردتم إكمال مسيرتكم معنا


منتديات الحاسب والإنترنت
 
الرئيسيةاليوميةمكتبة الصورس .و .جبحـثقائمة الاعضاءالمجموعاتالتسجيلدخول
مرحبًا بكم في منتديات المسلم للبرمجيات

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
keko_ferkeko
عضو ماسي


عدد المساهمات : 50
تاريخ التسجيل : 30/06/2016
الموقع : http://nf-son.forumotion.com
المزاج راق

مُساهمةموضوع: امتلك أزرار "منتدى الدعم و المساعدة" الآن   الثلاثاء يوليو 12, 2016 4:06 pm

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


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



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

ادخل لوحة الإدارة >> مظهر المنتدى >> ألوان >> ورقة الـCSS
ضع الكود التالي
الرمز:
/*--كود تغيير شكل أزرار بحث-انتقال-استعراض-إرسال--*/
/*----------By:keko_ferkeko------------*/
/*For more codes: nf-son.forumotion.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

المصدر

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



--------- Signator ----------



الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://nf-son.forumotion.com
MSCFC
المدير


عدد المساهمات : 70
تاريخ التسجيل : 08/04/2016
العمر : 36
الموقع : http://mscfc.arabstar.biz
المزاج جيد

القوة الخارقة
القوة:
100/100  (100/100)
الانتماء: الخير

مُساهمةموضوع: رد: امتلك أزرار "منتدى الدعم و المساعدة" الآن   السبت يوليو 16, 2016 12:51 pm

شكرًا على الطرح



--------- Signator ----------


المسلم للبرمجيات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://mscfc.arabstar.biz
keko_ferkeko
عضو ماسي


عدد المساهمات : 50
تاريخ التسجيل : 30/06/2016
الموقع : http://nf-son.forumotion.com
المزاج راق

مُساهمةموضوع: رد: امتلك أزرار "منتدى الدعم و المساعدة" الآن   السبت يوليو 16, 2016 2:13 pm

العفو..
مشكور على مرورك و التعليق.



--------- Signator ----------



الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://nf-son.forumotion.com
Eslam Ashraf
عضو جديد


عدد المساهمات : 10
تاريخ التسجيل : 16/07/2016
المزاج الا

مُساهمةموضوع: شكرا على هذا الموضوع والمجهود الرائع   السبت يوليو 16, 2016 5:54 pm

شكرا على هذا الموضوع والمجهود الرائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
keko_ferkeko
عضو ماسي


عدد المساهمات : 50
تاريخ التسجيل : 30/06/2016
الموقع : http://nf-son.forumotion.com
المزاج راق

مُساهمةموضوع: رد: امتلك أزرار "منتدى الدعم و المساعدة" الآن   الثلاثاء يوليو 19, 2016 8:32 am

العفو.. يمكن تغيير الألوان لتتناسب مع موقعك!



--------- Signator ----------



الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://nf-son.forumotion.com
 
امتلك أزرار "منتدى الدعم و المساعدة" الآن
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات المسلم لبرمجيات الكمبيوتر :: البرمجة :: الويب Web :: CSS-
انتقل الى: