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!

XF 2.1 Eklenti Postbit'e Özel Alan Ekleme

Bu eklenti, add-ons XenForo 2.1.X ile uyumlu ve stabil olarak çalışmaktadır.

MusaPekel

xFanatik
SMS onaylı
Kullanıcı
Katılım
8 Ocak 2018
Mesajlar
1,071
Çözümler
36
Merhaba,

Xenforo 2.x sürümlerinde ayrıca çalışan özel alanlar ekliyoruz.

Not : Video'lu Anlatım Yakında Gelicektir.


1. Adım

Kullanıcılar > Özel Kullanıcı > Alan Ekle kısmına Giriyoruz. Aşağıda Ekran Görüntüsünde kendiniz yapacağınız alana göre düzenleyiniz.
7679

7680
7681
2. Adım

Görünüm ve Diller > Şablonlar > message_macros şablonuna girdikten sonra

PHP:
<xf:if is="$extras.website && $user.Profile.website">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('website') }}</dt>
                            <dd><a href="{$user.Profile.website}" rel="nofollow" target="_blank">{$user.Profile.website|url('host', phrase('visit_site'))}</a></dd>
                        </dl>
                    </xf:if>
Hemen Altına Aşağıda Verilen kodumuzu ekliyoruz.

PHP:
<xf:if is="$extras.message_count">
                        <dl class="namesblock maveracheats maveracheats--justified" >
                            <dt style="color:white;">İsim</dt>
                            <dd style="color:white;">{$user.Profile.custom_fields.isim}</dd> 
                        </dl>
                    </xf:if>
screenshot_7-png.7682

{$user.Profile.custom_fields."isim"} tırnak içerisinde alınan " Alan kimliği-ID " yazdığınız ıd yazılcaktır.

3. Adım

Görünüm ve Diller > Şablonlar > extra.less şablonuna giriyoruz ve altta verdiğim css kısmını ekliyoruz.



CSS:
.maveracheats {
    color: #4d5460;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    padding: 6px 9px;
    margin-top: 2px;
    margin: 0;
    overflow: hidden;
}

.maveracheats
{

    &.maveracheats--plainLabel
    {
        > dt
        {
            color: inherit;
        }
    }

    &.maveracheats--spaced + .maveracheats
    {
        margin-top: @xf-paddingMedium;
    }

    &.maveracheats--noColon
    {
        > dt
        {
            &:after
            {
                content: "";
            }
        }
    }

    > dt
    {
        padding: 0;
        margin: 0;
        color: @xf-textColorMuted;

        .m-appendColon();
    }

    > dd
    {
        padding: 0;
        margin: 0;
    }

    &.maveracheats--inline
    {
        display: inline;

        > dt,
        > dd
        {
            display: inline;
        }
    }

    &.maveracheats--columns
    {
        display: table;
        table-layout: fixed;
        width: 100%;

        > dt,
        > dd
        {
            display: table-cell;
        }

        > dt
        {
            width: 50%;
            padding-right: @xf-paddingMedium;
        }

        &.maveracheats--fixedSmall > dt
        {
            width: 200px;
        }
        &.maveracheats--fluidSmall > dt
        {
            width: 25%;
        }
        &.maveracheats--fluidHuge > dt
        {
            width: 70%;
        }

        @media (max-width: 500px)
        {
            display: block;

            > dt,
            > dd
            {
                display: block;
            }

            &.maveracheats > dt // the .maveracheats repetition is to increase specificity to override all fixed/fluid options
            {
                width: auto;
                padding-right: 0;
            }

            & + .maveracheats
            {
                margin-top: @xf-paddingMedium;
            }
        }
    }

    &.maveracheats--justified
    {
        .m-clearFix();

        > dt
        {
            float: left;
            max-width: 100%;
            margin-right: @xf-paddingMedium;
        }

        > dd
        {
            float: right;
            text-align: right;
            max-width: 100%;
        }
    }

    &.maveracheats--rows
    {
        display: inline-table;
        margin-right: @xf-paddingMedium;

        &.maveracheats--rows--centered
        {
            > dt,
            > dd
            {
                text-align: center;
            }
        }

        &:last-of-type
        {
            margin-right: 0;
        }

        > dt
        {
            display: table-row;
            font-size: 80%;

            &:after
            {
                content: '';
                display: none;
            }
        }

        > dd
        {
            display: table-row;
        }
    }
}

