Kayıt ol
  • Sosyal Medya Hesaplarımız:

[XFTR] XenForo 2.0 Postbit 2018

Adanalı

sɹǝʇ nq ʞǝʇ ɹıq ؛ ɐp ɐpunloʎ ʎǝsɹǝɥ ıʞuɐs
Yönetici
10
Katılım
9 Haziran 2018
Konular
1,392
Mesajlar
4,719
Çözümler
5
Reaksiyon puanı
1,283
Puanları
113
Konum
Adana
Cinsiyet
Erkek
xenforotr.com sitesinin kurucusu, MySims3k hazırlamış olduğu harika xenforo 2.0 postbit.

Önemli Not: Bu tasarım XenForo 2.0.9 sürümü ile uyumlu çalışmaktadır

Masaüstü Görünümü
xenforotr_com_postbitouksp.png


Mobil Görünüm
xenforotr_com_postbit5ajff.png


Adım 1: Temanızın PAGE_CONTAİNER şablonunu açın ve </head> etiketini bulun hemen üstüne aşağıdaki kodları yapıştırın
Kod:
<script src="//code.simplesvg.com/1/1.0.0-beta5/simple-svg.min.js"></script>

Adım 2 : message_macros şablonunu açın ve içeriğini aşağıdakilerle değiştirin
Kod:
<xf:macro name="user_info"
    arg-user="!"
    arg-fallbackName=""
    arg-dateHtml=""
    arg-linkHtml="">

    <section itemscope itemtype="https://schema.org/Person" class="message-user">
          
        <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>
      
        <div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">
            <div class="message-avatar-wrapper">
                <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
                <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
                    <span class="message-avatar-online" data-xf-init="tooltip" title="{{ phrase('online_now')|for_attr }}"></span>
                </xf:if>
            </div>
        </div>
        <div class="message-userDetails">
            <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
            <xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
            <xf:if is="{$dateHtml}"><div class="message-date">{$dateHtml}</div></xf:if>
        </div>
        <xf:if is="{$linkHtml}"><div class="message-permalink">{$linkHtml}</div></xf:if>
        <xf:if is="$user.user_id">
            <xf:set var="$extras" value="{{ property('messageUserElements') }}" />
            <xf:if contentcheck="true">
                    <div class="avatarExtra">
                        <a href="{{ link('conversations/add', null, {'to': $user.username}) }}">
                            <span class="fa fa-envelope"></span></a>
                        <a href="{{ link('search/member', null, {'user_id': $user.user_id}) }}">
                            <span class="fa fa-comments"></span></a>
                        <a href="{{ link('search/member', null, {'user_id': $user.user_id, 'content': 'thread'}) }}">
                            <span class="fa fa-commenting"></span></a>
                    </div>
                <div class="message-userExtras">
                  
                <xf:contentcheck>

                <div class="myBlock">
                    <xf:if is="$extras.message_count">
                        <dl class="pairs pairs--justified">
                            <dt><simple-svg data-icon="fa-comment-o" title="{{ phrase('messages') }}"></simple-svg></dt>
                            <dd>{$user.message_count|number}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.trophy_points && $xf.options.enableTrophies">
                        <dl class="pairs pairs--justified">
                            <dt><simple-svg data-icon="icons8-powerpoint" title="{{ phrase('points') }}"></simple-svg></dt>
                            <dd>{$user.trophy_points|number}</dd>
                        </dl>
                    </xf:if>                 
                </div> 
                  
                  
                  
                    <xf:if is="$extras.register_date">
                        <dl class="pairs pairs--justified">
                            <dt><span data-icon="flat-color-icons:calendar" class="simple-svg" title="{{ phrase('joined') }}"></span></dt>
                            <dd>{{ date($user.register_date) }}</dd>
                        </dl>
                    </xf:if>

                    <xf:if is="$extras.like_count">
                        <dl class="pairs pairs--justified">
                            <dt><span data-icon="ei-like" class="simple-svg" title="{{ phrase('likes') }}"></span></dt>
                            <dd>{$user.like_count|number}</dd>
                        </dl>
                    </xf:if>

                    <xf:if is="$extras.age && $user.Profile.age">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('age') }}</dt>
                            <dd>{$user.Profile.age}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.location && $user.Profile.location">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('location') }}</dt>
                            <dd>
                                <xf:if is="$xf.options.geoLocationUrl">
                                    <a href="{{ link('misc/location-info', '', {'location': $user.Profile.location}) }}" rel="nofollow noreferrer" target="_blank" class="u-concealed">{$user.Profile.location}</a>
                                <xf:else />
                                    {$user.Profile.location}
                                </xf:if>
                            </dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.website && $user.Profile.website">
                        <dl class="pairs pairs--justified">
                            <dt><span data-icon="dashicons-admin-site-alt" class="simple-svg" title="{{ phrase('website') }}"></span></dt>
                            <dd><a href="{$user.Profile.website}" rel="nofollow" target="_blank" title="{$user.Profile.website|url('host', phrase('visit_site'))}">Siteye Git</a></dd>
                        </dl>
                    </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 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>
                </xf:contentcheck>
                </div>
            </xf:if>
        </xf:if>
        <span class="message-userArrow"></span>
    </section>
</xf:macro>

