Tìm kiếm nhanh

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

Thảo luận trong 'Hỗ trợ giao diện, block' đăng bởi Đông Gioăng, 13/07/2016 06:42.

  • Đông Gioăng

    Đông Gioăng Chung Bảo Ngọc

     

    Xin chào các bác ạ. 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 ạ.

     

    Tệp đính kèm:

    • tin.png
      tin.png
      Dung lượng:
      75.74 KB
      Lượt xem:
      7
  • Đông Gioăng

    Đông Gioăng Chung Bảo Ngọc

    Chỉnh sửa hiển thị đoạn này ạ. Mong các bác giúp đỡ

     
  • nhimthulinh

    nhimthulinh

    Điều hành viên Quản trị diễn đàn

    tham khảo bài viết này cứ mãi đi nhờ thế này chẳng thể nào nâng tầm lên được mãi lẹt đẹt đằng sau mà thôi

    xem luôn cái file viewcat_grid.tpl

     
  • Đông Gioăng

    Đông Gioăng Chung Bảo Ngọc

    Em làm đc rồi nhưng hình ảnh nó tóe loe hết bác ạ. bác chỉ em hướng giải quyết với ạ

     

    Tệp đính kèm:

    • anh.jpg
      anh.jpg
      Dung lượng:
      203.32 KB
      Lượt xem:
      9
  • hoanglongvnpt

    hoanglongvnpt Nguyễn Tất Thắng

    Ý bạn là như này?

     
    Đông Gioăng thích điều này.
  • Đông Gioăng

    Đông Gioăng Chung Bảo Ngọc

    Vâng ạ. Bác giúp em làm thế với ạ

     
  • Đông Gioăng

    Đông Gioăng Chung Bảo Ngọc

    Bác hoanglongvnpt giúp em với ạ

     
  • hoanglongvnpt

    hoanglongvnpt Nguyễn Tất Thắng

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

    Demo: 

     
  • thanhchunghti

    thanhchunghti Lê Thành Chung

    Em muốn làm cái này theo TIN CÙNG CHUYÊN MỤC như demo thì làm như nào bác? Không phân biệt mới hay cũ nữa.

     
  • MTTShop

    MTTShop Nguyễn Thị Minh Thùy

     

    A ơi nên thêm < li class="clearfix" > không là hình nó loạn xạ hết

     
    nguyentrinh hpleduit thích điều này.
  • quoctiepkt

    quoctiepkt Quoc Tiep

    Thật tuyệt vời a hoanglongvnpt, làm xong đẹp quá trời luôn

     
  • thanhchunghti

    thanhchunghti Lê Thành Chung

    Bị đè lên nhau bác ạ

     
  • thanhchunghti

    thanhchunghti Lê Thành Chung

    Nếu tiêu đề nào 1 dòng thì bị đè lên.

     

     
  • anhyeuviolet

    anhyeuviolet Kenny Nguyen

     

    Vậy là đẹp ròi còn gì.

    Còn muốn thẳng hàng thì quy định clear cho mấy cái khung chứa tin.

     
    thanhchunghti hoanglongvnpt thích điều này.
  • nguyentrinh

    nguyentrinh Nguyễn Tuyết Trinh

    thêm nó vào chỗ nào vậy anh

     
  • ductrung

    ductrung Đức Trung

    muốn giới hạn ký tự thì chỉnh đâu anh ơi

     

     
  • anhyeuviolet

    anhyeuviolet Kenny Nguyen

     

    thường là dùng hàm nv_clean60, trong theme.php

     
  • phavaphu

    phavaphu Phạm Văn Phương

    [QUOTE="nguyentrinh, post: 1147, member: 88"]

     

    thêm nó vào chỗ nào vậy anh

    [/Q

    <!-- BEGIN: loop -->             
    <li class="clearfix"> <!-- thêm vào chỗ này,--tương tự cho đoạn sau -->			
    <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 -->

    UOTE]

     
  • anhyeuviolet

    anhyeuviolet Kenny Nguyen

    ^

    Cái gì ý bạn ơi ?

     

     
  • duongnguyen

    duongnguyen Duong Nguyen

    Mình muốn tin mới hơn và tin cũ hơn dồn chung lại VD vô cấu hình chọn cho hiển thị 20 bàii sau đó tách ra 2 phần:

    Phần trên: luôn luôn có 6 tin 

    Phần dưới (là số tin còn lại) là 14 tin

    Không biết chỉnh sửa như thế nào, các cao thủ ra tay giúp mình với. Thanks

     

Chia sẻ trang này

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