Help Đưa bài viết mới ra trang chủ xenforo

[VNXF] Theme Digital – Sự lựa chọn hoàn hảo cho diễn đàn công nghệ hiện đại Group Zalo của Cộng đồng người dùng XenForo tại Việt Nam
Transang2206

Transang2206

Private
Chào tất cả mọi người.
Các thánh Pro giúp mình phần này với
Mình muốn đưa chủ đề mới ra trang chủ xenforo
Demo như trang này: timlaco.com
Rất mong mọi ng giúp đở
Thanks nhiều!
 
Bài viết liên quan
Thoát ly YouTube: Tự host Video 4K trên XenForo Media Gallery 2.3 nhờ tối ưu hóa FFmpeg mới
Thoát ly YouTube: Tự host Video 4K trên XenForo Media Gallery 2.3 nhờ tối ưu hóa FFmpeg mới bởi PVS,
Link tải xenforo 2.3
Link tải xenforo 2.3 bởi dakhucquan.net,
Hướng dẫn kích hoạt PWA (App) cho XenForo và cách kiểm tra chuẩn nhất
Hướng dẫn kích hoạt PWA (App) cho XenForo và cách kiểm tra chuẩn nhất bởi PVS,
Hoàn thiện website trước khi lên sóng: Những sai lầm đáng tránh
Hoàn thiện website trước khi lên sóng: Những sai lầm đáng tránh bởi Nhật Quang,
10 mẹo tăng tốc diễn đàn XenForo hiệu quả
10 mẹo tăng tốc diễn đàn XenForo hiệu quả bởi Lướt Web,
Đo và tối ưu Interaction to Next Paint (INP)
Đo và tối ưu Interaction to Next Paint (INP) bởi Nhật Quang,
Không biết bạn dùng Style gì, nên mình edit tạm trên Style Default.

2016-06-24.png

Thay toàn bộ code trong template EWRporta2_ArticleList_Bit bằng
Mã: 
<div class="articleItem" id="article_{$article.thread_id}">
    <div class="sectionMain">
     
     
        <xen:if is="@porta2_articles_header">
        <xen:if hascontent="true">
            <div class="headerBlock">
                <xen:contentcheck>
                <xen:if is="{$article.article_icon.type} == 'attach'">
                    <a class="attachHolder" href="{xen:link threads, $article}"><img src="{xen:link attachments, $article.article_icon.data}" alt="{$article.article_icon.data.filename}" /></a>
                <xen:elseif is="{$article.article_icon.type} == 'image'" />
                    <a class="attachHolder" href="{xen:link threads, $article}"><img src="{$article.article_icon.data.url}" alt="{$article.article_icon.data.file}" /></a>
                <xen:elseif is="{$article.article_icon.type} == 'medio'" />
                    <a class="medioHolder OverlayTrigger"style="background-image: url('{xen:helper medio, $article.article_icon.data}');"
                        href="{xen:link 'full:media/media', $article.article_icon.data}" data-href="{xen:link 'full:media/media/popout', $article.article_icon.data}"
                        data-cacheOverlay="false" data-overlayoptions="{&quot;fixed&quot;:false}">
                            <img src="styles/8wayrun/EWRmedio_play.png" />
                    </a>
                </xen:if>
                </xen:contentcheck>
            </div>
        </xen:if>
        </xen:if>
 
        <xen:if is="@porta2_articles_dateblock">
            <div class="dateBlock">
                <div class="heading">{xen:time $article.article_date, 'M'}</div>
                <div class="secondaryContent">{xen:time $article.article_date, 'd'}</div>
            </div>
        </xen:if>
     
        <div class="primaryContent">
     
         
     
         
         
            <xen:if hascontent="true">
                <div class="messageUserBlock"><div class="avatarHolder">
                    <xen:contentcheck>
                    <xen:if is="{$article.article_icon.type} == 'avatar'">
                        <xen:avatar user="$article" size="s" class="Tooltip" title="{$article.username}" itemprop="photo" />
                    <xen:elseif is="!@porta2_articles_header" />
                        <xen:if is="{$article.article_icon.type} == 'attach'">
                            <a class="attachHolder" href="{xen:link threads, $article}">
                                <xen:if is="@porta2_articles_fullsize">
                                    <img src="{xen:link attachments, $article.article_icon.data}" alt="{$article.article_icon.data.filename}" />
                                <xen:else/>
                                    <img src="{$article.article_icon.data.thumbnailUrl}" alt="{$article.article_icon.data.filename}" />
                                </xen:if>
                            </a>
                        <xen:elseif is="{$article.article_icon.type} == 'image'" />
                            <a class="attachHolder" href="{xen:link threads, $article}"><img src="{$article.article_icon.data.url}" alt="{$article.article_icon.data.file}" /></a>
                        <xen:elseif is="{$article.article_icon.type} == 'medio'" />
                            <a class="medioHolder OverlayTrigger"style="background-image: url('{xen:helper medio2, $article.article_icon.data}');"
                                href="{xen:link 'full:media/media', $article.article_icon.data}" data-href="{xen:link 'full:media/media/popout', $article.article_icon.data}"
                                data-cacheOverlay="false" data-overlayoptions="{&quot;fixed&quot;:false}">
                                    <img src="styles/8wayrun/EWRmedio_play.png" />
                            </a>
                        </xen:if>
                    </xen:if>
                    </xen:contentcheck>
                </div></div>
            </xen:if>
         
            <div class="subHeading">
            {xen:helper threadPrefix, $article}
            <a href="{xen:link threads, $article}">{$article.article_title}</a>
            </div>
         
            <div class="metaData">
                <span class="statData"><div class="keyIcon comments"></div>{xen:number $article.reply_count}</span>
                <span class="statData"><div class="keyIcon views"></div>{xen:number $article.view_count}</span>

                <span class="dateData">
                    <div class="keyIcon sticky"></div>
                    {xen:phrase porta2_by_x_on_y_at_z,
                        'user=<a href="{xen:link members, $article}" class="username">{$article.username}</a>',
                        'date=<a href="{xen:link threads, $article}">{xen:date $article.article_date}</a>',
                        'time=<a href="{xen:link threads, $article}">{xen:time $article.article_date}</a>'}
                </span>
            </div>
         
        </div>
     
     
    </div>
