محمد صبحي
رقم العضوية : 1 تاريخ التسجيل : 17/05/2016 المشاركات : 479 الدولة : مصر |
#1موضوع: كود CSS لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ الأربعاء أكتوبر 25, 2017 11:58 pm | |
| اقدم لكم كود اكثر من رائع لوضع ازرار المنتدى بشكل انيق ورائع لجميع النسخ صورة للكود الشكل الاول[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الشكل الثاني منحني[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]طريقة التركيب بسم الله فل نبدااولا اذهب الى لوحة التحكم لوحة التحكم +مظهر المنتدى +الصفحة الرئيسية + الصفحة الرئيسية و ازرار التصفُّحوبحث عن خيار / اظهار الصور فقط في عارضة أزرار التصفح : نعم كما في الصورة التالية [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]ثانياااا نذهب الى ادارة الصور لوحة التحكم + مظهر المنتدى + ادارة الصور + عام /تحكمثم ركب الصور التالية كل في مكانة المخصص كما في الصورة التالية [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الخطوة الثالثة والاخيرة اذهب الى ورقة scc لوحة التحكم +مظهر المنتدى + الوان + ورقة sccثم اضف واحد من الاكواد التالية الشكل الاول [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الكود: - - الكود:
-
/***كود 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 لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ**/ .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; } هذا والله الموفق وبتوفيق لكم
الرابط [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
|
|