Перейти к содержимому


Изменение Главной Страницы

главная каталог шапка

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 22

#21 @lina_va

@lina_va

    Активный участник

  • Модератоpы
  • 498 сообщений

Отправлено 23 Февраль 2014 - 14:32

Просмотр сообщенияrylezzzz (22 Февраль 2014 - 18:41) писал:

Прикрепленный файл sss.jpg


а еще не указал там снизу тоже "ограничить" лево право
1. В шаблоне html найдите код:
	 <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />
		 {SETTINGS_STORE_NAME}
удалите:
{SETTINGS_STORE_NAME}
2. B style.css найдите:
#header-fluid {
position: relative;
background: #FAFAFA url('http://n16761.storeland.net/header-top-bg.png') repeat-x 0 0;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
z-index: 10;
}
удалите:
background: #FAFAFA url('http://n16761.storeland.net/header-top-bg.png') repeat-x 0 0;
3.  Замените:
.container {
width: 1200px;
margin: 0 auto;
height: 200px;
}
на
.container {
width: 1200px;
margin: 0 auto;
height: 80px;
}
Чтобы ограничить слева и справа, нужно сделать шире сам сайт. Если Вас устраивает такой вариант, можно сделать

#22 rylezzzz

rylezzzz

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 25 Февраль 2014 - 19:47

После всех этих изменений у меня специфический вопрос по этой теме "осень"... а тут есть какая то мобильная версия? и как ее отключить а то на телефоне незнаю может и планшетах ..

или если нету то вариант просто уменьшить картинку в шапке?

Прикрепленные изображения

  • IMG_0767.PNG
  • IMG_0768.PNG


#23 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 26 Февраль 2014 - 04:36

