nhờ các cao thủ hỗ trợ ảnh tự co dãn trong block

Thảo luận trong 'Hỗ trợ giao diện, block' đăng bởi nguyenthao8x, 11/02/2017 01:27.

  •  

    Mình thấy trang này dùng nuke shop 4.x (http://monngontainha.net/) có cái block ở giữa có ảnh các món ăn và số đt, khi thu nhỏ theo trình duyệt hoặc trên di động tự co dãn theo kích thước thiết bị.

    mình mò mãi ko đc nhờ các cao thủ giúp với ..mong đc cầm tay chỉ việc mình rốt lắm nhé

    Demo ảnh:

     

     

    Và vấn đề nữa là .

     

    làm sao để xóa thanh ở vị trí số 1 và cho khung tìm kiếm vào vị trí số 2 

    như hình nuke 4.0.29

     

    mong đc giúp đỡ và chân thành cám ơn

     
  • lưu ý thêm là mình đã thử xóa thanh màu xanh trên cùng theo ở đây nhưng ko đc

    https://www.nuke.vn/forum/threads/xin-chi-xoa-thanh-mau-xanh-tren-cung-459.html

     
  • Yamahayuv

    Yamahayuv zwusalmeltfqdxdGP zzusafme2ntkdkxGP

    Vấn đề 1:

    <div class="col-xs-24 col-sm-6 col-md-16">
    @media (min-width: 992px)
    bootstrap.min.css:14
    .col-md-16 {
        width: 66.66666667%;
    }

    Vấn đề 2:

    xem và nghiên cứu ở đây và các số 51px tiếp theo

    .body-bg {
        position:absolute;
        top:0;
        left:0;
        min-width:100%;
        min-height:100%;
        background-color: #ffffff;
        background-image:url(../images/header.png),linear-gradient(to bottom,#428bca 0,#245682 51px,rgba(255,255,255,1) 51px,rgba(255,255,255,1) 100%);
        background-repeat:no-repeat,repeat-x;
        background-position:left 51px,left top;
        background-size:100%,auto;
    }

    Vấn đề 3:

    xem trong file header_extended.tpl

    ở đoạn này:

    <!-- BEGIN: breadcrumbs -->
                                    <div class="breadcrumbs-wrap">
                                    	<div class="display">
                                    		<a class="show-subs-breadcrumbs hidden" href="#" onclick="showSubBreadcrumbs(this, event);"><em class="fa fa-lg fa-angle-right"></em></a>
    		                                <ul class="breadcrumbs list-none"></ul>
    									</div>
    									<ul class="subs-breadcrumbs"></ul>
    	                                <ul class="temp-breadcrumbs hidden">
    	                                    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/index.php?language=vi" itemprop="url" title="{LANG.Home}"><span itemprop="title">{LANG.Home}</span></a></li>
    	                                    <!-- BEGIN: loop --><li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="{BREADCRUMBS.link}" itemprop="url" title="{BREADCRUMBS.title}"><span class="txt" itemprop="title">{BREADCRUMBS.title}</span></a></li><!-- END: loop -->
    	                                </ul>
    								</div>
                                    <!-- END: breadcrumbs -->

    Rồi thử nhét nó vào xem sao

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

    bác có thể nói rõ cầm tay chỉ việc giúp đc ko ạ (vẫn chưa hiểu lắm vì ko hiểu nhiều code) chân thành cám ơn ạ

     
  • mình làm đc 2 vấn đề dưới rồi còn vấn đề anh trên block trên cùng như hình thì ko thể làm đc mong đc hướng dẫn từng bước chi tiết

    http://media.bizwebmedia.net/Sites/27867/data/upload/2014/mn.JPG?0

     
  •  

     

    Đã làm đc rồi cám ơn bác, xin chân thành cám ơn...

     

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