Help Xin threads_view yeutruyen

Cho ta xin cái demo sống đi lão. Cũng đang tính làm trang của ta giống như vậy ế nên nghiên cứu coi nó ra sao!
 
1 post 1 trang thì bật chế độ debug, vào Options > Messages > Message Per Page. Để ý ở phía bên phải có cái hình cờ lê ấy, click vào đó, chỉnh số min thành 1
 
Tạo danh sách chap thì dùng addon PostTitle by Waindigo nhé. Hàng free có sẵn trên vnxf, chịu khó search nhé.
 
Mã:
<xen:require css="message_user_info.css" />
<xen:require css="bb_code.css" />
<xen:require css="EWRblock_RecentNews.css" />


<div class="RecentNews_block">
    <h3 class="block_title"><span>Mới nhất</span></h3>


<div class="block_newest">
<ul>
<xen:foreach loop="$RecentNews" value="$news"  i="$i">
    <xen:if is="{$i}<13">
        <li class="block-content block-content <xen:if is="{$i}==1 | {$i}==4| {$i}==5 | {$i}==8 | {$i}==9 | {$i}==12">block-content-bg</xen:if>">
            <div class="img-thumb">
             <xen:if is="{$news.promote_icon} != 'disabled'">
                <xen:if hascontent="true">

                            <xen:contentcheck>
                            <xen:if is="{$news.attach}">
                                <a href="{xen:link threads, $news}" ><img src="{$news.attach.thumbnailUrl}" alt="{$news.title}" /></a>
                            <xen:elseif is="{$news.medio}" />
                                <div style="background: url('{xen:helper medio, $news.medio}') no-repeat;">
                                    <a href="{xen:link 'full:media/media/popout', $news.medio}" class="OverlayTrigger"><img src="styles/8wayrun/EWRmedio_play.png" width="160" height="90" /></a>
                                </div>
                            <xen:elseif is="{$news.image}" />
                                <a href="{xen:link threads, $news}" ><img src="{$news.image}" alt="{$news.image}" /></a>
                            <xen:else />
                                <a href="{xen:link threads, $news}" ><img src="http://farm8.staticflickr.com/7181/14064253346_55a6578d47_b.jpg"  /></a>
                            </xen:if>
                            </xen:contentcheck>
                </xen:if>
            </xen:if>
            <h3 class="news-cat"><a href="{xen:link forums, $news}" title="{$news.node_title}" >{xen:helper snippet, $news.node_title, 15}</a></h3>
            </div>
            <div class="news-info">
            <a href="{xen:link threads, $news}" title="{$news.title}" class="title">{$news.title}</a></h2>
            <div class="posted">{xen:phrase by_x_at_y,
                        'user=<a href="{xen:link members, $news}" class="username">{$news.username}</a>,',
                        'date=<a href="{xen:link threads, $news}">{xen:time $news.post_date, 'absolute'}</a>'}</div>
       
            <p class="desc">{xen:helper snippet, $news.message, 110}</p>
            </div>
        </li>
        </xen:if>
</xen:foreach>   

</ul>
</div>
</div>

    <xen:if hascontent="true">
    <div class="section sectionMain">
        <xen:contentcheck>
        <xen:if is="{$option.pagenav} && {$option.count} > {$option.limit}">
            <xen:pagenav link="articles" linkdata="{$category}" page="{$page}" perpage="{$option.limit}" total="{$option.count}" />
        </xen:if>
        </xen:contentcheck>
    </div>
    </xen:if>
<script type="text/javascript" src="js/loadmore/jquery.loadmore.min.js"></script>
<script>
jQuery.ias({
    container : '.block_newest',
    item: '.block-content',
    pagination: '.PageNav',
    next: '.PageNav a:last',
    triggerPageThreshold: 2,
    loader: 'Đang xử lý, bạn chờ chút nhé...',
    trigger: 'Còn nhiều lắm! :D',
    history: false,
    onPageChange: function(pageNum, pageUrl, scrollOffset) {
        // This will track a pageview every time the user
        // scrolls up or down the screen to a different page.
        path = jQuery('<a/>').attr('href',pageUrl)[0].pathname.replace(/^[^\/]/,'/');
        //_gaq.push(['_trackPageview', path]);
    }
});
</script>

RecentNews.css

Mã:
.RecentNews_block
{
    width: 100%;
    float: left;
}
.block_newest .block-content
{
    float: left;
    margin-left: 2px;
    margin-bottom:15px;
    padding-bottom: 10px;
    width: 49.7%;
    height: 115px;
}
.block_newest .block-content-bg
{
    background: rgba(5, 255, 196, 0.17);
}
.block_newest .block-content .desc
{
    line-height: 20px;
}
.block_newest .block-content .img-thumb
{
    width: 145px;
    height: 125px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}
.block_newest .img-thumb img
{
    width: 100%;
    height: 100%;
}
.hide
{
    display: none;
}

.RecentNews_block .block_title
{
    background: url("styles/ngam/xenforo/border-center.jpg") repeat-x center center;
    margin-bottom: 20px;
}
.RecentNews_block .block_title span
{
    background-color: #fff;
    padding-right: 20px;
    padding-left: 10px;
    height: 25px;
    color: rgb(26, 161, 129);
    font-size: 18px;
    text-transform: uppercase;
}
.block_newest .news-info .title
{
    color: #444;
    font-size: 15px;
    font-weight: bold;
}
.block_newest .news-info .title:hover
{
    color: rgb(253, 83, 83);
}
.block_newest .posted,.block .posted a
{
    color: #ccc;
    padding:5px 0;
    font-size: 11px;
}
.RecentNews_block ul li:last-child .block-content {border-bottom:none}

    @media (max-width:500px)
    {
    .Responsive .tab1 span{padding:0 25px}
    .Responsive .block-title .tab2 span, .Responsive .block-title .tab3 span {padding:0 19px}
    }
.news-info
{
    padding-top: 5px;
}
.news-cat
{
    padding: 2px 3px;
    position: relative;
    bottom: 23px;
    color: #FFF;
    font-size: 12px;
    float: right;
    background-color: rgba(255, 255, 255, 0.80);
}
.news-cat a{
    color: #000;
}
<xen:if is="@enableResponsive">
@media (max-width: 480px)
{
    .Responsive .block_newest .block-content
    {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 7px;
        padding-bottom: 15px;
        border-bottom: 1px solid #EFF2F7;
    }
    .Responsive .block_newest .block-content .img-thumb
    {
        width: 80px;
            height: 80px;
    }
    .Responsive .block_newest .block-content-bg
    {
        background: none;
    }
    .Responsive .news-cat
    {
        padding: 3px;
        float: none;
        text-align: center;
    }
}
</xen:if>
 
add-on PostTitle by Waindigo hình như chỉ hổ trợ cho xf 1.4 :( hay sao ta . trót dzạ ráng ham để rồi bị hố lên 1.5.3 bí đủ đường
 
Sửa lần cuối:
Cho ta xin cái demo sống đi lão. Cũng đang tính làm trang của ta giống như vậy ế nên nghiên cứu coi nó ra sao!
của bác là forum thì không nên làm như thế, cái đó chỉ làm cho web đọc truyện thôi, đã là forum thì nên giữ bản sắc cảu 1 forum
 
Back
Top