# كيف أنقل صورة/لافتة إلى أعلى الصفحة تمامًا؟
**URL:** https://meta.discourse.org/t/how-do-i-move-an-image-banner-to-the-very-top-of-the-page/399156
**Category:** Support
**Created:** [24 مارس 2026، 4:55م UTC](https://meta.discourse.org/t/how-do-i-move-an-image-banner-to-the-very-top-of-the-page/399156 "2026-03-24T16:55:46Z")
**Posts on this page:** 13
**Page:** 1
### Author:  [@AndyBr](https://meta.discourse.org/u/AndyBr)
#### Post date: [24 مارس 2026، 4:55م UTC](https://meta.discourse.org/t/how-do-i-move-an-image-banner-to-the-very-top-of-the-page/399156/1 "2026-03-24T16:55:46Z")
---
### Author:  [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [24 مارس 2026، 5:11م UTC](https://meta.discourse.org/t/how-do-i-move-an-image-banner-to-the-very-top-of-the-page/399156/2 "2026-03-24T17:11:41Z")
يمكنك استخدام مكون رأس العلامة التجارية (brand header component) لإنشاء الرأس الذي تصفه، وسيكون من السهل إضافة خلفية باستخدام بعض تنسيقات CSS. على حد علمي، لا توجد طريقة أصلية لنقل لافتة الموقع إلى هناك.
> [@Brand Header](https://meta.discourse.org/t/brand-header/77977?u=darkpixlz):
>
> discourse2Summary Brand Header adds an extra top header for branding with your logo, navigation links, and social icons for both mobile and desktop views. Brand logo can be an image or text.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/brand-header)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-brand-header](https://github.com/discourse/discourse-brand-header)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features Desktop preview: …
---
### Author:  [@AndyBr](https://meta.discourse.org/u/AndyBr)
#### Post date: [24 مارس 2026، 5:15م UTC](https://meta.discourse.org/t/how-do-i-move-an-image-banner-to-the-very-top-of-the-page/399156/3 "2026-03-24T17:15:09Z")
شكرًا لك. إنشاء لافتة أمر سهل. يبدو أن جعلها خلفية هو الجزء الصعب. كانت لديّ هذه الميزة مع مظهري السابق، ولكن مضى وقت طويل جدًا، لا أتذكر ما هو تنسيق CSS الذي كان عليّ تغييره للقيام بذلك.
حسب علمي، كل شيء ممكن باستخدام CSS المخصص، أليس كذلك؟
---
### Author:  [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [24 مارس 2026، 5:17م UTC](https://meta.discourse.org/t/how-do-i-move-an-image-banner-to-the-very-top-of-the-page/399156/4 "2026-03-24T17:17:47Z")
نعم، الأمر سهل مثل مكون بسيط. لست بجوار حاسوبي في الوقت الحالي لذلك لا يمكنني جلب الفئة (class) لك، ولكن إذا ذهبت إلى أدوات المطور (DevTools) يمكنك الحصول على الفئة وإنشاء مكون جديد:
```scss
.banner_background { // ضع الفئة الحقيقية هنا
background: url("https://example.com/example.png") cover no-repeat;
}
```
---
### Author:  [@AndyBr](https://meta.discourse.org/u/AndyBr)
#### Post date: [24 مارس 2026، 5:21م UTC](https://meta.discourse.org/t/how-do-i-move-an-image-banner-to-the-very-top-of-the-page/399156/5 "2026-03-24T17:21:08Z")
“لفافة”؟
---
### Author:  [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [24 مارس 2026، 5:23م UTC](https://meta.discourse.org/t/how-do-i-move-an-image-banner-to-the-very-top-of-the-page/399156/6 "2026-03-24T17:23:33Z")
هذا هو العنوان الافتراضي. إذا كنت تتطلع إلى تطبيق الخلفية على العنوان، فنعم، ولكن إذا كنت تريد أن يكون منفصلاً، فهذا ليس هو.
إذا كنت تريد تطبيق الخلفية على عنوان الموقع، فاستخدم `.d-header .wrap`
---
### Author:  [@AndyBr](https://meta.discourse.org/u/AndyBr)
#### Post date: [24 مارس 2026، 5:26م UTC](https://meta.discourse.org/t/how-do-i-move-an-image-banner-to-the-very-top-of-the-page/399156/7 "2026-03-24T17:26:49Z")
شكراً لك. هل يمكنك أن تدلني على المكان الذي يمكنني أن أجد فيه تعليمات حول كيفية إجراء هذا التغيير؟ أنا أعرف القليل جداً عن css والأقل عن تخصيص discourse!
---
### Author:  [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [24 مارس 2026، 5:27م UTC](https://meta.discourse.org/t/how-do-i-move-an-image-banner-to-the-very-top-of-the-page/399156/8 "2026-03-24T17:27:57Z")
هل يمكنك إخباري ما هو “التغيير” الذي تقصده؟
---
### Author:  [@AndyBr](https://meta.discourse.org/u/AndyBr)
#### Post date: [24 مارس 2026، 5:28م UTC](https://meta.discourse.org/t/how-do-i-move-an-image-banner-to-the-very-top-of-the-page/399156/9 "2026-03-24T17:28:35Z")
كيف يمكنني تغيير خلفية الجزء العلوي من الصفحة إلى الصورة الموجودة خلف رسالة الترحيب.
---
### Author:  [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [24 مارس 2026، 5:29م UTC](https://meta.discourse.org/t/how-do-i-move-an-image-banner-to-the-very-top-of-the-page/399156/10 "2026-03-24T17:29:53Z")
إذا كنت تتطلع إلى استبدال خلفية رأس الموقع، فهذا هو ما تريده
```css
.d-header .wrap {
background: url("https://example.com/example.png") cover no-repeat;
}
```
---
### Author:  [@AndyBr](https://meta.discourse.org/u/AndyBr)
#### Post date: [24 مارس 2026، 5:30م UTC](https://meta.discourse.org/t/how-do-i-move-an-image-banner-to-the-very-top-of-the-page/399156/11 "2026-03-24T17:30:53Z")
عذرًا، لم أكن واضحًا. ربما هناك “خطوة بخطوة” حول كيفية إضافة تنسيقات CSS مخصصة إلى الموقع. هذا ما أبحث عنه.
---
### Author:  [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [24 مارس 2026، 5:32م UTC](https://meta.discourse.org/t/how-do-i-move-an-image-banner-to-the-very-top-of-the-page/399156/12 "2026-03-24T17:32:23Z")
يوجد هذا الرابط [Making custom CSS changes on your site](https://meta.discourse.org/t/making-custom-css-changes-on-your-site/168101) للحصول على معلومات عامة حول كيفية القيام بذلك
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [23 أبريل 2026، 5:33م UTC](https://meta.discourse.org/t/how-do-i-move-an-image-banner-to-the-very-top-of-the-page/399156/13 "2026-04-23T17:33:17Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.