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!

Xf2 Çevrimdışı ikonu nasıl ayarlayabilirim?

Sis

xFanatik
SMS onaylı
Kullanıcı
Katılım
17 Nis 2018
Mesajlar
1,280
Çözümler
11
Aşağıdaki görseldeki tarzda çevrimdışı olayını nasıl yapabilirim? İkonun aynı olması önemli değil bu tarz da çevrımdışı göstericek sistem ariyorum.

1579556523402.png
 
message_macros şablonunda bulun

HTML:
                <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
                    <span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
                </xf:if>

Şu şekilde deiğiştirin

HTML:
                <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
                    <span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
                <xf:else />
                    <span class="message-avatar-offline" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('offline_now')|for_attr }}"></span>
                </xf:if>

extra.less şablonuna ekleyin. Css kodunun kendinize göre düzenleyin.

CSS:
.message-avatar-wrapper .message-avatar-offline:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f2bd";
    line-height: 1;
    font-weight: bold;
    color: #e21316;
    background: #fff;
    border: #fff solid 2px;
    border-radius: 50%;
    display: inline-block;
}
.message:not(.message--forceColumns) .message-avatar .avatar + .message-avatar-offline {
    left: auto;
    right: 0;
}
.message-avatar-wrapper .message-avatar-offline {
    position: absolute;
    left: 50%;
    margin-left: -.615em;
    bottom: -.5em;
}
 
Ugur Ugur, ugur hocam peki normal çevrimiçi ikonunun aynı hizasına çevrim dışı ikonunu nasıl ekleriz?
 
Ugur Ugur, ugur hocam peki normal çevrimiçi ikonunun aynı hizasına çevrim dışı ikonunu nasıl ekleriz?
Yukardaki cssi kullandıysanız şu satırı silin.

CSS:
.message:not(.message--forceColumns) .message-avatar .avatar + .message-avatar-offline {
    left: auto;
    right: 0;
}
 
message_macros şablonunda bulun

HTML:
                <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
                    <span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
                </xf:if>

Şu şekilde deiğiştirin

HTML:
                <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
                    <span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
                <xf:else />
                    <span class="message-avatar-offline" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('offline_now')|for_attr }}"></span>
                </xf:if>

extra.less şablonuna ekleyin. Css kodunun kendinize göre düzenleyin.

CSS:
.message-avatar-wrapper .message-avatar-offline:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f2bd";
    line-height: 1;
    font-weight: bold;
    color: #e21316;
    background: #fff;
    border: #fff solid 2px;
    border-radius: 50%;
    display: inline-block;
}
.message:not(.message--forceColumns) .message-avatar .avatar + .message-avatar-offline {
    left: auto;
    right: 0;
}
.message-avatar-wrapper .message-avatar-offline {
    position: absolute;
    left: 50%;
    margin-left: -.615em;
    bottom: -.5em;
}

Hocam eline koluna sağlık teşekkürler :) Bu çevrimdışı ikonunu profile doğru birazcık nasıl gömebiliriz ? :)
 
message_macros şablonunda bulun

HTML:
                <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
                    <span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
                </xf:if>

Şu şekilde deiğiştirin

HTML:
                <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
                    <span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
                <xf:else />
                    <span class="message-avatar-offline" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('offline_now')|for_attr }}"></span>
                </xf:if>

extra.less şablonuna ekleyin. Css kodunun kendinize göre düzenleyin.

CSS:
.message-avatar-wrapper .message-avatar-offline:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f2bd";
    line-height: 1;
    font-weight: bold;
    color: #e21316;
    background: #fff;
    border: #fff solid 2px;
    border-radius: 50%;
    display: inline-block;
}
.message:not(.message--forceColumns) .message-avatar .avatar + .message-avatar-offline {
    left: auto;
    right: 0;
}
.message-avatar-wrapper .message-avatar-offline {
    position: absolute;
    left: 50%;
    margin-left: -.615em;
    bottom: -.5em;
}
Uğur hocam peki aynısını çevrim içi için nasıl ekleriz teşekkürler.
 

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Zevkine göre renk kombinasyonunu belirle

Gece/Gündüz modunu seç

Gece ve gündüz modlarından tarzınıza yada ihtiyaçlarınıza uygun olanı seçerek kullana bilirsiniz.

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.

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.