شارة المؤلف على منشورات صاحب الموضوع

مرحبًا،

سيكون من الرائع جدًا إضافة موضوعات كبيرة… حيث يعرف المستخدمون متى يرد صاحب المنشور الأصلي. سيظهر شارة “المؤلف” على ردود صاحب المنشور الأصلي…

لقد قمت بتنفيذ ذلك باستخدام CSS، لكنني أعتقد أن هذا قد يكون ميزة أساسية أو مكونًا من مكونات السمة. :slight_smile:

أستهدف فئة .topic-owner، لكنني متأكد من وجود طريقة أكثر أناقة. مثل هذا :arrow_down:

شكرًا لك! :slight_smile:

على سطح المكتب، أستهدف فئة .names

.topic-owner article .row .topic-body .topic-meta-data .names::after {
    content: "Author";
    color: var(--secondary);
    background: var(--secondary-medium);
    padding: 0px 8px;
    border-radius: 8px;
}
// إخفاء من المنشورات المضمنة
.topic-owner article .row .embedded-posts .topic-body .topic-meta-data .names::after {
    content: "";
} 

يبدو هكذا :arrow_down:

Screen Shot 2020-12-02 at 10.07.49 AM


على الهاتف المحمول، أستهدف فئة .first

.topic-owner article .row .topic-body .topic-meta-data .names .first::after {
    content: "Author";
    color: var(--secondary);
    background: var(--secondary-medium);
    margin-left: 4px;
    padding: 0px 8px;
    border-radius: 6px;
}

يبدو هكذا :arrow_down:
Screen Shot 2020-12-02 at 10.14.00 AM


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

هذا رائع حقًا. هل المنتدى عام؟ هل يمكنك تعديل منشورك وإضافة رابط إلى ذلك الموضوع؟

مرحبًا @pfaffman،
لقد أضفت الرابط. شكرًا لك :slight_smile:

قد ترغب في استبعاد هذا في المنشور الأول، لأن هذا سيصدر دائمًا من منشئ الموضوع!

تعديل CSS:

شكرًا لك كين! هذه نقطة جيدة، سأستخدمها :heart::slightly_smiling_face:

تحديث صغير! :slight_smile:

سطح المكتب :arrow_down:

// مالك الموضوع

.topic-post.topic-owner article:not(#post_1) .row .topic-body .topic-meta-data .names::after {
  content: "المؤلف";
  color: var(--secondary);
  font-weight: bold;
  background: var(--secondary-medium);
  padding: 0px 8px;
  border-radius: 8px;
  line-height: normal;
}

الجوال :arrow_down:

// مالك الموضوع

.topic-post.topic-owner article:not(#post_1) .row .topic-body .topic-meta-data .names .first:after {
  content: 'المؤلف';
  color: var(--secondary);
  background: var(--secondary-medium);
  margin-left: 4px;
  padding: 0px 8px;
  border-radius: 6px;
  line-height: normal;
}

ربط المكون الجديد للموضوع :partying_face: