أضف شريطًا ملونًا بعد الرأس

أهلاً بأعضاء المجتمع!

لقد كنت أحاول إضافة لافتة ملونة أسفل الترويسة ولكن لم أحقق أي نجاح حتى الآن. لقد جربت أكواد CSS و HTML مختلفة، حتى أنني أنشأت مكونًا مخصصًا، ولكن اللافتة تستمر في الظهور في أعلى الترويسة. أهدف إلى تحقيق شيء مشابه لهذا:

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

شكرًا لكم!

مرحباً مرة أخرى @Joe_Nguyen :wave:

إليك كيفية القيام بذلك باستخدام منفذ المكون الإضافي 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;
}

ملاحظة: يمكنك ضبط الارتفاع وتغيير خاصية اللون إلى أي شيء تريده.

هذا يجب أن يفي بالغرض: :slight_smile:

6 إعجابات

شكرا لك @Lilly! :slightly_smiling_face:

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

إذا كنت ترغب في رؤية كيفية إعداد هذا كمكون سمة في مستودع بدلاً من تثبيته المحلي، يمكنك نسخ مستودعي هنا:

لاحظ أنني قد أحذف المستودع في غضون أيام قليلة.

إعجابَين (2)

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.