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: 309 |   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

+ Việt hóa phần mềm iSpring suite soạn bài giảng E-learning: http://thcstranquangkhai.edu.vn/vi/shops
+ 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

Nếu bạn yêu hai người cùng một lúc, thì tôi khuyên bạn hãy chọn người thứ hai. Nếu người thứ nhất đủ hoàn hảo thì bạn sẽ không để ý đến bạn thứ hai đâu. Tin tôi đi!
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ập98
  • Máy chủ tìm kiếm4
  • Khách viếng thăm94
  • Hôm nay11,440
  • Tháng hiện tại251,792
  • Tổng lượt truy cập6,680,836
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