Scroll To Top

Chỉnh sửa hiển thị những tin mới và cũ hơn theo dạng hình ảnh

Đăng lúc: Thứ tư - 27/07/2016 22:43 |  NukeViet | : Phạm Văn Phương | Đã xem: 269 |   0

Chỉnh sửa hiển thị những tin mới và cũ hơn theo dạng hình ảnh

chỉnh sửa cách hiển thị những tin mới hơn, và những tin cũ hơn hiển thị theo dạng hình ảnh
Xin chào các bạn ạ. Hiện tại em muốn chỉnh sửa cách hiển thị những tin mới hơn, và những tin cũ hơn hiển thị theo dạng hình ảnh như thế này ạ.
4

Chúng ta cùng bắt đầu xem sao nhé? Mình hướng dẫn các bạn chia thành 2 cột luôn cho đẹp con mắt..

B1 mở file: detail.tpl

tìm đến đoạn code:

<!-- BEGIN: related_new -->
......nội dung cũ......
............................
<!-- END: related_new -->

thay toàn bộ code trong nội dung cũ bằng toàn bộ code sau:

<div class="col-md-12">
    	<p class="h3"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i>&nbsp;&nbsp;<strong>{LANG.related_new}</strong>&nbsp;<span class="icon_new">&nbsp;</span></p>    
        <div class="clearfix">
            <ul class="related">
        		<!-- BEGIN: loop -->             
        		<li class="clearfix">        			
                    <a href="{RELATED_NEW.link}" <!-- BEGIN: tooltip -->data-content="{RELATED_NEW.hometext}" data-img="{RELATED_NEW.imghome}" data-rel="tooltip" data-placement="{TOOLTIP_POSITION}"<!-- END: tooltip --> title="{RELATED_NEW.title}"><img src="{RELATED_NEW.imghome}" alt="{RELATED_NEW.title}" width="65" class="img-thumbnail pull-left " />{RELATED_NEW.title}</a>        			
                    <em>({RELATED_NEW.time})</em>
        		</li>
        		<!-- END: loop -->
        	</ul>
            </div>
        </div>

B2 tìm đến đoạn code:

<!-- BEGIN: related -->
.....Nội dung cũ.....
<!-- END: related -->

Thay toàn bộ code trong nội dung cũ bằng code sau:

<div class="col-md-12">
    	<p class="h3"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i>&nbsp;&nbsp;<strong>{LANG.related}</strong></p>      
        <div class="clearfix">   
            <ul class="related">
        		<!-- BEGIN: loop -->
        		<li class="clearfix">
                    <a href="{RELATED.link}" <!-- BEGIN: tooltip -->data-content="{RELATED.hometext}" data-img="{RELATED.imghome}" data-rel="tooltip" data-placement="{TOOLTIP_POSITION}"<!-- END: tooltip --> title="{RELATED.title}"><img src="{RELATED.imghome}" alt="{RELATED.title}" width="65" class="img-thumbnail pull-left " />{RELATED.title}</a>
        			<em>({RELATED.time})</em>
        			<!-- BEGIN: newday -->
        			<span class="icon_new">&nbsp;</span>
        			<!-- END: newday -->
        		</li>
        		<!-- END: loop -->
        	</ul>
        </div>
        </div>

Nguồn tin: nuke.vn

 Bài viết thuộc chuyên mục: NukeViet

 

Tip:Bài viết, video, hình ảnh, vui lòng gửi về địa chỉ email: Phavaphugmail.com


Tổng số điểm của bài viết là: 0 trong 0 đánh giá

Click để đánh giá bài viết

  Ý kiến bạn đọc

Sự thật bao giờ cũng đơn giản. Ngạn ngữ Hy Lạp
kenhbgyoutube

 

 

 

 

 

 

 

BÌNH LUẬN MỚI NHẤT - TIN TỨC
BÌNH LUẬN MỚI NHẤT - WINDOWS
MỖI LÚC MỘT NỤ CƯỜI
Thống kê truy cập
  • Đang truy cập35
  • Máy chủ tìm kiếm1
  • Khách viếng thăm34
  • Hôm nay3,894
  • Tháng hiện tại187,088
  • Tổng lượt truy cập5,612,939
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây