# قبعات عيد الميلاد!

**URL:** <https://meta.discourse.org/t/christmas-hats/51846>\
**Category:** General\
**Created:** [21 أكتوبر 2016، 10:05ص UTC](https://meta.discourse.org/t/christmas-hats/51846 "2016-10-21T10:05:21Z")\
**Posts on this page:** 1\
**Showing post:** 23

<div class="post-metadata">

**Author:** ![Kartoon](https://avatars.discourse-cdn.com/v4/letter/k/e36b37/32.png) [@Kartoon](https://meta.discourse.org/u/Kartoon)\
**Post date:** [30 نوفمبر 2024، 7:17ص UTC](https://meta.discourse.org/t/christmas-hats/51846/23 "2024-11-30T07:17:20Z")

</div>

> [@cpradio](#):
>
> تفضل (تحية لـ sama74 من SP الذي ساعد في إطلاق هذا)
> 
> 1. قم بتحميل [هذه الصورة](https://sandbox.cpradio.org/uploads/default/optimized/1X/bc7a8948b080c0ccb41a2aa8d20915e0aba5c8d2_1_446x500.png) إلى موضوع Staff \> Assets الخاص بك
> 2. انتقل إلى Admin \> Customize \> CSS
> 
> ```plaintext
> #current-user div {
> position: relative;
> }
> #current-user div::after {
> position: absolute;
> content: '';
> display: block;
> top:-16px;
> left: -8px;
> width: 45px;
> height: 45px;
> /* قم بتحديث الرابط أدناه */
> background: url(url_of_christmas_hat_asset) no-repeat center;
> background-size: contain;
> }
> 
> ```
> 
> أخيرًا وليس آخرًا، تأكد من حفظ التخصيص وتمكينه.

إذا كان أي شخص يبحث ويجد هذا الموضوع، فإن الكود أعلاه لم يعد يعمل ولكنني قمت بإنشاء كود محدث.

```plaintext
.current-user {
  position: relative;
}
.current-user::after {
  position: absolute;
  content: '';
  display: block;
  top:-16px;
  left: -8px;
  width: 45px;
  height: 45px;
  /* قم بتحديث الرابط أدناه */
  background: url(URL HERE) no-repeat center;
  background-size: contain;
  pointer-events: none;
}

```

يعد سطر “pointer-events” مهمًا أيضًا لأنه بدونه لم يعد بإمكانك النقر على صورة ملفك الشخصي لفتح القائمة لأن تراكب القبعة يحظره (يمكنك النقر في الزاوية العلوية اليمنى، وفي الأسفل تمامًا، ولكن هذا مزعج وغير ملحوظ على الفور)  
الكود الآخر الذي نشره @Robert (الثاني) لإضافة القبعات على الملفات الشخصية داخل الموضوع لا يزال يعمل، ولكنه يحتوي على نفس المشكلة (على الرغم من أنها أقل أهمية لأنك لا تزال تستطيع النقر على اسم المستخدم بجوار الصورة مباشرة هذه المرة) ولكن إذا كنت ترغب في إصلاح ذلك أيضًا، يمكنك ببساطة إضافة `pointer-events: none;`

---

_[View the full topic](https://meta.discourse.org/t/christmas-hats/51846)._