⮟ رأس القائمة المنسدلة

يا كيجان، أحاول إضافة خلفية إلى هذا ليبدو كزر، ولكن عندما يكون لديّ العديد من روابط الرأس المخفية بإعداد الأمان، ما زلت أرى بقايا للقائمة التي تم إخفاؤها. هل هناك أي طريقة لتجنب ذلك؟ شكرًا!

تعديل: اكتشفت أن هذا كان يحدث بسبب إضافة مسافة بادئة لجعله يبدو كزر. يمكنني الاستغناء عنه إذا لم يكن هناك حل سهل.

.custom-header-links .top-level-links .custom-header-link {
    padding: 10px 20px;
    border-radius: 5px;
    background: var(--tertiary);
}

image

تعديل 2:
لا يهم، لقد كان عليّ فقط أن أكون مبدعًا!

.custom-header-links .top-level-links .custom-header-link {
    padding: 10px 0px;
    border-radius: 5px;
    background: var(--tertiary);
}

.custom-header-links .top-level-links .custom-header-link-caret svg {
    padding-right: 10px;
}

.custom-header-links .top-level-links .custom-header-link-icon {
    padding-left: 10px;
}
إعجابَين (2)

مرحباً كيغان، عندما أحاول استخدام ميزة الأمان بالإعدادات التالية، يختفي آخر رابطين، حتى عند العرض من حساب مؤهل لعرض الروابط (أي ينتمي إلى مجموعة المستخدمين “company_staff”).

هل أنا لا أستخدم الميزة بشكل صحيح؟

شكراً لك.
@keegan


مرحباً @kenjdarhan،

يبدو أن headerLinkId يشير إلى 1 و 2 لآخر رابطين. أعتقد أنه يجب أن يكون 0 إذا كنت تريده أن يظهر في نفس القائمة المنسدلة.

مرحباً، لقد كنت أستخدم مكون رأس القائمة المنسدلة، وكان سهل الاستخدام ومفيدًا للغاية بالنسبة لنا. ومع ذلك، سيكون الأمر أفضل إذا تم فتح الروابط في القائمة المنسدلة في علامات تبويب جديدة. أتطلع إلى ردكم.

إعجاب واحد (1)

نرحب بطلبات المساهمة (PR) أو اتصل بنا لرعاية العمل.

مرحباً، أنا جديد على Font Awesome وأواجه صعوبة في ظهور الأيقونات.
هذا ما لدي حتى الآن. هل يمكن لأحد المساعدة من فضلك؟

هل قمت بإلحاق العناصر غير العادية بهذا الإعداد العام؟:

يا إلهي شكراً لك، لقد كنت أضيفها باستخدام تنسيق <i> ولم يفعل شيئاً، شكراً لك على هذا.

إعجابَين (2)

تحياتي!

هل يمكنك توضيح أي جانب من جوانب القالب الخاص بك مكّن من وضع الأيقونات/الأزرار التي تربط بصفحات أخرى على موقعك؟
image

لقد سُحرت بشكل خاص بعرض هذه الأزرار في النسخة المحمولة - فهي مرتبة بشكل رائع فوق العنوان في شكل أيقونات في التكرار المحمول.

:+1:

إعجاب واحد (1)

مرحباً، شكراً على ردك :blush:.

لجعل التنقل أكثر سلاسة بين جميع مناطق موقعي الإلكتروني (بما في ذلك المنتدى)، اخترت إنشاء كود HTML مع شريط التنقل المتجاوب هذا، مع إلغاء مكون القائمة المنسدلة.

كما ترى في هذه الصفحات الأخرى، التي تعد جزءًا من نفس موقع الويب، لقد أدرجت نفس الكود بالضبط للحصول على جميع الروابط بنقرة واحدة :grin:

https://oii.francescomancuso.it/

https://oii.francescomancuso.it/risorse/

http://oii.francescomancuso.it/contest/

https://oii.francescomancuso.it/ranking/

إعجاب واحد (1)

كيف يمكنك إصلاح هذا في الواقع، ما زلت لا أستطيع جعل الأيقونة تظهر :smiling_face_with_tear:

@merefield مكون رائع!

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

لقد أرفقت لقطات شاشة للعرض على سطح المكتب، والعرض على الهاتف المحمول، والإعدادات الحالية.

عرض الهاتف المحمول:

سأكون ممتنًا جدًا لمساعدتك!

شكرًا.

إعجاب واحد (1)

مرحباً @Joe_Nguyen، لقد قمت للتو بتثبيت هذه المكونة وهي تعمل كما هو متوقع في كل من العرض على الهاتف المحمول وسطح المكتب. إذا أمكن، هل يمكنك نشر لقطات شاشة للإعدادات التي لديك عند النقر فوق أزرار “Launch Editor” في إعدادات المكونة؟ لست متأكدًا مما يحدث هناك، يجب أن يكون لديك شيء إضافي في عرض الهاتف المحمول :thinking:

إعجابَين (2)

مثل ليلي، إنه يعمل بشكل جيد بالنسبة لي.

لاحظت أنك تستخدم النوافذ المتجاوبة في كروم. إذا فعلت ذلك، أعد تحميل الصفحة (F5) مرة واحدة على الأقل؛ وإلا، فلن ترى العرض للجوال.

يمكنك أيضًا التأكد من أنك تستخدم العرض للجوال إذا أضفت ?mobile_view=1 إلى عنوان URL للمنتدى.

3 إعجابات

@Lilly إليك إعداداتي:

@Arkshine - عندما أضفت ?mobile_view=1 إلى عنوان URL، أرى سهم القائمة المنسدلة.

شكرًا!

إعجابَين (2)

هل أنت متأكد من أنك لست في وضع سطح المكتب على هاتفك المحمول؟

إعجاب واحد (1)

مرحباً @Lilly! أرى القائمة المنسدلة على الهاتف المحمول الآن. :grinning: أحتاج إلى معرفة كيفية فتح الروابط في نافذة جديدة.

إعجاب واحد (1)

هذا شيء أميل إلى تركه للمستخدمين لإعداده في تفضيلاتهم/إعدادات الواجهة الخاصة بهم لأن الأشخاص الذين يستخدمون قارئات الشاشة يتأثرون سلبًا بفرض فتح الروابط في نوافذ أو علامات تبويب جديدة.

مرة أخرى، شكراً @Lilly @Arkshine على مساعدتكما!

إعجاب واحد (1)

على الرحب والسعة، يسعدني أن ذلك قد ساعد.
@Arkshine قام بكل العمل، أنا فقط نشرت تعليقات LOL :laughing:

إعجابَين (2)