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.

  • trungnghiack

    trungnghiack trung nghia

     

    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:
      8
  • trungnghiack

    trungnghiack trung nghia

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

     
  • 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

     
  • trungnghiack

    trungnghiack trung nghia

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

    Yamahayuv zwusalmeltfqdxdGP zzusafme2ntkdkxGP

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

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

    trungnghiack trung nghia

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

     
  • trungnghiack

    trungnghiack trung nghia

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

     
  • Yamahayuv

    Yamahayuv zwusalmeltfqdxdGP zzusafme2ntkdkxGP

    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: 

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

     
  • writemyessayforme

    writemyessayforme writemyessayforme writemyessayforme

     

    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.
  • HeatherMal

    HeatherMal HeatherMalPE HeatherMalPE

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

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

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

     

     
  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

     

    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.
  • MartinBoore

    MartinBoore MartinBooreQX MartinBooreQX

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

     
  • Zelenalsn

    Zelenalsn ZelenafoxOC ZelenacbrOC

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

     

     
  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

     

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

     
  • [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]

     
  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

    ^

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

     

     
  • 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