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

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

ِِAraby5050

الحمد لله رب العالمين
إنضم
22 فبراير 2019
المشاركات
66
مستوى التفاعل
65
النقاط
18
الإقامة
مصر
بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

الاخوه الكرام اعضاء المنتدى تحيه طيبه وبعد

◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘
اقدم لكم

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

الطريقه كالتالى
↓↓↓↓

يتم وضع الكود التالى بالقالب extra.less


PHP:
.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;
}
}

ولكى تطبق البادئه تضع الاسم التالى

(l-abusomaia)

فى مربع "اخرى باستخدام نمط css مخصص"

عند انشاء البادئات

كما بالشكل


526
ليكون الشكل النهائى كما بالصور التاليه

525
وهذا بعد المرور بالماوس على البادئه hover

524
◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘

واخيرا نتمنى لكم الافاده ... ونسألكم الدعاء
 

ِِAraby5050

الحمد لله رب العالمين
إنضم
22 فبراير 2019
المشاركات
66
مستوى التفاعل
65
النقاط
18
الإقامة
مصر
شرح كيفية تلوين خلفية المواضيع كما هو ظاهر بالصور اقدمه قريبا ان شاء الله ... ان لم يسبقنى اليه اخونا محمد @XenArabia :D.
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
4,161
مستوى التفاعل
2,580
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
بارك الله فيك أخي على ما تقدمه من شروحات قيمة
أحسنت تابع ابداعاتك
بالعكس اخي كل من سبق لتقديم ما يفيد الاخرين يبدأ به و لا يوجد اي فرق بيننا فكلنا واحد نسعى لتقديم المساعدة ..
 

ِِAraby5050

الحمد لله رب العالمين
إنضم
22 فبراير 2019
المشاركات
66
مستوى التفاعل
65
النقاط
18
الإقامة
مصر
بارك الله فيك أخي على ما تقدمه من شروحات قيمة
أحسنت تابع ابداعاتك
بالعكس اخي كل من سبق لتقديم ما يفيد الاخرين يبدأ به و لا يوجد اي فرق بيننا فكلنا واحد نسعى لتقديم المساعدة ..

بارك الله فيك اخى محمد

وان شاء الله نثرى هذا الصرح المميز بكل جديد ومفيد
 

MesterPerfect

:: مراقب زين العربية ::
طاقم الإدارة
إنضم
27 يناير 2019
المشاركات
1,608
مستوى التفاعل
1,220
النقاط
113
العمر
21
الإقامة
sohag, Egypt
الموقع الالكتروني
جزاكم الله خيرا وبورك فيكم
فعلا شرح جميل ورائع
 

barshawi

:: الأعضاء ::
XA-VIP-Addons
XA-VIP-Translate
إنضم
20 مارس 2020
المشاركات
60
مستوى التفاعل
18
النقاط
8
.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

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
4,161
مستوى التفاعل
2,580
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
شكرا لك على هذا الشرح المفيد والوافي.
سؤالي هو:
هل يمكن وضع عدة ألوان للخلفية في الكود؟ وكيف يتم ذلك؟ مع أجمل تحية.

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

CSS:
.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

:: الأعضاء ::
XA-VIP-Addons
XA-VIP-Translate
إنضم
20 مارس 2020
المشاركات
60
مستوى التفاعل
18
النقاط
8
نعم اخي يمكنك ذلك فقط تحتاج لتكرار الكود مع تغير اسم الكلاس و تغير لون الخلفية من خلال كود css

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

barshawi

:: الأعضاء ::
XA-VIP-Addons
XA-VIP-Translate
إنضم
20 مارس 2020
المشاركات
60
مستوى التفاعل
18
النقاط
8
سؤال آخر بنفس الموضوع وهو:
كيف نجعل خط البادئات أبيضا؟
تحيتي لكم.
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
4,161
مستوى التفاعل
2,580
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
قم باضافة هذا الكود و غير رمز اللون الى الذي تريده

CSS:
color: #008CBA;
 

barshawi

:: الأعضاء ::
XA-VIP-Addons
XA-VIP-Translate
إنضم
20 مارس 2020
المشاركات
60
مستوى التفاعل
18
النقاط
8
قم باضافة هذا الكود و غير رمز اللون الى الذي تريده
تسلم أخي ومشكور، وقد أصبح الخط أبيضا، ولكن التغيير لا يحدث عند تمرير الماوس على البادئة، علما بأنني وضعت الكود في البداية، كالتالي:

كود:
.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

:: الأعضاء ::
XA-VIP-Addons
XA-VIP-Translate
إنضم
20 مارس 2020
المشاركات
60
مستوى التفاعل
18
النقاط
8
تسلم أخي ومشكور، وقد أصبح الخط أبيضا، ولكن التغيير لا يحدث عند تمرير الماوس على البادئة، علما بأنني وضعت الكود في البداية، كالتالي:
تم الحل، مع تحيتي.
 

جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة زين العربية .

التعليقات المنشورة لا تعبر عن رأي معهد زين العربية ولا نتحمل أي مسؤولية قانونية حيال ذلك :: يتحمل كاتبها مسؤولية النشر ::

إحصائيات المنتدى

المواضيع
1,331
المشاركات
13,078
الأعضاء
503
آخر عضو مسجل
over221
أعلى