xf-guides Code that changes the look of private conversations to a beautiful way Conversations

1772737579222.webp

View attachment 14
Open the conversation_message_macros template and look for the following code:
CSS:
<article class="message message--conversationMessage {{ $message.isIgnored() ? ' is-ignored' : '' }} {{ $message.isUnread($lastRead) ? 'is-unread' : '' }} js-message" data-author="{{ $message.User.username ?: $message.username }}">

Replace with the following code
CSS:
<article class="message message--conversationMessage {{ $message.isIgnored() ? ' is-ignored' : '' }} {{ $message.isUnread($lastRead) ? 'is-unread' : '' }} {{ $message.user_id == $xf.visitor.user_id ? 'ctaConversationMessageSelf' : 'ctaConversationMessageOther' }} js-message" data-author="{{ $message.User.username ?: $message.username }}">

To see this hidden content, you must reply or react with one of the following reactions : Love Love
 
Last edited:
← Previous thread

xf-guides  How to configure PayPal

  • XFrip
  • Replies: 0
Next thread →

xf-guides  The snowfall code in the forum is new with on/off options

  • XFrip
  • Replies: 2
phương án 2 cho style không tương thích với phương án 1

To see this hidden content, you must react with one of the following reactions : Love Love
 
other style :D


To see this hidden content, you must like this content.
 

Who Read This Thread (Total Members: 4)

Personalization

Style editor

Settings Colours

  • Mobile users cannot use these functions.

    Alternate header

    You can easily choose the alternate header layout for a different look.

    View Mode Selection

    Switch between full screen and narrow screen modes.

    Grid View

    Browse content easily with grid mode and get a tidy look.

    Image Grid Mode

    Display your content in a tidy and visually rich way with background images.

    Close Sidebar

    Create a wider working area by hiding the sidebar.

    Sticky Sidebar

    Keep constant access by pinning the sidebar and manage your content easily.

    Box view

    You can add a box-style frame to the sides of your style or remove the existing frame. Applies to resolutions above 1300px.

    Corner Rounding Control

    Customize the look as you like by turning the corner rounding effect on and off.

  • Choose your colour

    Choose the colour that reflects your style and achieve aesthetic harmony.

Back
QR Code