مرحباً .. هل يمككني الحصول على كود وضع خط تحت الأزرار .. بمعنى عند التوجيه بزر الفأرة على الزر يظهر خط تحته بشكل إحترافي أو يحاط بمربع أو مستطيل .. فهل يوجد طريقة لتغير التصميم الخاص بالأزرار؟

مثال من منتدى الدعـم صـــــــــــورة :-



مثال من مواقع خارجية لإحاطة بمستطيل أو ملئ الزر بلون معيّن :-





فهل يوجد تراكيب أو كود يغير ال Style الخاص بالأزرار؟

اهلا وسهلا بك لعمل خط تحت الازرار عند مرور الماوس على الزر تفضل

الكود:


a.mainmenu:hover {
    border-bottom: 2px solid #abecd3;
    color: #fff;
    padding-bottom: 10px;
    text-decoration: none;
}


بوركت أخي على الرد.. لكن الكود لم يعمل على CSS وجربت على أكثر من متصفح لكن لم يظهر الخط فمالمشكلة؟

ماهي نسخة منتداك ؟

هههه كنت أعلم أن السبب هي النسخة وكنت على وشك طرح ذلك لكنك علّمت . . . النسخة Phpbb

ضع رابط منتداك اعتقد السبب تواجد كود معارض للكودد الحالي

حسناً بإمكانك إلقاء نظرة .. إضغط هـــــــنـــــا

أخي عندما أدخل كود أو أي أوامر في ورقة CSS لايتم معالجته على المنتدى مع أنه أكد بتجديد ال Css الخاص بي؟

مرحباً بك عزيزي 
عندما دخلت المنتدى وجدتك قد فعلت ما تم ذكره ويعمل بصورة صحيحة 
وأيضاً نسخة منتداك phpBB3 وليس  Phpbb

اهلا فيك ضيف على الاكواد بورقة css
الكود الاتي

الكود:



.mainmenu {

    color: #fff !important;
}
ul.navlinks {
    background: #222 none repeat scroll 0 0;
    border-bottom: medium none !important;
    margin: 0 -10px;
    padding: 10px;
}

أشكركم .. بعد البحث والتحليل عن الحلول كان العطّل فني .. بل الكود يعمل والأكواد الباقية تعمل بشكل صحيح .. أظن أن المنتدى أصيب بخلل عند إدخالي للأكواد. ولكن بعد محاولات في اغلاق المتصفح تم الأمر .. دمتم بخير.

بإمكان فريق الإشراف إغلاق الموضوع وآسف للمداخلة.