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

ِِAraby5050

الحمد لله رب العالمين
إنضم
22 فبراير 2019
المشاركات
66
مستوى التفاعل
68
النقاط
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
مستوى التفاعل
68
النقاط
18
الإقامة
مصر
شرح كيفية تلوين خلفية المواضيع كما هو ظاهر بالصور اقدمه قريبا ان شاء الله ... ان لم يسبقنى اليه اخونا محمد @XenArabia :D.
 

أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,743
مستوى التفاعل
3,916
النقاط
113
العمر
41
الإقامة
المغرب
الموقع الالكتروني
بارك الله فيك أخي على ما تقدمه من شروحات قيمة
أحسنت تابع ابداعاتك
بالعكس اخي كل من سبق لتقديم ما يفيد الاخرين يبدأ به و لا يوجد اي فرق بيننا فكلنا واحد نسعى لتقديم المساعدة ..
 

ِِAraby5050

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

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

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

MesterPerfect

:: مراقب زين العربية ::
طاقم الإدارة
إنضم
28 يناير 2019
المشاركات
2,716
مستوى التفاعل
2,177
النقاط
113
العمر
24
الإقامة
sohag, Egypt
الموقع الالكتروني
جزاكم الله خيرا وبورك فيكم
فعلا شرح جميل ورائع
 

barshawi

:: الأعضاء ::
إنضم
20 مارس 2020
المشاركات
60
مستوى التفاعل
20
النقاط
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; } }
شكرا لك على هذا الشرح المفيد والوافي.
سؤالي هو:
هل يمكن وضع عدة ألوان للخلفية في الكود؟ وكيف يتم ذلك؟ مع أجمل تحية.
 

أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,743
مستوى التفاعل
3,916
النقاط
113
العمر
41
الإقامة
المغرب
الموقع الالكتروني
شكرا لك على هذا الشرح المفيد والوافي.
سؤالي هو:
هل يمكن وضع عدة ألوان للخلفية في الكود؟ وكيف يتم ذلك؟ مع أجمل تحية.

نعم اخي يمكنك ذلك فقط تحتاج لتكرار الكود مع تغير اسم الكلاس و تغير لون الخلفية من خلال كود 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

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

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

barshawi

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

أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,743
مستوى التفاعل
3,916
النقاط
113
العمر
41
الإقامة
المغرب
الموقع الالكتروني
قم باضافة هذا الكود و غير رمز اللون الى الذي تريده

CSS:
color: #008CBA;
 

barshawi

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

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

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

الأعضاء المتصلون

لا يوجد أعضاء متصلون الآن.

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

المواضيع
2,082
المشاركات
21,949
الأعضاء
977
آخر عضو مسجل
rfab
أعلى