كود CSS لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
كود CSS لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ
بسم الله الرحمن الرحيم
تحية طيبة اخواني وخواتي اعضاء منتدى الدعم
اقدم لكم كود اكثر من رائع لوضع ازرار المنتدى بشكل انيق ورائع لجميع النسخ
صورة للكود الشكل الاول
![كود CSS لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 1210](https://i.servimg.com/u/f97/19/34/83/47/1210.png)
الشكل الثاني منحني
![كود CSS لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 1410](https://i.servimg.com/u/f97/19/34/83/47/1410.png)
طريقة التركيب بسم الله فل نبدا
اولا اذهب الى لوحة التحكم
لوحة التحكم +مظهر المنتدى +الصفحة الرئيسية + الصفحة الرئيسية و ازرار التصفُّح
وبحث عن خيار / اظهار الصور فقط في عارضة أزرار التصفح : نعم
كما في الصورة التالية
![كود CSS لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 1510](https://i.servimg.com/u/f97/19/34/83/47/1510.png)
ثانياااا نذهب الى ادارة الصور
لوحة التحكم + مظهر المنتدى + ادارة الصور + عام /تحكم
ثم ركب الصور التالية كل في مكانة المخصص
كما في الصورة التالية
![كود CSS لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 1610](https://i.servimg.com/u/f97/19/34/83/47/1610.png)
الخطوة الثالثة والاخيرة
اذهب الى ورقة scc
لوحة التحكم +مظهر المنتدى + الوان + ورقة scc
ثم اضف واحد من الاكواد التالية
الشكل الاول
![كود CSS لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 510](https://i.servimg.com/u/f97/19/34/83/47/510.png)
الشكل الثاني منحني
![كود CSS لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 810](https://i.servimg.com/u/f97/19/34/83/47/810.png)
تم الشرح واتمنا ان ينال رضاكم
اخيرااا لتعديل على الكود ليتناسب مع استايل منتداك اتبع التالي
لتغير صورة خلفية الزر ابحث في الكود عن هذا الرابط وستبدلة برابط الصورة المناسبة لك
لتغير لون حواف الزر ابحث عن الكود التالي وستبدل اكواد الالوان بما يناسبك تجدة في اخر الكود
لتغير لون الزر عند وضع موشر الفارة ابحث عن الكود التالي وستبدل كود الون بما يناسبك
فكرة وتصميم مسرووور
والسلام ختام
تحية طيبة اخواني وخواتي اعضاء منتدى الدعم
اقدم لكم كود اكثر من رائع لوضع ازرار المنتدى بشكل انيق ورائع لجميع النسخ
صورة للكود الشكل الاول
![كود CSS لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 1210](https://i.servimg.com/u/f97/19/34/83/47/1210.png)
الشكل الثاني منحني
![كود CSS لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 1410](https://i.servimg.com/u/f97/19/34/83/47/1410.png)
طريقة التركيب بسم الله فل نبدا
اولا اذهب الى لوحة التحكم
لوحة التحكم +مظهر المنتدى +الصفحة الرئيسية + الصفحة الرئيسية و ازرار التصفُّح
وبحث عن خيار / اظهار الصور فقط في عارضة أزرار التصفح : نعم
كما في الصورة التالية
![كود CSS لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 1510](https://i.servimg.com/u/f97/19/34/83/47/1510.png)
ثانياااا نذهب الى ادارة الصور
لوحة التحكم + مظهر المنتدى + ادارة الصور + عام /تحكم
ثم ركب الصور التالية كل في مكانة المخصص
كما في الصورة التالية
![كود CSS لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 1610](https://i.servimg.com/u/f97/19/34/83/47/1610.png)
صورة الــــــــزر | الرابــــــــــــــــــــــــــــــــــــــــــــــــط |
![]() |
|
![]() |
|
![]() |
|
![]() |
|
![]() |
|
![]() |
|
![]() |
|
![]() |
|
![]() |
|
![]() |
|
![]() |
|
![]() |
|
![]() |
|
![]() |
|
اذهب الى ورقة scc
لوحة التحكم +مظهر المنتدى + الوان + ورقة scc
ثم اضف واحد من الاكواد التالية
الشكل الاول
![كود CSS لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 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;
}
/*-----نهايــــــة كود الازرار-----*/
الشكل الثاني منحني
![كود CSS لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ 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;
}
فكرة وتصميم مسرووور
والسلام ختام
MostWanted يعجبه هذا الموضوع
![-](https://i.servimg.com/u/f37/19/43/18/14/tabs_l11.gif)
» كود css لوضع خلفية داخلية للمنتدى لجميع النسخ
» كود تومبيلات اطار للتواقيع بشكل احترافي لجميع النسخ
» شرح وضع ازرار الرئيسية اعلى الواجهه (تومبيلات) لجميع النسخ
» حصريا / كود css لوضع شروط لإرسال الموضوع الجديد - لجميع النسخ
» كود جعل المزاج واعلام الدول بشكل افقي في التسجيل لجميع النسخ
» كود تومبيلات اطار للتواقيع بشكل احترافي لجميع النسخ
» شرح وضع ازرار الرئيسية اعلى الواجهه (تومبيلات) لجميع النسخ
» حصريا / كود css لوضع شروط لإرسال الموضوع الجديد - لجميع النسخ
» كود جعل المزاج واعلام الدول بشكل افقي في التسجيل لجميع النسخ
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى