أهلاً بأعضاء المجتمع!
لقد كنت أحاول إضافة لافتة ملونة أسفل الترويسة ولكن لم أحقق أي نجاح حتى الآن. لقد جربت أكواد CSS و HTML مختلفة، حتى أنني أنشأت مكونًا مخصصًا، ولكن اللافتة تستمر في الظهور في أعلى الترويسة. أهدف إلى تحقيق شيء مشابه لهذا:
إذا كان لدى أي شخص خبرة في هذا الأمر أو أي اقتراحات، فسأكون ممتنًا جدًا لمساعدتكم.
شكرًا لكم!
Lilly
(Lillian Louis)
17 أكتوبر 2023، 6:05ص
2
مرحباً مرة أخرى @Joe_Nguyen
إليك كيفية القيام بذلك باستخدام منفذ المكون الإضافي below-site-header.
الخطوة 1: في common-head لموضوع أو مكون موضوع، ضع هذا:
<script type="text/x-handlebars" data-template-name="connectors/below-site-header/header-color-bar">
<div id="color-bar">
</div>
</script>
الخطوة 2: في common-css لنفس الموضوع أو مكون الموضوع، ضع هذا:
#color-bar {
background-color: #13d83d;
height: 30px;
}
ملاحظة: يمكنك ضبط الارتفاع وتغيير خاصية اللون إلى أي شيء تريده.
هذا يجب أن يفي بالغرض:
6 إعجابات
Lilly
(Lillian Louis)
17 أكتوبر 2023، 3:33م
4
إذا كنت ترغب في رؤية كيفية إعداد هذا كمكون سمة في مستودع بدلاً من تثبيته المحلي، يمكنك نسخ مستودعي هنا:
Contribute to Lillinator/header-color-bar development by creating an account on GitHub.
لاحظ أنني قد أحذف المستودع في غضون أيام قليلة.
إعجابَين (2)
system
(system)
تم إغلاقه في
16 نوفمبر 2023، 3:33م
5
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.