شرح طريقة عرض الملاحظة في موضوع معين
موقع حلبية الموقع الاول في العالم العربي لللمعلومات الصحيحة
تجارتنا منصة تجارية تساهم في تطور التجارة العالمية والاقتصاد
موقع كيف افضل موقع للرد على جميع اسئلتك موقع كيف بوابتك للمستقبل

[ XF 2.2 ] شرح عرض الملاحظات في موضوع أو مواضيع معينة

أبو غَيْث

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,086
مستوى التفاعل
3,141
النقاط
113
العمر
38
الإقامة
المغرب
الموقع الالكتروني
  • التقييمات: 0
  • #1
شرح طريقة عرض ملاحظات في موضوع معين أو عدة مواضيع،
في هذا الموضوع سنقوم بالتعرف على طريقة عرض ملاحظة في موضوع معين أو عدة مواضيع، لان في بعض الأحيان تكون مظطرا لإضافة ملاحظة وعرضها بموضوع معين دون ظهورها في باقي المواضيع الاخرى من نفس القسم ، لذا من خلال هذا الموضوع ستتمكن من التعرف على طريقة إضافة ملاحظة وعرضها في موضوع معين دون ظهورها في القسم بالكامل.



شرح-اظهار-ملاحظة-في-موضوع-معين.png

في البداية نقوم بإنشاء ملاحظة بشكل عادي و ذلك من خلال : لوحة تحكم المنتدى ---> تواصل ---> الملاحظات .. كما مبين في الصورة التالية

1.png

بعد الإنتقال لصفحة الملاحظات نضغظ على زر 2.png

ستظهر النافذة التالية الخاصة بخيارات الملاحظة وما يهمنا فقط ما تم ترقيمه

3.png


1. هنا ضع عنوان للملاحظة حتى تقوم بالرجوع الى الملاحظة و تعديلها بسهولة، خصوصا إذا كنت تستخدم الكثير من الملاحظات.
2. هنا ستضع
رسالة الملاحظة و يمكنك تنسيقها بكود HTML على حسب رغبتك لكن ما يهمنا هنا هو إعطاء للملاحظة كلاس Class معين حتى يتم تطبيق كود CSS عليه.
و يكون بالشكل التالي :


HTML:
<div class="XA-Thread9">
هذه الملاحظة خاصة بالموضوع رقم 3
</div>

3. هنا نضع اسم كلاس CSS.
ملاجظة : يمكنك إختيار أي اسم ترغب به لكن المهم هو أن يكون الاسم فريد من نوعه حتى لا يكون هناك تعارض مع كلاس اخر يحمل نفس الاسم فيتعطل عمل الكود.


و الان سننتقل إلى الكود الذي سيتم وضعه في قالب Extra.less و سيكون كالتالي .. و لاحظ أن الكود المسؤول عن إظهار الملاحظة في الموضوع رقم 9 هو [data-content-key="thread-9"] كما أنه يمكنك تطبيق أي تعديلات CSS بعد الكود display: block;

CSS:
.XA-Thread9
{
    display: none;
}

[data-content-key="thread-9"]
{
    .XA-Thread9
    {
        display: block;
        background-color: green;
        color: #fff;
        font-weight: 650;
    }
}

في حالة أردت عرض نفس الملاحظة في عدة مواضيع مختلفة فيكفي تكرار الكود [data-content-key="thread-9"] و تغير الرقم 9 برقم الموضوع كما في الكود التالي

CSS:
[data-content-key="thread-9"],
[data-content-key="thread-12"],
[data-content-key="thread-15"]
{
    .XA-Thread9
    {
        display: block;
        background-color: green;
        color: #fff;
        font-weight: 650;
    }
}

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

مثال خاص بأحد أقسام المعرض


4.png

مثال خاص باحد أقسام المنتدى

5.png

وهذا مثال على الكود الخاص بعرض الملاحظة في مواضيع و أقسام مختلفة

CSS:
[data-content-key="thread-9"],
[data-content-key="thread-15"],
[data-container-key="node-1"]

{
    .XA-Thread9
    {
        display: block;
    }
}

و بهذا نكون قد تعرفنا على طريقة إظهار ملاحظة في موضوع معين.
و إلى اللقاء مع درس و شرح اخر بإذن الله
محبكم أبو غَيْث
💓
 

MesterPerfect

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

أبو غَيْث

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,086
مستوى التفاعل
3,141
النقاط
113
العمر
38
الإقامة
المغرب
الموقع الالكتروني

! BO ELIAS !

:: الأعضاء ::
إنضم
16 يونيو 2019
المشاركات
9
مستوى التفاعل
7
النقاط
3
درس وشرح جميل أخي
بارك الله فيك لا حرمتنا جديدك وخبراتك
بوركت جهودكم استاذ
 

أبو غَيْث

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,086
مستوى التفاعل
3,141
النقاط
113
العمر
38
الإقامة
المغرب
الموقع الالكتروني
درس وشرح جميل أخي
بارك الله فيك لا حرمتنا جديدك وخبراتك
بوركت جهودكم استاذ
وفيك بارك أخي
نورت الموضوع
 

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

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

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

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

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

المواضيع
1,543
المشاركات
16,434
الأعضاء
565
آخر عضو مسجل
joou
أعلى