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

 

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

 

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="{THEME_SITE_HREF}" 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

 

 

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