Share code RecentNews phong cách báo chí cho Xenforo

Thấy có nhiều bạn có cảm tình với cái RecentNews của mình, nên mình mang đi chia sẽ, nếu có lổi gì thì các bạn góp ý để mình khắc phục nhé....
Cảm ơn các bạn nhiều.
Demo:

Demo online thì đây: https://www.zshare.vn/
Cuối cùng là code:
EWRblock_KienThucCongNghe

Mã:

<xen:require css="message_user_info.css" />
<xen:require css="bb_code.css" />
<xen:require css="EWRblock_KienThucCongNghe.css" />
<content class="zsharevnn-news-content">
<div class="zsharevnn-news-top-title">
<span class="zsharevnn-news-title-content"><a href="forums/tin-tuc-kien-thuc-cong-nghe.17/">Tin tức - Kiến thức công nghệ</a></span>
</div>
<div class="zsharevnn-news-addclass">
<article id="zsharevnn" class="post-19623 post type-post status-publish format-standard has-post-thumbnail hentry category-tutorials tag-iframe tag-image tag-media-queries tag-object tag-responsive tag-svg">   
<xen:foreach loop="$KienThucCongNghe" value="$news" i="$i">
<xen:if is="{$i} < 2">

<!-- Zshare-News-Img -->
<div class="zsharevnn-news-img">
<a href="{xen:link threads, $news}">
                <xen:if is="{$news.promote_icon} != 'disabled'">
                <xen:if hascontent="true">
                            <xen:contentcheck>
                            <xen:if is="{$news.attach}">
                                <img class="zsharevnn-news-img-resize" src="attachments/{$news.attach.filename}.{$news.attach.attachment_id}" alt="{$news.attach.filename}" />
                            <xen:elseif is="{$news.medio}" />
                                <div style="background: url('{xen:helper medio, $news.medio}') no-repeat;">
                                <img class="zsharevnn-news-img-resize" src="styles/8wayrun/EWRmedio_play.png" />
                                </div>
                            <xen:elseif is="{$news.image}" />
                                <img class="zsharevnn-news-img-resize" src="{$news.image}" alt="{$news.image}" />
                            <xen:else />
                                <img class="zsharevnn-news-img-resize" src="styles/noimg.jpg" />
                            </xen:if>
                            </xen:contentcheck>
                </xen:if>
                </xen:if>
</a>
</div>

<!-- Zshare-News-News1 -->
<div class="zsharevnn-news-news1">
<h3 class="zsharevnn-news-news1-title">
<a href="{xen:link threads, $news}">{$news.title}</a>
</h3>
<p class="zsharevnn-news-messege">
{xen:helper snippet, $news.message, 300}
</p>
</div>

<!-- Zshare-News-News2 -->
<xen:else />
<div class="zsharevnn-news-news2">
<p class="zsharevnn-hotnews-news2-title"><a href="{xen:link threads, $news}" title="{$news.title}"><i class="fa fa-angle-double-right fa-fw"></i> {$news.title}</a></p>
</div>
</xen:if>
</xen:foreach>
</div>
</article>

</content>

EWRblock_KienThucCongNghe.css

Mã:

