Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Çözüldü Resimdeki Gibi Nasıl Online ve Offline Çerçeve Ekleyebilirim ?

Bu sorun verilen destek sayesinde çözüme ulaştırılmıştır.

kuzubey

xFanatik
SMS onaylı
Kullanıcı
Katılım
23 Ocak 2021
Mesajlar
200
Çözümler
4
Arkadaşlar aşağıda resimde belirttiğim gibi nasıl online ve ofline çerçeve ekleyebilirim ?
online.png Online olan

ofline.png Offline olan
 

Çözüldü Resimdeki Gibi Nasıl Online ve Offline Çerçeve Ekleyebilirim ?

Basit bir işlem aslında şöyle yapabilirsin.

Kullanmış olduğunuz temanın message_macros şablonunu açın aşağıdaki satırı bulun.

HTML:
<div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">

Aşağıdaki ile değiştirin.

HTML:
<div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : 'message-avatar--offline' }}">

Kullanmış olduğunuz temanın extra.less şablonunu açın aşağıdaki css kodlarını ekleyin.

Less:
.message-cell--user {
    .message-avatar--online {
        .avatar {
            border: 4px solid #57d607;
            border-radius: 5px;
        }
    }...
Basit bir işlem aslında şöyle yapabilirsin.

Kullanmış olduğunuz temanın message_macros şablonunu açın aşağıdaki satırı bulun.

HTML:
<div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">

Aşağıdaki ile değiştirin.

HTML:
<div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : 'message-avatar--offline' }}">

Kullanmış olduğunuz temanın extra.less şablonunu açın aşağıdaki css kodlarını ekleyin.

Less:
.message-cell--user {
    .message-avatar--online {
        .avatar {
            border: 4px solid #57d607;
            border-radius: 5px;
        }
    }
    .message-avatar--offline {
        .avatar {
            border: 4px solid #576590;
            border-radius: 5px;
        }
    }
}

Sonuç:

netronpostbit.jpg
 
Çözüm
Basit bir işlem aslında şöyle yapabilirsin.

Kullanmış olduğunuz temanın message_macros şablonunu açın aşağıdaki satırı bulun.

HTML:
<div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">

Aşağıdaki ile değiştirin.

HTML:
<div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : 'message-avatar--offline' }}">

Kullanmış olduğunuz temanın extra.less şablonunu açın aşağıdaki css kodlarını ekleyin.

Less:
.message-cell--user {
    .message-avatar--online {
        .avatar {
            border: 4px solid #57d607;
            border-radius: 5px;
        }
    }
    .message-avatar--offline {
        .avatar {
            border: 4px solid #576590;
            border-radius: 5px;
        }
    }
}

Sonuç:

Ekli dosyayı görüntüle 14883
Hocam ilk başta verdiğiniz kodu tarattığımda çıkmıyor
 

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.