• Merhaba Ziyaretçi,
    Sitemizden yararlanmak için buradan kayıt olunuz.
  • Değerli üyelerimiz, Bildiğiniz üzere uzunca bir süredir eklenti desteği ile kişisel sebeplerden ötürü ilgilenemiyorum. Üyelerimizi mağdur etmemek açısından burada sergilenen eklentilerimizi Xenforo.gen.tr üzerinde satışa sunma kararı aldık. Mevcut eklentilere ait kritik problem ve geliştirmeler ile ilgili belirli aralıklarla Xenforo.gen.tr üzerinden destek verilecektir.

Messenger Stili Konuşma

Sancaktar

Kayıtlı Üye
Katılım
31 Ağu 2016
Mesajlar
76
Reaction score
61
Puanları
18
Yaş
42
Web sitesi
www.muhendis.net
PHP Versiyonu
PHP v7.1.x
XenForo Versiyonu
XF 1.5.x
Açıklama
Bazı CSS kodları ile standart mesajlaşma görünümünü messenger stiline çevirmeye yarar.

Sonuç aşağıdaki gibidir.
messenger-layout-1.png

Kendi avatarınız daima sağdan görünür ve diğer katılımcıların avatarları solda görünür. Doğal olarak her katılımcının farklı bir görüşü vardır:
messenger-layout-2.png

Dar yanıtlı görünümde ileti içerik alanını en üst düzeye çıkarmak için gereksiz öğeler kaldırılmıştır (yalnızca CSS aracılığıyla):
messenger-layout-3.png

bu sadece CSS'dir, bu yüzden kendinize göre biçimlendirebilirsiniz.

Talimatlar
message şablonunu bulun ve aşağıdaki şekilde düzenleyin.

Aşağıdaki kodu bulun:

Kod:
<li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_staff}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">
Aşağıdaki değer ile değiştirin.
Kod:
<li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_staff}', 'staff'} {xen:if $message.isIgnored, ignored} {xen:if '{$message.conversation_id}', {xen:if '{$visitor.user_id} ==  {$message.user_id}', 'ctaConversationMessageSelf', 'ctaConversationMessageOther'}}" data-author="{$message.username}">

EXTRA.css şablonunu açın ve aşağıdaki kodları ekleyin.

Kod:
/* MESSENGER STYLE CONVERSATION Start */
.conversation_view .mainContent .messageList,
.conversation_view .mainContent .messageList .message
{
    border: none !important;
}

.conversation_view .message .newIndicator
{
    display: none;
}

.ctaConversationMessageSelf .messageUserInfo,
.Responsive .ctaConversationMessageSelf .messageUserInfo
{
    float: right;
}

.ctaConversationMessageSelf .messageUserBlock .arrow,
.ctaConversationMessageOther .messageUserBlock .arrow
{
    display: none;
}

.ctaConversationMessageSelf.message .messageInfo
{
    margin-left: 0;
    margin-right: 150px;
}

.ctaConversationMessageSelf .messageContent
{
    border-radius: 10px;
    background-color: @primaryLighterStill;
}

.ctaConversationMessageOther .messageContent
{
    border-radius: 10px;
    background-color: @pageBackground;
}

.ctaConversationMessageSelf .messageText,
.ctaConversationMessageOther .messageText
{
    padding: 10px;
}

.conversation_view .message .newIndicator,
.conversation_view .message .messageUserBlock .extraUserInfo,
.conversation_view .message .signature
{
    display: none;
}

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth)
{
    .Responsive .ctaConversationMessageOther .messageUserInfo
    {
        float:left;
    }

    .Responsive .ctaConversationMessageSelf .messageUserBlock div.avatarHolder,
    .Responsive .ctaConversationMessageOther .messageUserBlock div.avatarHolder
    {
        float: none;
    }

    .Responsive .ctaConversationMessageSelf .messageUserBlock h3.userText,
    .Responsive .ctaConversationMessageOther .messageUserBlock h3.userText
    {
        margin: 0;
        width: 52px;
        font-size: 80%;
    }

    .Responsive .ctaConversationMessageSelf .messageUserBlock a.username,
    .Responsive .ctaConversationMessageOther .messageUserBlock a.username
    {
        line-height: 12px;
        font-size: 100%;
    }

    .Responsive .ctaConversationMessageSelf .messageUserBlock .userTitle,
    .Responsive .ctaConversationMessageOther .messageUserBlock .userTitle,
    .Responsive .ctaConversationMessageSelf .messageUserBlock .userBanner,
    .Responsive .ctaConversationMessageOther .messageUserBlock .userBanner
    {
        display: none;
    }

    .Responsive .ctaConversationMessageSelf.message .messageInfo
    {
        margin-right: 66px;
        padding-right: 8px;
    }

    .Responsive .ctaConversationMessageOther.message .messageInfo
    {
        margin-left: 66px;
        padding-left: 8px;
    }
}
</xen:if>

/* MESSENGER STYLE CONVERSATION End */
NOT
ctaConversationMessageSelf ve ctaConversationMessageOther kodlarda kendinize gör düzenleyebilrisiniz.
 

vurucu

Kayıtlı Üye
Katılım
6 Eki 2016
Mesajlar
59
Reaction score
24
Puanları
18
Yaş
34
Konum
Adana
Web sitesi
www.pembebere.com
PHP Versiyonu
PHP v7.0.x
XenForo Versiyonu
XF 1.5.x
bence çok hoş olmuş emeklerinize sağlık
 

Sancaktar

Kayıtlı Üye
Katılım
31 Ağu 2016
Mesajlar
76
Reaction score
61
Puanları
18
Yaş
42
Web sitesi
www.muhendis.net
PHP Versiyonu
PHP v7.1.x
XenForo Versiyonu
XF 1.5.x
CSS kısmını düzenledim tekrar. imza, özel kullanıcı alanı gibi alanlar gözüküyordu temizledim hepsini.
 
Üst