Убираем адаптивность, в style.css найдите и удалите:
@media only screen and (max-width:1210px)
{
  .container{width:950px}
  .column,.columns{margin:0 10px}
  .half{width:455px}
  .one-third{width:220px}
  .two-third{width:690px}
  .hide-tablet-n-mobile{display:none!important}
  #category_view_type.list_view #product_list li{width:690px}
  #left-column{width: 324px;}
  #left-column #image-block{width:408px}
  #left-column #image-block #small_pic{width:408px;height:auto}
  #left-column #view_scroll_left,#left-column #view_scroll_right{width:48px}
  #left-column #thumbs_list{width: 210px;}
  #right-wrapper{width: 326px;}
  #product_page_hook_right{display:none}
  #product_comparison .product_desc{height:60px}
  ul#order_step li{width:168px}
  ul#order_step li#step_end{width:172px}
}
@media only screen and (max-width:959px)
{
  .container{width:710px;position: relative;}
  .column,.columns{margin:0 10px}
  .half{width:364px}
  .one-third{width:220px}
  .two-third{width:450px}
  .hide-desktop{display:inline!important}
  .hide-mobile{display:none!important}
  #header-right {height: 100%;margin: 0;}
  #megamenu{display:none!important}
  #header_shopping_cart{margin-top:21px;}
  #search_block_top{position: relative;float: right;margin: 16px 0px 0 0;clear: both;}
  #category_view_type.list_view #product_list li{width:450px}
  #left-column{width:100%}
  #left-column #image-block{width:528px;margin:0 auto}
  #left-column #image-block #small_pic{width:528px;height:auto}
  #left-column #view_scroll_left,#left-column #view_scroll_right{width:69px}
  #left-column #thumbs_list{width: 290px;}
  #right-wrapper{width:100%;margin:30px 0 0 0}
  table.autumn-table tr td:first-child {border: none;}
  table.autumn-table tr td:last-child {border: none;}
  ul.idTabs li{margin:0 0 -1px 0;display:block}
  table.responsive,table.responsive thead,table.responsive tbody,table.responsive tfoot,table.responsive th,table.responsive tr,table.responsive td,table.std,table.std thead,table.std tbody,table.std tfoot,table.std th,table.std tr,table.std td{display:block}
  .table_mobile_label{display:block}
  table.responsive thead,table.std thead{display:none}
  table.responsive tbody tr,table.std tbody tr{border-bottom:1px solid #e9e9e9}
  table.responsive tr.odd,table.std tr.odd{background:#fafafa!important}
  table.responsive td ,table.std td{border:none!important;position:relative;padding-left:50%}
  table.responsive tfoot tr,table.std tfoot tr{padding:10px 0;border-bottom:1px solid #e9e9e9}
  table.responsive tr td,table.std tr td{padding:5px!important;text-align: center !important;}
  .cart-table .cart_quantity .cart_quantity_input {float: none;}
  #order-opc h2 {font-size:10px;margin-bottom: 0;}
  #order-opc h2 span{font-size: 10px;display: inline-block;color: #fff;background: #333;padding: 10px 11px;margin-right: 5px;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;line-height: 10px;}
  #step{margin:15px 0;padding-top:20px;padding-bottom: 20px;border-top:1px dashed #c0c0c0;border-bottom:1px dashed #c0c0c0}
  #footer .block h4,#footer .block h4 a,#footer h4,#footer h4 a{font-size:16px;margin-bottom:20px}
  #footer .newsletter_input{width:70%}
  .sort_by{display: none;}
  #category_view_changer {float: left;}
  .sortPagiBar{padding-bottom:20px;height: 53px;}
  .sortPagiBar .nbrItemPage {display: none;}
  .accordion_main {display: block;}
 
}
@media only screen and (max-width:860px)
{
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
  .accordion_main {display: block;}
}
@media only screen and (max-width:767px)
{
  .container{width:450px; height: 100%;}
  .column,.columns{float:none;clear:both;margin:0}
  .full ,.half ,.one-third ,.two-third{width:450px}
  select{height:auto!important}
  #header #cart_block{display:none!important}
  #header_shopping_cart{margin-top:16px;width: 100%;}
  #header-right {float: right;position: relative;width: 100%;height: 100%;}
  #header-logo {width: 100%;}
  #search_block_top{position: relative;float: right;margin: 16px 0px 0 0;width: 100%;}
  #search_block_top #search_query_top {width: 100%;}
  #header_user_info {color: #000;text-align: center;}
  #header_user_info a {color: #000;}
  .content_sortpagibar_pagination{margin-bottom:80px}
  #left-column #image-block #small_pic{width:434px;height:auto}
  #left-column #image-block{width:434px;margin:0 auto}
  #left-column #view_scroll_left,#left-column #view_scroll_right{width:61px}
  #left-column #thumbs_list{width: 310px;}
  .accordion_main {display: block;}
  table.autumn-table tr td:first-child, table.autumn-table tr td:last-child {border:none!important}
  table.responsive,table.responsive thead,table.responsive tbody,table.responsive tfoot,table.responsive th,table.responsive tr,table.responsive td,table.std,table.std thead,table.std tbody,table.std tfoot,table.std th,table.std tr,table.std td{display:block}
  table.responsive thead,table.std thead{display:none}
  table.responsive tbody tr,table.std tbody tr{border-bottom:1px solid #e9e9e9}
  table.responsive tr.odd,table.std tr.odd{background:#fafafa!important}
  table.responsive td ,table.std td{border:none!important;position:relative;padding-left:50%}
  table.responsive tfoot tr,table.std tfoot tr{padding:10px 0;border-bottom:1px solid #e9e9e9}
  ul.address{float:none;margin:0 0 20px 0!important;min-width:100%}
  #create-account_form {margin:0;width:300px;float:none}
  #footer > div{width:50%!important;margin:30px 0 0 0!important}
  #footer > div:nth-of-type(3){clear:left}
  #footer-bottom{text-align:center}
  .block2 {width: 450px;margin-top: 20px;}
  .block2 .block-content {width: 412px;}
}
@media only screen and (max-width:479px)
{
  body{min-width:300px}
  .container{width:300px}
  .column,.columns{float:none;clear:both;margin:0}
  .full ,.half ,.one-third ,.two-third{width:300px}
  #header-right{width:100%}
  #header_user_info .wishlist{display:none}
  #header-logo{width:100%}
  #header-logo a{text-align:center}
  #search_block_top{float:left}
  #header #cart_block{display:none!important}
  form.product_compare_form{clear:both}
  .sortPagiBar .nbrItemPage{clear:both;float:left;margin-top:20px}
  .sortPagiBar #productsSortForm{clear:both;float:left;margin-top:1px}
  #category_view_type.grid_view #product_list li{width:300px}
  #category_view_type.grid_view #product_list li.last_item{margin-bottom:10px!important}
  #category_view_type.grid_view #product_list .product_image{max-width:284px}
  #category_view_type.list_view #product_list .product_image_wrapper{margin-right:0}
  #category_view_type.list_view #product_list .product_image{max-width:284px}
  #category_view_type.grid_view #product_list .product_list_hover{width:284px;height:284px}
  #category_view_type.grid_view #product_list li .product_list_view_details_link{padding-top:260px}
  #category_view_type.grid_view .rect_img #product_list .product_list_hover{width:284px;height:426px}
  #category_view_type.grid_view .rect_img #product_list .product_list_add_to_cart{margin-top:165px}
  #category_view_type.grid_view .rect_img #product_list li .product_list_view_details_link{padding-top:402px}
  #category_view_type.list_view #product_list li{width:300px}
  #category_view_type.list_view #product_list .product_list_details{clear:both}
  #left-column #image-block #small_pic{width:284px;height:auto}
  #left-column #image-block{width:284px;margin:0 auto}
  #left-column #thumbs_list{width: 200px;}
  #left-column #view_scroll_left,#left-column #view_scroll_right{width:42px}
  #order-opc {display: none;}
  .content-form {width: 260px;}
  #footer-fluid > .container{margin-top:20px}
  #footer > div{width:100%!important;padding:0!important;margin:20px 0!important}
  #footer .block h4,#footer .block h4 a,#footer h4,#footer h4 a{margin-bottom:10px;cursor:pointer;text-decoration:none}
  #footer .block .open-close-footer{display:block}
  #footer .block_content{display:none;margin-top:20px}
  #footer .block_content.unfold{display:block}
  #footer-center{padding-bottom:1px}
  #footer .newsletter_input{width:85%}
  .autumnshowcase_block li{width:300px}
  .autumnshowcase_block .product_image{max-width:282px}
  .autumnshowcase_carousel{height:440px}
  #more_info_sheets input[type=text] {width: 110px;}
  .block2 {width: 300px;margin-top: 20px;}
  .block2 .block-content {width: 262px;}
}






Темы с аналогичным тегами главная каталог, шапка

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных