Uyumlu XF 2 Sürümleri
Postbitde basit hizmet yılı (kullanıcının kayıt olduğu günden bu yana) gösterme ve basit şık görünümlü sosyal bağlantıları göstere bilirsiniz.
1. Admin CP > Kullanıcılar > Özel kullanıcı alanları bölümünden alan ekliyoruz.
ID: twtich_bag (isteğe bağlı)
başlık ve açıklama girerek kaydediyoruz.
2. message_macros şablonunu açıyoruz.
(Admin cp-de üst sağ bölümden arama kısmına yazarak bulabilirsiniz)
İstediğimiz alana
kodlarını yapıştırıyoruz. "xxx" alanı bizim özel kullanıcı alanındakı id kısmıdır (twitch_bag)
css dosyası içeriği:
extra.less şablonuna atılacak:
not: bu kod svg. dosyalarına verilen "class"larla ikonları boyutlandırıyor.
İkonlar için:
fontawesome.com
sitesinden ikon seçerek üst sağdan
svg kodu alarak
<xf:if is="{$user.Profile.custom_fields.xxx}">
<link rel="stylesheet" href="https://siteniz.com/badge.css">
<span class="chip chip-avatar twitch">
--- svg kodu buraya ---
<label>{$user.Profile.custom_fields.xxx}</label>
</span>
<xf:else />
</xf:if>
svg kodu buraya yazan yere yapıştırıyoruz.
Hizmet yılı:
message_macros şablonunda en başta:
kodundan sonra
yapıştırıyoruz.
aynı şablonda konumlandırmak istediğimiz bir yere
yapıştırıyoruz.
extra.less kodu:
- 2.2.X
- 2.0.X
- 2.1.X
Postbitde basit hizmet yılı (kullanıcının kayıt olduğu günden bu yana) gösterme ve basit şık görünümlü sosyal bağlantıları göstere bilirsiniz.
1. Admin CP > Kullanıcılar > Özel kullanıcı alanları bölümünden alan ekliyoruz.
ID: twtich_bag (isteğe bağlı)
başlık ve açıklama girerek kaydediyoruz.
2. message_macros şablonunu açıyoruz.
(Admin cp-de üst sağ bölümden arama kısmına yazarak bulabilirsiniz)
İstediğimiz alana
Kod:
İçeriği sadece üyelerimiz görebilir.
kodlarını yapıştırıyoruz. "xxx" alanı bizim özel kullanıcı alanındakı id kısmıdır (twitch_bag)
css dosyası içeriği:
Kod:
İçeriği sadece üyelerimiz görebilir.
extra.less şablonuna atılacak:
not: bu kod svg. dosyalarına verilen "class"larla ikonları boyutlandırıyor.
Kod:
İçeriği sadece üyelerimiz görebilir.
İkonlar için:
Find Icons with the Perfect Look & Feel | Font Awesome
Used by millions of designers, devs, & content creators. Open-source. Always free. Check out the all-new icons, styles, and packs available in Font Awesome 7.
sitesinden ikon seçerek üst sağdan
svg kodu alarak
<xf:if is="{$user.Profile.custom_fields.xxx}">
<link rel="stylesheet" href="https://siteniz.com/badge.css">
<span class="chip chip-avatar twitch">
--- svg kodu buraya ---
<label>{$user.Profile.custom_fields.xxx}</label>
</span>
<xf:else />
</xf:if>
svg kodu buraya yazan yere yapıştırıyoruz.
Hizmet yılı:
message_macros şablonunda en başta:
Kod:
İçeriği sadece üyelerimiz görebilir.
kodundan sonra
Kod:
İçeriği sadece üyelerimiz görebilir.
yapıştırıyoruz.
aynı şablonda konumlandırmak istediğimiz bir yere
Kod:
İçeriği sadece üyelerimiz görebilir.
yapıştırıyoruz.
extra.less kodu:
Kod:
İçeriği sadece üyelerimiz görebilir.