طريقة انشاء بادئات جديده بعدد لانهائى

XenArabia قال:

بارك الله فيك أخي على ما تقدمه من شروحات قيمة
أحسنت تابع ابداعاتك
بالعكس اخي كل من سبق لتقديم ما يفيد الاخرين يبدأ به و لا يوجد اي فرق بيننا فكلنا واحد نسعى لتقديم المساعدة ..

أنقر للتوسيع...

أبو عبدالله قال:

ماشاء الله تبارك الله

شرح جدا واضح ومفهوم

جزاك الله خير اخي @ِِAraby5050

دمت بود

أنقر للتوسيع...

MesterPerfect قال:

جزاكم الله خيرا وبورك فيكم
فعلا شرح جميل ورائع

أنقر للتوسيع...

ِِAraby5050 قال:

.l-abusomaia{ display: inline-block; padding: 1px .35em; border: 1px solid transparent; border-radius: @xf-borderRadiusMedium; font-size: 80%; line-height: ((@xf-lineHeightDefault) * .9); text-decoration: none; font-size: 100%; background:#ff7675; &:hover{background:#fd79a8; } }

أنقر للتوسيع...

barshawi قال:

شكرا لك على هذا الشرح المفيد والوافي.
سؤالي هو:
هل يمكن وضع عدة ألوان للخلفية في الكود؟ وكيف يتم ذلك؟ مع أجمل تحية.

أنقر للتوسيع...

.l-abusomaia{ /*** تغير اسم الكلاس الخاص بالبادئة***/
    display: inline-block;
    padding: 1px .35em;
    border: 1px solid transparent;
    border-radius: @xf-borderRadiusMedium;
    font-size: 80%;
    line-height: ((@xf-lineHeightDefault) * .9);
    text-decoration: none;
    font-size: 100%;
    background:#ff7675; /*** لتغير لون الخلفية ***/
    &:hover{background:#fd79a8; /*** لتغير لون خلفية عند تمرير الماوس ***/
}
}

XenArabia قال:

نعم اخي يمكنك ذلك فقط تحتاج لتكرار الكود مع تغير اسم الكلاس و تغير لون الخلفية من خلال كود css

أنقر للتوسيع...

XenArabia قال:

قم باضافة هذا الكود و غير رمز اللون الى الذي تريده

أنقر للتوسيع...

.a-barshawi{
    color: #F7F7F7;
    display: inline-block;
    padding: 1px .35em;
    border: 1px solid transparent;
    border-radius: @xf-borderRadiusMedium;
    font-size: 80%;
    line-height: ((@xf-lineHeightDefault) * .9);
    text-decoration: none;
    font-size: 100%;
    background:#FA7D09;
    &:hover{background:#FF4301;
}
}

barshawi قال:

تسلم أخي ومشكور، وقد أصبح الخط أبيضا، ولكن التغيير لا يحدث عند تمرير الماوس على البادئة، علما بأنني وضعت الكود في البداية، كالتالي:

أنقر للتوسيع...