أرسلت بتاريخ : 02\09\2016 | المشاركة رقم: |
| الجنس : ![ذكر ذكر](https://2img.net/s/t/14/36/72/i_icon_gender_male.gif) | التقيم : 1020 | المشاركات : 12355 | |
| |
| | كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ
![](https://i.servimg.com/u/f63/11/53/34/85/f3al_c10.png) بسم الله الرحمن الرحيم تحية طيبة اخواني وخواتي اعضاء منتدى الدعم اقدم لكم كود اكثر من رائع لوضع ازرار المنتدى بشكل انيق ورائع لجميع النسخ
صورة للكود الشكل الاول
![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 1210](https://i.servimg.com/u/f97/19/34/83/47/1210.png)
الشكل الثاني منحني
![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 1410](https://i.servimg.com/u/f97/19/34/83/47/1410.png)
طريقة التركيب بسم الله فل نبدا
اولا اذهب الى لوحة التحكم لوحة التحكم +مظهر المنتدى +الصفحة الرئيسية + الصفحة الرئيسية و ازرار التصفُّح وبحث عن خيار / اظهار الصور فقط في عارضة أزرار التصفح : نعم كما في الصورة التالية
![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 1510](https://i.servimg.com/u/f97/19/34/83/47/1510.png)
ثانياااا نذهب الى ادارة الصور لوحة التحكم + مظهر المنتدى + ادارة الصور + عام /تحكم ثم ركب الصور التالية كل في مكانة المخصص كما في الصورة التالية
![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 1610](https://i.servimg.com/u/f97/19/34/83/47/1610.png)
صورة الــــــــزر | الرابــــــــــــــــــــــــــــــــــــــــــــــــط | ![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ I_icon_mini_index](https://2img.net/s/t/21/19/57/i_icon_mini_index.png) | - الكود:
-
http://2img.net/s/t/21/19/57/i_icon_mini_index.png | ![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 0210](https://i.servimg.com/u/f97/19/34/83/47/0210.png) | - الكود:
-
http://i97.servimg.com/u/f97/19/34/83/47/0210.png | ![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ I_icon_mini_gallery](https://2img.net/s/t/21/19/57/i_icon_mini_gallery.png) | - الكود:
-
http://2img.net/s/t/21/19/57/i_icon_mini_gallery.png | ![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ I_icon_mini_portal](https://2img.net/s/t/21/19/57/i_icon_mini_portal.png) | - الكود:
-
http://2img.net/s/t/21/19/57/i_icon_mini_portal.png | ![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ I_icon_mini_faq](https://2img.net/s/t/21/19/57/i_icon_mini_faq.png) | - الكود:
-
http://2img.net/s/t/21/19/57/i_icon_mini_faq.png | ![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ I_icon_mini_search](https://2img.net/s/t/21/19/57/i_icon_mini_search.png) | - الكود:
-
http://2img.net/s/t/21/19/57/i_icon_mini_search.png | ![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ I_icon_mini_members](https://2img.net/s/t/21/19/57/i_icon_mini_members.png) | - الكود:
-
http://2img.net/s/t/21/19/57/i_icon_mini_members.png | ![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ I_icon_mini_groups](https://2img.net/s/t/21/19/57/i_icon_mini_groups.png) | - الكود:
-
http://2img.net/s/t/21/19/57/i_icon_mini_groups.png | ![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ I_icon_mini_profile](https://2img.net/s/t/21/19/57/i_icon_mini_profile.png) | - الكود:
-
http://2img.net/s/t/21/19/57/i_icon_mini_profile.png | ![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 0110](https://i.servimg.com/u/f97/19/34/83/47/0110.png) | - الكود:
-
http://i97.servimg.com/u/f97/19/34/83/47/0110.png | ![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ I_icon_mini_new_message](https://2img.net/s/t/21/19/57/i_icon_mini_new_message.png) | - الكود:
-
http://2img.net/s/t/21/19/57/i_icon_mini_new_message.png | ![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ I_icon_mini_register](https://2img.net/s/t/21/19/57/i_icon_mini_register.png) | - الكود:
-
http://2img.net/s/t/21/19/57/i_icon_mini_register.png | ![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ I_icon_mini_login](https://2img.net/s/t/21/19/57/i_icon_mini_login.png) | - الكود:
-
http://2img.net/s/t/21/19/57/i_icon_mini_login.png | ![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ I_icon_mini_logout](https://2img.net/s/t/21/19/57/i_icon_mini_logout.png) | - الكود:
-
http://2img.net/s/t/21/19/57/i_icon_mini_logout.png | الخطوة الثالثة والاخيرة اذهب الى ورقة scc لوحة التحكم +مظهر المنتدى + الوان + ورقة scc ثم اضف واحد من الاكواد التالية
الشكل الاول
![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 510](https://i.servimg.com/u/f97/19/34/83/47/510.png)
- الكود:
-
/***كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ**/ .mainmenu { margin: 7px 0 0 0; } .mainmenu { float:right; margin: 0 0 0 7px; } .mainmenu { margin: 0; }
.mainmenu:hover { background: #428CCB; color: #ccc; }
.mainmenu { display:inline; background: #81B6BB url("http://i97.servimg.com/u/f97/19/34/83/47/3310.jpg") repeat scroll 0 0; width:80px; height:35px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; color: #ffffff; font: bold 11px tahoma,verdana,geneva,lucida,"lucida grande",arial,helvetica,sans-serif; padding: 3px 6px; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; border: 1px solid #000; font-size: 100%; padding: 0.2em 0.5em; text-align: center; border : 1px dotted #F6FF00; border-top: medium solid #F6FF00; border-bottom: medium solid #F6FF00; padding: 2px; margin: 2px; } /*-----نهايــــــة كود الازرار-----*/
الشكل الثاني منحني
![كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 810](https://i.servimg.com/u/f97/19/34/83/47/810.png)
- الكود:
-
/***كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ**/ .mainmenu { margin: 7px 0 0 0; } .mainmenu { float:right; margin: 0 0 0 7px; } .mainmenu { margin: 0; }
.mainmenu:hover { background: #428CCB; color: #ccc; }
.mainmenu { display:inline; background: #428CCB url("http://i97.servimg.com/u/f97/19/34/83/47/3310.jpg") repeat scroll 0 0; width:80px; height:35px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; color: #ffffff; font: bold 11px tahoma,verdana,geneva,lucida,"lucida grande",arial,helvetica,sans-serif; padding: 2px; text-align: center; white-space: nowrap; border: 1px solid #000; font-size: 100%; padding: 0.2em 0.5em; text-align: center; border : 1px dotted #F6FF00; border-top: medium solid #F6FF00; border-bottom: medium solid #F6FF00; padding: 2px; margin: 2px; } /*-----نهايــــــة كود الازرار-----*/
تم الشرح واتمنا ان ينال رضاكم
اخيرااا لتعديل على الكود ليتناسب مع استايل منتداك اتبع التالي لتغير صورة خلفية الزر ابحث في الكود عن هذا الرابط وستبدلة برابط الصورة المناسبة لك - الكود:
-
http://i97.servimg.com/u/f97/19/34/83/47/3310.jpg لتغير لون حواف الزر ابحث عن الكود التالي وستبدل اكواد الالوان بما يناسبك تجدة في اخر الكود - الكود:
-
border : 1px dotted #F6FF00; border-top: medium solid #F6FF00; border-bottom: medium solid #F6FF00;
لتغير لون الزر عند وضع موشر الفارة ابحث عن الكود التالي وستبدل كود الون بما يناسبك - الكود:
-
.mainmenu:hover { background: #428CCB; color: #ccc; }
هذا والله الموفق وبتوفيق لكم فكرة وتصميم مسرووور والسلام ختام | | |
مواضيع ذات صلة بـ هذا الموضوع
|