<xf:macro name="user_info_simple" arg-user="!" arg-fallbackName="">
    <header itemscope itemtype="https://schema.org/Person" class="message-user">
        <meta itemprop="name" content="{{ $user.username ?: $fallbackName }}">
        <div class="message-avatar">
            <div class="message-avatar-wrapper">
                <xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
            </div>
        </div>
        <span class="message-userArrow"></span>
    </header>
</xf:macro>

<xf:macro name="attachments" arg-attachments="!" arg-message="!" arg-canView="!">
    <xf:if contentcheck="true">
        <xf:css src="attachments.less" />
        <section class="message-attachments">
            <h4 class="block-textHeader">{{ phrase('attachments') }}</h4>
            <ul class="attachmentList">
                <xf:contentcheck>
                    <xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment)">
                        <xf:macro template="attachment_macros" name="attachment_list_item"
                            arg-attachment="{$attachment}"
                            arg-canView="{$canView}" />
                    </xf:foreach>
                </xf:contentcheck>
            </ul>
        </section>
    </xf:if>
</xf:macro>

<xf:macro name="signature" arg-user="!">
    <xf:if is="$xf.visitor.Option.content_show_signature AND $user.Profile.signature">
        <xf:if contentcheck="true">
            <aside class="message-signature">
            <xf:contentcheck>
                {{ bb_code($user.Profile.signature, 'user:signature', $user) }}
            </xf:contentcheck>
            </aside>
        </xf:if>
    </xf:if>
</xf:macro>

Adım 3 : Extra.less şablonunuza aşağıdaki kodları ekleyin
Kod:
// XFTR - XenForo 2.0 Postbit 2018
@gri: rgb(148, 166, 187);

.myBlock {
    display: table;
    table-layout: fixed;
    border-spacing: 4px;
    width: 100%;
    >dl {
        display: table-cell;
        width: 50%;
        border-radius: 1px;
        margin: 0;
        background: #f5f5f5;
        position: relative;
        border-bottom: 3px solid rgb(255,150,0);
        >dt {
            >svg {
                color: @gri;
                font-size: 20px;
                margin-bottom: 5px;
            }
        }
    }
    dl {
        dt {
            text-align: center;
            font-size: 15px;
            display: block;
            color: @gri;
        }
        dd {
            text-align: center;
            font-size: 15px;
            display: block;
            color: @gri;
        }
    }
    .pairs.pairs--justified {
        >dt {
            float: none;
        }
        >dd {
            float: none;
            text-align: center;
        }
    }
    .pairs {
        >dt {
            &:after {
                content: " ";
            }
        }
    }
}
.message-userArrow {
    position: absolute;
    top: 0px;
    right: -12px;
    display: block;
    line-height: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 13px 0 0;
    border-color: #d2d9df transparent transparent transparent;
    _display: none;
}
.message-name {
    background: #fefefe;
    margin-bottom: 1px;
    padding: 5px 0;
}
.message-avatar .avatar {
    border-radius: 100%;
}

.message-avatar-wrapper .message-avatar-online {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: 1px;
    border: 2px solid;
    border-left-color: #7fb90087;
    border-top-color: #7fb90087;
    border-right-color: #7fb90087;
    border-bottom-color: #7fb90087;
    border-radius: 100%;
    box-shadow: 0px 0px 10px 3px rgba(125, 183, 1, 0.16862745);
    width: 100%;
    height: 100%;
}
.message-cell.message-cell--user {
    background: #d2d9df;
}
.message-userExtras .pairs > dt:after,
[data-template="forum_list"] .pairs > dt:after
{
    content: " ";
}
.message-userExtras svg {
    font-size: 26px;
    color: rgb(96, 123, 155);
    margin: 0 3px;
}
.message-userExtras {
    background: #fefefe;
}
.message-userExtras>.pairs.pairs--justified {
    border-bottom: 1px solid #cbcbcb;
    padding:3px 0;
}
.message-userExtras > .pairs.pairs--justified > dd {
    line-height: 26px;
    color: #607b9b;
    padding-right: 5px;
}
.message-avatar {
    order: 1;
}

.message-name {
    order: 2;
}

.message-userDetails {
    order: 3;
}

.message-avatar {
    background: aliceblue;
    padding: 5px;
}
@media (max-width: 650px){
    .message:not(.message--forceColumns) .message-user {
        display: grid;
    }
    .message:not(.message--forceColumns) .message-name,
    .message:not(.message--forceColumns) .message-userDetails
    {
        text-align: center !important;
        background: #fefefe;
        padding: 5px;
    }
    .message-name {
        margin-left: 0px !important;
    }
    .message-userArrow {
    display:none;
    }
}
.avatarExtra {
    display: flex;
    background:@xf-paletteNeutral1;
}

.avatarExtra a {
    flex: auto;
    padding: 5px;
    text-align: center;
}
 

Yorum yapmak için bir hesap oluşturun veya giriş yapın

Yeni bir konu oluşturabilmek veya konulara cevap verebilmek için sitemize üye olmanız gerekmektedir

Hesap oluştur

Forum sitemizde bir hesap oluşturun. Bu işlem çok kolay!

Giriş yap

Zaten bir hesabınız var mı? Giriş yapın.

DMCA.com Protection Status
Üst