تغيير موضع الصورة الرمزية

مطور
1

من فضلك أخبرني كيف أعرض صورة رمزية بهذه الطريقة

image
image1342×344 89.5 KB

كهذه

image
image1441×365 94.9 KB

الموضوع: FKB Pro - Social theme

إعجابَين (2)
2

إذا قمت بذلك، فستفقد القدرة على رؤية الصورة الرمزية تنزلق لأعلى أو لأسفل. هل هذا مقبول؟

إعجابَين (2)
3

نعم، فليكن كذلك

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

هل يمكنك تجربة CSS سطح المكتب هذا؟

.topic-post {
    $avatar_width: 60px;
    $topic_margin_body: 1em;

    .topic-body {
        width: calc(690px + var(--topic-body-width-padding) * 2 + $avatar_width + $topic_margin_body) !important;
    }

   .topic-avatar {
        position: absolute !important;
        left: calc(var(--topic-body-width-padding) * 2 + $topic_margin_body);
        margin-bottom: 0 !important;
    }

    &.sticky-avatar .topic-avatar {
        top: unset !important;
    }

    .names.trigger-user-card {
        margin-left: calc(var(--topic-avatar-width) + var(--topic-avatar-width) / 2);
        height: $avatar_width;
    }
}

image
image203×173 18.5 KB

إعجابَين (2)
5

image
image949×352 78.4 KB

شكرًا، هذا ساعد. الآن كيف يمكنني زيادة عرض الكتلة الرئيسية في المواضيع؟

6

لقد قمت بتعديل CSS أعلاه. لم أره لأن شاشتي كانت مقسومة إلى نصفين. :+1:

7

لم ينجح الأمر

8

حاول مرة أخرى؛ لقد قمت بالتحديث مرة أخرى بعد ذلك مباشرةً.

يعمل الأمر من جانبي:

Arc_X4TUccN7P8

9

نعم، إنه يعمل. شكراً جزيلاً لك :heart:

10

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