/* ZShareVNN Xenforo Porta */
.zsharevnn-news-content {
float: left;
width: 100%;
padding-bottom: 10px;
}
.zsharevnn-news-title-content {
    background: none repeat scroll 0% 0% #FFF;
    float: left;
    margin: 4px 5px 0px;
    padding: 5px;
    position: absolute;
}
.zsharevnn-news-addclass {
    float: left;
    border-left: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    padding: 5px;
    height: 180px;
    overflow: hidden;
}
.zsharevnn-news-top-title {
background: #2175AB;
height: 28px;
}
.zsharevnn-news-content .zsharevnn-news-addclass .zsharevnn-news-img {
float: left;
width: 20%;
}
.zsharevnn-news-img-resize {
width: 100%;
-height: 120px;
}
.zsharevnn-news-content .zsharevnn-news-addclass .zsharevnn-news-news1 {
    float: left;
    width: 40%;
    padding: 0px 10px;
    height: 180px;
}
.zsharevnn-news-messege {
}
.zsharevnn-news-news1-title {
    padding: 10px 0px 5px;
    font-size: 18px;
    color: #000;
    font-weight: bold;
}
.zsharevnn-news-news1-title a {
text-decoration: none !important;
}
.zsharevnn-news-content .zsharevnn-news-addclass .zsharevnn-news-news2 {
    -float: left;
    -width: 37%;
    -padding-bottom: 5px;
    -font-size: 12px;
}
.zsharevnn-hotnews-news2-title {
  padding: 2px;
  font-size: 13px;
  height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.zsharevnn-hotnews-news2-title a {
  color: #333;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.zsharevnn-hotnews-news2-title a:hover {
color: #3A4A89;
text-decoration: none;
}

Một vài chú ý khi sử dụng:
1. Sửa <xen:foreach loop="$KienThucCongNghe" value="$news" i="$i"> cho phù hợp với Block mà bạn sử dụng.
2. Thêm đoạn này vào PAGE_CONTAINR

Mã:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

3. Sửa đoạn này lại cho đúng nữa nhé: <xen:require css="EWRblock_KienThucCongNghe.css" />
Cuối cùng cảm ơn các bạn đã xem bài viết

 

Like

 

thanks

 

thank

 

Thank bạn

 

cái RecentNews tạo thêm nó ko load được trang 2, 3, 4 về sau bạn biết cách sửa ko chỉ mình với

 

Mình thích phong cách này nhưng đã làm mà không được, nhờ bạn giúp mình với
Link http://yhocduphong.net/portal/
Mình làm các bước sau:
1. Sửa toàn bộ template EWRblock_RecentNews và EWRblock_RecentNews.css bằng code của bạn
2. Sửa chỗ <xen:foreach loop="$RecentNews" value="$news" i="$i"> thành <xen:foreach loop="$KienThucCongNghe" value="$news" i="$i">
Sửa <xen:require css="EWRblock_KienThucCongNghe.css" /> thành <xen:require css="EWRblock_RecentNews.css" />
3. Thêm đoạn mã của bạn vào vị trí bất kỳ trong PAGE_CONTAINR
4. Trong portal mình để block RecentNews ở Left
Và kết quả là không được như demo của bạn
Mình sai chỗ nào chỉ giùm mình với.

 

ai giúp với

 

nếu đổi cái EWRblock_RecentNews thì mấy cái sau không sửa



"1. Sửa toàn bộ template EWRblock_RecentNews và EWRblock_RecentNews.css bằng code của bạn" ... như vậy là đủ

 

Trong code của chủ thớt có dòng <xen:require css="EWRblock_KienThucCongNghe.css" /> mà bạn, nếu mình vẫn giữ nguyên thì template của mình có liên quan gì với EWRblock_KienThucCongNghe.css đâu?
Mình làm như bạn nói rồi mà vẫn không thay đổi gì cả.

 

không hiểu ak kk....

 

Mình không biết về code lắm, chỉ biết lấy của người khác thế vô thôi.
Nhưng làm như bạn nói, chỉ copy code của chủ thớt thôi cũng không có được.

 

bạn nói rõ hơn được không ? mình đã làm theo nhưng khi lưu lại thì lỗi ko lưu được
Có lỗi sau sảy xa với yêu cầu của bạn:
The following templates contained errors and were not saved: EWRblock_RecentNews: 1) Template tags are not well-formed. <xen:if> was not closed.

 

bạn cứ làm theo đúng chủ thớt đi, nhưng sửa thì phải sửa cho đúng, hàm thì phải đóng mở cho chính xác thì mới được

 

Tks bạn . đã làm xong rồi bạn ah http://vanchuyenvn.com/portal/
Nhưng thấy nó thiếu 1 cái gì đó vd như 1 đường phân các giữa mờ mờ là tuyệt