Tìm kiếm nhanh

Hỏi Cách Chèn Khối Block

Thảo luận trong 'Hỗ trợ giao diện, block' đăng bởi NamSon, 15/10/2016 08:59.

  • NamSon

    NamSon Trần Nam Sơn

    Nhờ mấy a chỉ cách chèn 2 khối block như hình với ạ,e sử dụng layout main-right. e xin cảm ơn
      

     

    Giống như vầy 

     
  • anhyeuviolet

    anhyeuviolet Kenny Nguyen

    Hiện như hình dưới thì chuyển sang cấu hình 2 cột. 

    Còn cách chèn block mới 

    => https://mynukeviet.net/tuy-bien-nukeviet/huong-dan-them-khoi-block-giao-dien-nukeviet-119.html

     

    Xin hãy Google.

     
    NamSon thích điều này.
  • NamSon

    NamSon Trần Nam Sơn

     

    e đang dùng layout main-right

    muốn chia cái main ra làm 2 khối block

    e chèn vào 2 khối song song nhau ở trên cùng thì ok,dưới cùng thì củng ok nhưng e muốn nó nằm ở dưới TOP và trên Module Content thì không chèn được  

    a xem giúp e

     

     
  • lumina430

    lumina430 Trần Long

    ý bạn muốn nó hiển thị khúc nào của site ? chụp rồi đánh dấu vị trí bạn muốn nó hiển thị để mình xem thử

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

    hoanglongvnpt Nguyễn Tất Thắng

    https://mynukeviet.net/tuy-bien-nukeviet/huong-dan-them-khoi-block-giao-dien-nukeviet-119.html

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

    hoanglongvnpt Nguyễn Tất Thắng

    ya bạn là như này

    http://kuteshop.us/news/

    block TIN TỨC và block SẢN PHẨM

     
    NamSon thích điều này.
  • NamSon

    NamSon Trần Nam Sơn


    vấn đề chèn thì chèn được,nhưng vị trí muốn chèn nó mới là cái cần quan tâm
    <div class="col-sm-16 col-md-18">
            [TOP]
            {MODULE_CONTENT}
            [BOTTOM]
        </div>
    muốn chèn 2 khối song song nhau như hình vào dưới [TOP] và Tren {MODULE_CONTENT}

     


     

     
  • NamSon

    NamSon Trần Nam Sơn



    mình chèn được 2 khối block 1 và 2 rồi nhưng chỉ nằm phía trên [TOP]
    mình muốn chèn vào dưới TOP và trên MODULE CONTENT nhưng không được


    file main-right của mình
     

    <!-- BEGIN: main -->
    {FILE "header_only.tpl"}
    {FILE "header_extended.tpl"}
    <div class="row">
    	<div class="col-md-24">
    		[HEADER]
    	</div>
    </div>
    <div class="row">
    <div class="col-md-9">
    		[BLOCK1]
            </div>
      <div class="col-md-9">
            [BLOCK2]
      </div>
    	<div class="col-sm-16 col-md-18">
    		[TOP]
    		vi tri muon chen la nam o day 
    		{MODULE_CONTENT}
    		[BOTTOM]
    	</div>
    	<div class="col-sm-8 col-md-6">
    		[RIGHT]
    	</div>
    </div>
    
    <div class="row">
    		[FOOTER]
    </div>
    {FILE "footer_extended.tpl"}
    {FILE "footer_only.tpl"}
    <!-- END: main -->

     

     
  • hoanglongvnpt

    hoanglongvnpt Nguyễn Tất Thắng

    Chèn ngay dưới [TOP]

    <div class="col-sm-24 col-md-12">
            [NEWS-LEFT]
        </div>
            <div class="col-sm-24 col-md-12">
            [NEWS-RIGHT]
        </div>
        <div class="clear"></div>

    vào file config thêm vị trí cho nó

     

     
    NamSon thích điều này.
  • aptx4869

    aptx4869 Trần Phương

    <!-- BEGIN: main -->
    {FILE "header_only.tpl"}
    {FILE "header_extended.tpl"}
    <div class="row">
    	<div class="col-md-24">
    		[HEADER]
    	</div>
    </div>
    <div class="row">
    <div class="col-md-9">
    		[BLOCK1]
            </div>
      <div class="col-md-9">
            [BLOCK2]
      </div>
    	<div class="col-sm-16 col-md-18">
    		[TOP]
        </div>
        <div class="col-sm-24 col-md-12">
    		[LEFMAIN]
        </div>
        <div class="col-sm-24 col-md-12">
    		[RIGHTMAIN]
        </div>
        <div class="col-sm-16 col-md-18">
    		{MODULE_CONTENT}
    		[BOTTOM]
    	</div>
    	<div class="col-sm-8 col-md-6">
    		[RIGHT]
    	</div>
    </div>
    
    <div class="row">
    		[FOOTER]
    </div>
    {FILE "footer_extended.tpl"}
    {FILE "footer_only.tpl"}
    <!-- END: main -->

     

     
    NamSon thích điều này.
  • NamSon

    NamSon Trần Nam Sơn

    cảm ơn các a,đã làm theo và giải quyết được vấn đề
    chủ yếu cái col-sm-md angry

     

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