.maveracheatsWrapper
{
    &.maveracheatsWrapper--spaced
    {
        .maveracheats
        {
            margin-top: @xf-paddingMedium;

            &:first-child
            {
                margin-top: 0;
            }
        }
    }
}

.maveracheatsJustifier
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-right: -5px;
    margin-bottom: -5px;

    .maveracheats.maveracheats--rows
    {
        margin-right: 5px;
        margin-bottom: 5px;
    }
}

/* Yeni PostBit Çizgileri */

.namesblock  {

    margin-top:2px;
    box-shadow:0px 3px #5d6677, 0px 4px 5px rgba(0,0,0,0.3);
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
        background:#4d5460;
        text-align:left;
        padding:0 10px;
        color:#fff;
        position:relative;
        text-decoration:none;
        height:26px;
        font-family:Arial;
        transition:all 0.3s ease;
        padding-left:10px;
        padding-right:10px;
        padding-top:6px;
}

Sonuç

7683

 

Ekli dosyalar

  • Screenshot_7.png
    Screenshot_7.png
    28.8 KB · Görüntüleme: 1,202
Detaylı ve güzel anlatım için teşekkür ederiz, ellerinize sağlık ?
 
Valla anlamadım. İsim diye bir şey yokki :)
O senin tanımlamak istediğin özel alan. Sen forum yapına göre diyelim ki üyelerin ilgi alanları merak ediyorsun. O zaman sen "isim" yerine "İlgi Alanız" diye bir yeni alan tanımlıyorsun :D
 
Bu arada MusaPekel MusaPekel az önce fark ettim. Bu işlemi yani Postbit alanına yeni tanımlan özel alanı göstermek için "message_macros " macrosuna bir şey ilave etmene gerek yok. "Tema özelliklerinden" yapman yeterli.

Tema Özellikleri -> Mesajlar -> Ayarlar -> Mesaj alanı kullanıcı bilgileri: Özel alanlar
 

Ekli dosyalar

  • Screenshot_2.jpg
    Screenshot_2.jpg
    94.1 KB · Görüntüleme: 100
  • Screenshot_3.jpg
    Screenshot_3.jpg
    19.5 KB · Görüntüleme: 106
Bu arada MusaPekel MusaPekel az önce fark ettim. Bu işlemi yani Postbit alanına yeni tanımlan özel alanı göstermek için "message_macros " macrosuna bir şey ilave etmene gerek yok. "Tema özelliklerinden" yapman yeterli.

Tema Özellikleri -> Mesajlar -> Ayarlar -> Mesaj alanı kullanıcı bilgileri: Özel alanlar
Aslında evet ? ama şöyle ki bunlara class verdiğim için ve css eklediğim için ekleme yaptım
 
Custem user Fields eklediğimzde direk olarak

PHP:
<xf:if is="$user.canViewIdentities()">
                            <xf:macro template="custom_fields_macros" name="custom_fields_view"
                                arg-type="users"
                                arg-group="contact"
                                arg-set="{$user.Profile.custom_fields}"
                                arg-additionalFilters="{{ ['message'] }}"
                                arg-valueClass="pairs pairs--justified" />
                        </xf:if>
                    
                    <xf:if is="$extras.custom_fields">
                        <xf:macro template="custom_fields_macros" name="custom_fields_values"
                            arg-type="users"
                            arg-group="personal"
                            arg-set="{$user.Profile.custom_fields}"
                            arg-additionalFilters="{{ ['message'] }}"
                            arg-valueClass="pairs pairs--justified" /></xf:if>

içerisine ekliyor ama şöyle ki burada class belirtemiyoruz diye biliyorum.
 

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.