</div>

Thêm vào template EXTRA.css
Mã: 
/*Porta2*/
.articleItem .messageUserBlock {
        float: left !important;
}
.messageUserBlock div.avatarHolder {
    padding: 2px !important;
    background: transparent;
}
.articleItem .subHeading {
        font-size: 15px;
        color: #2579b2;
        background: transparent;
        border: 0;
}
.articleItem .metaData {
    padding: 0px 10px;
    border-bottom: 0 !important;
}
.articleItem .primaryContent {
        border-bottom: 1px dashed #E3E3E3;
}

.EWRporta2_ArticleList .sectionMain {
    padding: 0;
    border: 0;
}
/*Porta2*/

Nếu bạn có sử dụng Font Awesome thì thêm code này vào EXTRA..css
Mã: 
/*Porta2Icon*/
.keyIcon.sticky {
    background: transparent;
}
.keyIcon.sticky:before {
    content: "\f007" !important;
    font-family: FontAwesome;
    color: #484848;
    font-size: 15px;
    margin: 50px 0px 0px 0px;
}
.keyIcon.views {
    background: transparent;
}
.keyIcon.views:before {
    content: "\f06e" !important;
    font-family: FontAwesome;
    color: #484848;
    font-size: 15px;
    margin: 50px 0px 0px 0px;
}
.keyIcon.comments {
    background: transparent;
}
.keyIcon.comments:before {
    content: "\f086" !important;
    font-family: FontAwesome;
    color: #484848;
    font-size: 15px;
    margin: 50px 0px 0px 0px;
}
/*Porta2Icon*/
 
diendanseovip.edu.vn Bác có biết style của diễn đàn này là gì khog? Mình tìm hoài mà không thấy wasntme~~
 
2,484 13 0
Bạn phải đăng nhập hoặc đăng ký để bình luận.

Dịch vụ XenForo của VNXF

Zalo 0906081284
avatar Silzedt InboxPVS
Group Telegram của Cộng đồng người dùng XenForo tại Việt Nam [VNXF] Theme Digital – Sự lựa chọn hoàn hảo cho diễn đàn công nghệ hiện đại [VNXF 2x] Best Statistics Pro – Thống kê nâng cao, tối ưu hiệu năng cho XenForo 1.1 Bảng giá dịch vụ thiết kế, làm diễn đàn XenForo năm 2024

Xử lý sự cố

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS
Xenforo là gì?
Xây dựng MXH bằng Xenforo

Textlink

Khám phá AI cùng người Việt
Diễn đàn chia sẻ kinh nghiệm massage
Review dịch vụ massage toàn quốc
Cộng Đồng Massage Việt Nam
Cộng đồng AI Việt Nam
Liên hệ đặt Textlink

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Back
Top