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 11:43 |  NukeViet | : Phạm Văn Phương | Đã xem: 1549 |   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

+ Thủ thuật soạn bài giảng E-learning: https://igiaoduc.blogspot.com
+ Diễn đàn hỗ trợ soạn bài giảng E-Learning: https://www.facebook.com/groups/baigiangelearning

 

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

Một câu niệm Phật, tiêu vạn tội. Hai chữ Từ bi, giải vạn sầu. Khuyết danh

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ập318
  • Hôm nay42,558
  • Tháng hiện tại483,880
  • Tổng lượt truy cập43,857,443
Thống kê truy cập
Flag Counter
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