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


Изменение Общей Стилистики


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

#41 UGIN

UGIN

    Продвинутый пользователь

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

Отправлено 13 Январь 2016 - 13:18

Просмотр сообщенияЮля123 (13 Январь 2016 - 12:49) писал:

Вам внесли изменения, проверьте, пожалуйста. Каталог и поиск у Вас теперь отображаются нормально.


Чтобы убрать свободное пространство, найдите в main.css код:

#yt_wrapper {position: relative;left: 0;min-height:1000px;}

и замените на код:

#yt_wrapper {position: relative;left: 0;}


новинки, товары на главной и т.д. отображаются корректно.
Просьба еще раз внести изменения, т.к. кнопка каталог товаров, а так же новинки ит.д. отображаются так же как и до внесения изменений.
а так же огромная просьба, с блогом сделать изменения и плавающей кнопкой, т.к. в таком виде они совершенно неприемлеммы. спасибо.

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

  • 2016-01-13 13-16-21  Store-Ip  - системы умный дом, контроль доступа, ip домофония. – Yandex.png


#42 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 15 Январь 2016 - 13:52

Просмотр сообщенияUGIN (13 Январь 2016 - 13:18) писал:

Просьба еще раз внести изменения, т.к. кнопка каталог товаров, а так же новинки ит.д. отображаются так же как и до внесения изменений.
а так же огромная просьба, с блогом сделать изменения и плавающей кнопкой, т.к. в таком виде они совершенно неприемлеммы. спасибо.


Здравствуйте, предлагаю Вам вот такой вид мобильного меню:


QIP Shot - Screen 118.png

чтобы оно не выбивалось из общей стилистики.


Если Вас устраивает такой вариант, то примените, пожалуйста следующие инструкции:

1) Шаблон HTML. Найдите код:

<div class="yt-main-menu col-lg-3 col-md-4 col-xs-2 header-top" style="background:transparent;right: 0;">

и замените на код:

<div class="mob-menu  col-xs-4">
				<div id="mommenu" class="menu-collapse">
				<span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				  <i class="icon-reorder"></i>
				</span>
				<div class="menu_collapse_wrap">
				  <div id="menu_collapse" class="mainnav collapse">
					<ul>
					{% IFNOT catalog_full_empty %}
					  {% FOR catalog_full %}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						  <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
						  {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					  {% ENDFOR %}
					{% ENDIF %}
					</ul>
				  </div>
				</div>
			  </div>
</div>
																																															   
																																															
<div class="yt-main-menu col-lg-3 col-md-4 col-xs-10 header-top" style="background:transparent;right: 0;">


2) Переходим в main.css и  задаем стили для мобильного меню.  В конце main.css добавьте код:


#mommenu .btn {
	display: inline-block;
	cursor: pointer;
	margin: 15px 0 0 15px;
	position: relative;
	z-index: 2;
	padding: 0 0;
	background: transparent;
	width: 49px;
	height: 49px;
	line-height: 49px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	text-align: center;
	border: 1px solid white;
	color: white;
	font-size: 170%;
	float:left;
}
#mommenu .menu_collapse_wrap {
		width: 295px;
	position: absolute;
	left: 0;
	top: 100%;
	background: #3cabda;
	z-index: 9999;
}
#mommenu .menu_collapse_wrap:before {
	content: '';
	display: block;
	background:#49BE7C;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: -1000px;
	z-index: -1;
}
.mob-menu {
	padding: 0 !important;
	margin:0 !important;
}
#mommenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#mommenu .menu_collapse_wrap .mainnav li {
	background: #f8f8f8;
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	display: block;
	position: relative;
	text-align: left;
}
#mommenu .menu_collapse_wrap a {
	text-decoration: none;
	text-transform: capitalize;
	border-bottom: 1px solid #e0d8d8;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	margin: 0 15px;
	display: block;
	cursor: pointer;
	font-size: 12px;
}
#mommenu .menu_collapse_wrap .mainnav li.active > ul.sub {
	display: block;
}
#mommenu .menu_collapse_wrap .mainnav li a .open-menu {
	cursor: pointer;
	float: right;
	position: absolute;
	right: 10px;
	top: 4px;
	padding: 0 10px;
}
#mommenu .menu_collapse_wrap .mainnav li ul.sub {
	display: none;
	padding-left: 15px;
}
#mommenu .menu_collapse_wrap .mainnav li a .open-menu {
	cursor: pointer;
	float: right;
	position: absolute;
	right: 10px;
	top: 4px;
	padding: 0 10px;
}
#mommenu .menu_collapse_wrap .mainnav li a .open-menu:before {
	content: "\f067";
	font-family: 'FontAwesome';
	font-size: 14px;
	float: right;
}
@media all and (min-width: 481px ){
  .mob-menu.col-xs-4 {
	display: none;
}


далее найдите код:

a.catalogshapka{width:200px;}

и замените на код:

  .header-top .header-top-right #search_mini_form {display:block !important;}
.header-top .header-top-right #search_mini_form2 {display:none !important;}
  #content {
	position: relative;
	top: 47px;
}
#header .header-top-right .header-right-mobile {top:10px;}
  .yt-main-menu.col-lg-9.col-md-8.col-xs-8 {
	display: none;
}

3) В конце  main.js  добавьте код:

// Адаптивное меню
jQuery(document).ready(function ($) {
  $('#mommenu .btn-navbar').on('click', function () {
	if ($('#menu_offcanvas').hasClass('active')) {
	 $(this).find('.overlay').fadeOut(250);
   $('#menu_offcanvas').removeClass('active');
   $('body').removeClass('show-sidebar');
  } else {
   $('#menu_offcanvas').addClass('active');
   $(this).find('.overlay').fadeIn(250);
   $('body').addClass('show-sidebar');
  }
});
  $('#mommenu .canvas-title').on('click', function () {
	$('#mommenu').find('.overlay').fadeOut(250);
	$('#menu_offcanvas').removeClass('active');
	$('body').removeClass('show-sidebar');
  });
  $('#mommenu .parent a .open-menu').click(function(event){
  event.preventDefault();
	if ($(this).closest('.parent').hasClass('active')) {
	  $(this).parent().next('.sub').slideUp(600);
	  $(this).closest('.parent').removeClass('active');
	  $(this).closest('.open-menu').removeClass('active');
	} else {
	  $(this).parent().next('.sub').slideDown(600);
	  $(this).closest('.parent').addClass('active');
	  $(this).closest('.open-menu').addClass('active');
	}
  });
});


#43 UGIN

UGIN

    Продвинутый пользователь

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

Отправлено 15 Январь 2016 - 15:28

Просмотр сообщенияЮля123 (15 Январь 2016 - 13:52) писал:

Здравствуйте, предлагаю Вам вот такой вид мобильного меню:


Прикрепленный файл QIP Shot - Screen 118.png

чтобы оно не выбивалось из общей стилистики.


Если Вас устраивает такой вариант, то примените, пожалуйста следующие инструкции:

1) Шаблон HTML. Найдите код:

<div class="yt-main-menu col-lg-3 col-md-4 col-xs-2 header-top" style="background:transparent;right: 0;">

и замените на код:

<div class="mob-menu col-xs-4">
			 <div id="mommenu" class="menu-collapse">
			 <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				 <i class="icon-reorder"></i>
			 </span>
			 <div class="menu_collapse_wrap">
				 <div id="menu_collapse" class="mainnav collapse">
				 <ul>
				 {% IFNOT catalog_full_empty %}
					 {% FOR catalog_full %}
					 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
						 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
					 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					 {% ENDFOR %}
				 {% ENDIF %}
				 </ul>
				 </div>
			 </div>
			 </div>
</div>
																																															
																																															
<div class="yt-main-menu col-lg-3 col-md-4 col-xs-10 header-top" style="background:transparent;right: 0;">


2) Переходим в main.css и  задаем стили для мобильного меню.  В конце main.css добавьте код:


#mommenu .btn {
display: inline-block;
cursor: pointer;
margin: 15px 0 0 15px;
position: relative;
z-index: 2;
padding: 0 0;
background: transparent;
width: 49px;
height: 49px;
line-height: 49px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-align: center;
border: 1px solid white;
color: white;
font-size: 170%;
float:left;
}
#mommenu .menu_collapse_wrap {
	 width: 295px;
position: absolute;
left: 0;
top: 100%;
background: #3cabda;
z-index: 9999;
}
#mommenu .menu_collapse_wrap:before {
content: '';
display: block;
background:#49BE7C;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: -1000px;
z-index: -1;
}
.mob-menu {
padding: 0 !important;
margin:0 !important;
}
#mommenu ul {
margin: 0;
padding: 0;
list-style: none;
}
#mommenu .menu_collapse_wrap .mainnav li {
background: #f8f8f8;
list-style-type: none;
padding: 0;
margin: 0;
float: left;
width: 100%;
display: block;
position: relative;
text-align: left;
}
#mommenu .menu_collapse_wrap a {
text-decoration: none;
text-transform: capitalize;
border-bottom: 1px solid #e0d8d8;
line-height: 40px;
font-weight: normal;
color: #666;
margin: 0 15px;
display: block;
cursor: pointer;
font-size: 12px;
}
#mommenu .menu_collapse_wrap .mainnav li.active > ul.sub {
display: block;
}
#mommenu .menu_collapse_wrap .mainnav li a .open-menu {
cursor: pointer;
float: right;
position: absolute;
right: 10px;
top: 4px;
padding: 0 10px;
}
#mommenu .menu_collapse_wrap .mainnav li ul.sub {
display: none;
padding-left: 15px;
}
#mommenu .menu_collapse_wrap .mainnav li a .open-menu {
cursor: pointer;
float: right;
position: absolute;
right: 10px;
top: 4px;
padding: 0 10px;
}
#mommenu .menu_collapse_wrap .mainnav li a .open-menu:before {
content: "\f067";
font-family: 'FontAwesome';
font-size: 14px;
float: right;
}
@media all and (min-width: 481px ){
.mob-menu.col-xs-4 {
display: none;
}


далее найдите код:

a.catalogshapka{width:200px;}

и замените на код:

.header-top .header-top-right #search_mini_form {display:block !important;}
.header-top .header-top-right #search_mini_form2 {display:none !important;}
#content {
position: relative;
top: 47px;
}
#header .header-top-right .header-right-mobile {top:10px;}
.yt-main-menu.col-lg-9.col-md-8.col-xs-8 {
display: none;
}

3) В конце  main.js  добавьте код:

// Адаптивное меню
jQuery(document).ready(function ($) {
$('#mommenu .btn-navbar').on('click', function () {
if ($('#menu_offcanvas').hasClass('active')) {
	 $(this).find('.overlay').fadeOut(250);
$('#menu_offcanvas').removeClass('active');
$('body').removeClass('show-sidebar');
} else {
$('#menu_offcanvas').addClass('active');
$(this).find('.overlay').fadeIn(250);
$('body').addClass('show-sidebar');
}
});
$('#mommenu .canvas-title').on('click', function () {
$('#mommenu').find('.overlay').fadeOut(250);
$('#menu_offcanvas').removeClass('active');
$('body').removeClass('show-sidebar');
});
$('#mommenu .parent a .open-menu').click(function(event){
event.preventDefault();
if ($(this).closest('.parent').hasClass('active')) {
	 $(this).parent().next('.sub').slideUp(600);
	 $(this).closest('.parent').removeClass('active');
	 $(this).closest('.open-menu').removeClass('active');
} else {
	 $(this).parent().next('.sub').slideDown(600);
	 $(this).closest('.parent').addClass('active');
	 $(this).closest('.open-menu').addClass('active');
}
});
});
все сделал. получилось. только корзина и поиск уезжают вправо.

#44 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 15 Январь 2016 - 15:47

Просмотр сообщенияUGIN (15 Январь 2016 - 15:28) писал:

все сделал. получилось. только корзина и поиск уезжают вправо.


Попробуйте изменить в шаблоне HTML  код:

<div class="mob-menu  col-xs-4">

на код:

<div class="mob-menu  col-xs-2">


#45 UGIN

UGIN

    Продвинутый пользователь

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

Отправлено 15 Январь 2016 - 15:53

корзина и поиск ушли правее, и всё равно остались ниже строчкой. а как можно сделать чтобы эта строчка ездила при скролинге, и кнопка при нажатии которой открывается подменю каталога, нужно чтобы просто был переход в каталог товаров(без открывающихся списков). спасибо большое

#46 UGIN

UGIN

    Продвинутый пользователь

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

Отправлено 15 Январь 2016 - 18:09

Просмотр сообщенияЮля123 (15 Январь 2016 - 15:47) писал:

Попробуйте изменить в шаблоне HTML  код:

<div class="mob-menu col-xs-4">

на код:

<div class="mob-menu col-xs-2">
и к сожалению, сейчас и на обысном формате экрана все поехало.

#47 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 15 Январь 2016 - 19:01

Просмотр сообщенияUGIN (15 Январь 2016 - 18:09) писал:

и к сожалению, сейчас и на обысном формате экрана все поехало.

Правки отображения.

1) В main.css найдите код:

@media all and (min-width: 481px ){
  .mob-menu.col-xs-4 {
		display: none;
}

и замените на код:

@media all and (min-width: 481px ){
  .mob-menu{ display: none;}
}

Убираем выпадающий каталог.

1) В main.js удалите код:

// Адаптивное меню
jQuery(document).ready(function ($) {
  $('#mommenu .btn-navbar').on('click', function () {
		if ($('#menu_offcanvas').hasClass('active')) {
		 $(this).find('.overlay').fadeOut(250);
   $('#menu_offcanvas').removeClass('active');
   $('body').removeClass('show-sidebar');
  } else {
   $('#menu_offcanvas').addClass('active');
   $(this).find('.overlay').fadeIn(250);
   $('body').addClass('show-sidebar');
  }
});
  $('#mommenu .canvas-title').on('click', function () {
		$('#mommenu').find('.overlay').fadeOut(250);
		$('#menu_offcanvas').removeClass('active');
		$('body').removeClass('show-sidebar');
  });
  $('#mommenu .parent a .open-menu').click(function(event){
  event.preventDefault();
		if ($(this).closest('.parent').hasClass('active')) {
		  $(this).parent().next('.sub').slideUp(600);
		  $(this).closest('.parent').removeClass('active');
		  $(this).closest('.open-menu').removeClass('active');
		} else {
		  $(this).parent().next('.sub').slideDown(600);
		  $(this).closest('.parent').addClass('active');
		  $(this).closest('.open-menu').addClass('active');
		}
  });
});

2) в HTML  найдите код:

<div class="mob-menu  col-xs-2">
								<div id="mommenu" class="menu-collapse">
								<span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
								  <i class="icon-reorder"></i>
								</span>
								<div class="menu_collapse_wrap">
								  <div id="menu_collapse" class="mainnav collapse">
										<ul>
										{% IFNOT catalog_full_empty %}
										  {% FOR catalog_full %}
												{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
												  <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
														<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
												  {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
												{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
										  {% ENDFOR %}
										{% ENDIF %}
										</ul>
								  </div>
								</div>
						  </div>
</div>

и замените на код:

<div class="mob-menu  col-xs-2">
				<div id="mommenu" class="menu-collapse">
				<a href="http://{NET_DOMAIN}/catalog">
				<span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				  <i class="icon-reorder"></i>
				</span>
				</a>
			  </div>
</div>


так же в main.css найдите код:

#mommenu .btn {
	display: inline-block;
	cursor: pointer;
	margin: 15px 0 0 15px;
	position: relative;
	z-index: 2;
	padding: 0 0;
	background: transparent;
	width: 49px;
	height: 49px;
	line-height: 49px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	text-align: center;
	border: 1px solid white;
	color: white;
	font-size: 170%;
	float:left;
}

и замените на код:

#mommenu .btn {
	display: inline-block;
	cursor: pointer;
	margin: 15px 0 15px 5px;
	position: relative;
	z-index: 2;
	padding: 0 0;
	background: transparent;
	width: 49px;
	height: 49px;
	line-height: 49px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	text-align: center;
	border: 1px solid white;
	color: white;
	font-size: 170%;
	float:left;
}


далее найдите код:

.yt-main-menu.header-top {
position: relative !important;
width: 100% !important;
float: none !important;
clear: both;
padding-top: 10px !important;
}

и замените на код:

.yt-main-menu.header-top {
position: relative !important;
float: right !important;
padding-top: 10px !important;
}

В конце main.css добавьте код:

.block_ccs.yt-main-menu {
	padding: 0;
}


#48 UGIN

UGIN

    Продвинутый пользователь

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

Отправлено 22 Январь 2016 - 12:59

Просмотр сообщенияЮля123 (15 Январь 2016 - 19:01) писал:

Правки отображения.

1) В main.css найдите код:

@media all and (min-width: 481px ){
.mob-menu.col-xs-4 {
	 display: none;
}

и замените на код:

@media all and (min-width: 481px ){
.mob-menu{ display: none;}
}

Убираем выпадающий каталог.

1) В main.js удалите код:

// Адаптивное меню
jQuery(document).ready(function ($) {
$('#mommenu .btn-navbar').on('click', function () {
	 if ($('#menu_offcanvas').hasClass('active')) {
		 $(this).find('.overlay').fadeOut(250);
$('#menu_offcanvas').removeClass('active');
$('body').removeClass('show-sidebar');
} else {
$('#menu_offcanvas').addClass('active');
$(this).find('.overlay').fadeIn(250);
$('body').addClass('show-sidebar');
}
});
$('#mommenu .canvas-title').on('click', function () {
	 $('#mommenu').find('.overlay').fadeOut(250);
	 $('#menu_offcanvas').removeClass('active');
	 $('body').removeClass('show-sidebar');
});
$('#mommenu .parent a .open-menu').click(function(event){
event.preventDefault();
	 if ($(this).closest('.parent').hasClass('active')) {
		 $(this).parent().next('.sub').slideUp(600);
		 $(this).closest('.parent').removeClass('active');
		 $(this).closest('.open-menu').removeClass('active');
	 } else {
		 $(this).parent().next('.sub').slideDown(600);
		 $(this).closest('.parent').addClass('active');
		 $(this).closest('.open-menu').addClass('active');
	 }
});
});

2) в HTML  найдите код:

<div class="mob-menu col-xs-2">
							 <div id="mommenu" class="menu-collapse">
							 <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
								 <i class="icon-reorder"></i>
							 </span>
							 <div class="menu_collapse_wrap">
								 <div id="menu_collapse" class="mainnav collapse">
									 <ul>
									 {% IFNOT catalog_full_empty %}
										 {% FOR catalog_full %}
											 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
												 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
													 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
												 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
											 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
										 {% ENDFOR %}
									 {% ENDIF %}
									 </ul>
								 </div>
							 </div>
						 </div>
</div>

и замените на код:

<div class="mob-menu col-xs-2">
			 <div id="mommenu" class="menu-collapse">
			 <a href="http://{NET_DOMAIN}/catalog">
			 <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				 <i class="icon-reorder"></i>
			 </span>
			 </a>
			 </div>
</div>


так же в main.css найдите код:

#mommenu .btn {
display: inline-block;
cursor: pointer;
margin: 15px 0 0 15px;
position: relative;
z-index: 2;
padding: 0 0;
background: transparent;
width: 49px;
height: 49px;
line-height: 49px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-align: center;
border: 1px solid white;
color: white;
font-size: 170%;
float:left;
}

и замените на код:

#mommenu .btn {
display: inline-block;
cursor: pointer;
margin: 15px 0 15px 5px;
position: relative;
z-index: 2;
padding: 0 0;
background: transparent;
width: 49px;
height: 49px;
line-height: 49px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-align: center;
border: 1px solid white;
color: white;
font-size: 170%;
float:left;
}


далее найдите код:

.yt-main-menu.header-top {
position: relative !important;
width: 100% !important;
float: none !important;
clear: both;
padding-top: 10px !important;
}

и замените на код:

.yt-main-menu.header-top {
position: relative !important;
float: right !important;
padding-top: 10px !important;
}

В конце main.css добавьте код:

.block_ccs.yt-main-menu {
padding: 0;
}
как можно страницу "умный дом"подогнать под мобильную версию вот в таком виде:
1блок- при открытии моб.версии. чтобы открывался другой баннер

2блок- сделать каруселью, чтобы на экране отображался один товар, и можно было его перелистывать.

3блок- чтобы данная таблица вставала вертикально, сначала ссылки, а под ними видео.

4, 5 и 6  блок- сделать каруселью с возможностью перелистывания. что бы эти карусели стояли друг под другом.
спасибо.

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

  • 2016-01-22 12-45-51 Умный дом – Yandex.png


#49 UGIN

UGIN

    Продвинутый пользователь

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

Отправлено 25 Январь 2016 - 22:36

Просмотр сообщенияЮля123 (15 Январь 2016 - 19:01) писал:

Правки отображения.

1) В main.css найдите код:

@media all and (min-width: 481px ){
.mob-menu.col-xs-4 {
	 display: none;
}

и замените на код:

@media all and (min-width: 481px ){
.mob-menu{ display: none;}
}

Убираем выпадающий каталог.

1) В main.js удалите код:

// Адаптивное меню
jQuery(document).ready(function ($) {
$('#mommenu .btn-navbar').on('click', function () {
	 if ($('#menu_offcanvas').hasClass('active')) {
		 $(this).find('.overlay').fadeOut(250);
$('#menu_offcanvas').removeClass('active');
$('body').removeClass('show-sidebar');
} else {
$('#menu_offcanvas').addClass('active');
$(this).find('.overlay').fadeIn(250);
$('body').addClass('show-sidebar');
}
});
$('#mommenu .canvas-title').on('click', function () {
	 $('#mommenu').find('.overlay').fadeOut(250);
	 $('#menu_offcanvas').removeClass('active');
	 $('body').removeClass('show-sidebar');
});
$('#mommenu .parent a .open-menu').click(function(event){
event.preventDefault();
	 if ($(this).closest('.parent').hasClass('active')) {
		 $(this).parent().next('.sub').slideUp(600);
		 $(this).closest('.parent').removeClass('active');
		 $(this).closest('.open-menu').removeClass('active');
	 } else {
		 $(this).parent().next('.sub').slideDown(600);
		 $(this).closest('.parent').addClass('active');
		 $(this).closest('.open-menu').addClass('active');
	 }
});
});

2) в HTML  найдите код:

<div class="mob-menu col-xs-2">
							 <div id="mommenu" class="menu-collapse">
							 <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
								 <i class="icon-reorder"></i>
							 </span>
							 <div class="menu_collapse_wrap">
								 <div id="menu_collapse" class="mainnav collapse">
									 <ul>
									 {% IFNOT catalog_full_empty %}
										 {% FOR catalog_full %}
											 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
												 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
													 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
												 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
											 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
										 {% ENDFOR %}
									 {% ENDIF %}
									 </ul>
								 </div>
							 </div>
						 </div>
</div>

и замените на код:

<div class="mob-menu col-xs-2">
			 <div id="mommenu" class="menu-collapse">
			 <a href="http://{NET_DOMAIN}/catalog">
			 <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				 <i class="icon-reorder"></i>
			 </span>
			 </a>
			 </div>
</div>


так же в main.css найдите код:

#mommenu .btn {
display: inline-block;
cursor: pointer;
margin: 15px 0 0 15px;
position: relative;
z-index: 2;
padding: 0 0;
background: transparent;
width: 49px;
height: 49px;
line-height: 49px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-align: center;
border: 1px solid white;
color: white;
font-size: 170%;
float:left;
}

и замените на код:

#mommenu .btn {
display: inline-block;
cursor: pointer;
margin: 15px 0 15px 5px;
position: relative;
z-index: 2;
padding: 0 0;
background: transparent;
width: 49px;
height: 49px;
line-height: 49px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-align: center;
border: 1px solid white;
color: white;
font-size: 170%;
float:left;
}


далее найдите код:

.yt-main-menu.header-top {
position: relative !important;
width: 100% !important;
float: none !important;
clear: both;
padding-top: 10px !important;
}

и замените на код:

.yt-main-menu.header-top {
position: relative !important;
float: right !important;
padding-top: 10px !important;
}

В конце main.css добавьте код:

.block_ccs.yt-main-menu {
padding: 0;
}
ауууууу.........мне ктонибудь ответит???????????????????????

#50 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 26 Январь 2016 - 12:50

Просмотр сообщенияUGIN (22 Январь 2016 - 12:59) писал:

как можно страницу "умный дом"подогнать под мобильную версию вот в таком виде:
1блок- при открытии моб.версии. чтобы открывался другой баннер

2блок- сделать каруселью, чтобы на экране отображался один товар, и можно было его перелистывать.

3блок- чтобы данная таблица вставала вертикально, сначала ссылки, а под ними видео.

4, 5 и 6  блок- сделать каруселью с возможностью перелистывания. что бы эти карусели стояли друг под другом.
спасибо.

Здравствуйте, извините, пожалуйста, за долгое ожидание.

1) Т.к. это у Вас отдельно созданная страница, то редакторе страницы нажмите "Источник". Дальше код:

<img alt="" src="http://st.storeland.net/12/1797/204/.png" style="width: 100% !important;" />

замените на код:

<img alt="" class="banner1" src="http://st.storeland.net/12/1797/204/.png" style="width: 100% !important;" /> <img alt="" class="banner2" src="ссылка на баннер" title="" />

" ссылка на баннер" нужно заменить на нужное изображение, которое будет отображаться в мобильной версии.

дальше в main.css после кода:

@media all and (max-width: 480px){

добавьте код:
img.banner1 {display: none;}
img.banner2 {display: block !important;}

в конце  main.css добавьте код:
img.banner2 {display: none;}

3) По поводу таблицы, можно сделать тоже так же, т.е. в обычной версии показывать одну таблицу, а в мобильной другую. Иначе, к сожалению не получится.
На остальные вопросы отвечу в следующем сообщении.

#51 UGIN

UGIN

    Продвинутый пользователь

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

Отправлено 27 Январь 2016 - 13:39

Просмотр сообщенияЮля123 (26 Январь 2016 - 12:50) писал:

Здравствуйте, извините, пожалуйста, за долгое ожидание.

1) Т.к. это у Вас отдельно созданная страница, то редакторе страницы нажмите "Источник". Дальше код:

<img alt="" src="http://st.storeland.net/12/1797/204/.png" style="width: 100% !important;" />

замените на код:

<img alt="" class="banner1" src="http://st.storeland.net/12/1797/204/.png" style="width: 100% !important;" /> <img alt="" class="banner2" src="ссылка на баннер" title="" />

" ссылка на баннер" нужно заменить на нужное изображение, которое будет отображаться в мобильной версии.

дальше в main.css после кода:

@media all and (max-width: 480px){

добавьте код:
img.banner1 {display: none;}
img.banner2 {display: block !important;}

в конце  main.css добавьте код:
img.banner2 {display: none;}

3) По поводу таблицы, можно сделать тоже так же, т.е. в обычной версии показывать одну таблицу, а в мобильной другую. Иначе, к сожалению не получится.
На остальные вопросы отвечу в следующем сообщении.
сделал, вроде получилось. хотелось бы узнать, что дальше.

#52 UGIN

UGIN

    Продвинутый пользователь

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

Отправлено 27 Январь 2016 - 16:55

Просмотр сообщенияЮля123 (26 Январь 2016 - 12:50) писал:

Здравствуйте, извините, пожалуйста, за долгое ожидание.

1) Т.к. это у Вас отдельно созданная страница, то редакторе страницы нажмите "Источник". Дальше код:

<img alt="" src="http://st.storeland.net/12/1797/204/.png" style="width: 100% !important;" />

замените на код:

<img alt="" class="banner1" src="http://st.storeland.net/12/1797/204/.png" style="width: 100% !important;" /> <img alt="" class="banner2" src="ссылка на баннер" title="" />

" ссылка на баннер" нужно заменить на нужное изображение, которое будет отображаться в мобильной версии.

дальше в main.css после кода:

@media all and (max-width: 480px){

добавьте код:
img.banner1 {display: none;}
img.banner2 {display: block !important;}

в конце  main.css добавьте код:
img.banner2 {display: none;}

3) По поводу таблицы, можно сделать тоже так же, т.е. в обычной версии показывать одну таблицу, а в мобильной другую. Иначе, к сожалению не получится.
На остальные вопросы отвечу в следующем сообщении.
только что пропали, картинки с заголовков статей на главной странице!!! подскажите как такое получилось???

#53 Vaccina

Vaccina

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

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

Отправлено 28 Январь 2016 - 01:43

В шаблоне HTML найдите:
{% FOR news_list_all %}
<li class="item">
<div class="fotoNovosti"></div>
<div class="postTitle">
<a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;" {% IF news_list_all.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_all.TITLE}</a>
</div>
<div class="date">
<span class="d-month">{news_list_shop.TIME | date("m")}</span>
<span class="d-day">{news_list_shop.TIME | date("d")}</span>
<span class="d-year">{news_list_shop.TIME | date("Y")}</span>
</div>
<div class="postContent">
<p>{news_list_shop.TEXT_SHORT | htmlspecialchars_decode}</p>
</div>
</li>
{% ENDFOR %}

замените на:
{% FOR news_list_all %}
<li class="item">
<div class="fotoNovosti"></div>
<div class="postTitle">
<a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;" {% IF news_list_all.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_all.TITLE}</a>
</div>
<div class="date">
<span class="d-month">{news_list_all.TIME | date("m")}</span>
<span class="d-day">{news_list_all.TIME | date("d")}</span>
<span class="d-year">{news_list_all.TIME | date("Y")}</span>
</div>
<div class="postContent">
<p>{news_list_all.TEXT_SHORT | htmlspecialchars_decode}</p>
</div>
</li>
{% ENDFOR %}


#54 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 28 Январь 2016 - 09:08

Просмотр сообщенияUGIN (22 Январь 2016 - 12:59) писал:

как можно страницу "умный дом"подогнать под мобильную версию вот в таком виде:
2блок- сделать каруселью, чтобы на экране отображался один товар, и можно было его перелистывать.

4, 5 и 6  блок- сделать каруселью с возможностью перелистывания. что бы эти карусели стояли друг под другом.
спасибо.
Здравствуйте, что бы добавить карусель, откройте редактор данной страницы и при помощи кнопки "Источник" откройте код описания и замените его полностью на код ниже.
<br />
<img alt="" class="banner1" src="http://st.storeland.net/12/1797/204/.png" style="width: 100% !important;" /> <img alt="" class="banner2" src="http://st.store-ip.ru/12/1810/109/vdv.png" title="" />
<div style="text-align: center;">
<h1><strong><span style="font-size:26px;">ВЫБЕРИТЕ КОМПЛЕКТ</span></strong></h1>
&nbsp;
<section class="slider">
<div class="flexslider carousel">
<ul class="slides">
<li><img src="http://st.store-ip.ru/8/1798/285/komplekt-jpg.jpg" /></li>
<li><img src="http://st.store-ip.ru/8/1797/314/ilo-jpg.jpg" /></li>
<li><img src="http://st.store-ip.ru/8/1798/284/komple-jpg.jpg" /></li>
<li><img src="http://st.store-ip.ru/7/1798/298/kit_base5.jpg" /></li>
<li><img src="http://st.store-ip.ru/8/1798/285/komplekt-jpg.jpg" /></li>
<li><img src="http://st.store-ip.ru/8/1797/314/ilo-jpg.jpg" /></li>
<li><img src="http://st.store-ip.ru/8/1798/284/komple-jpg.jpg" /></li>
<li><img src="http://st.store-ip.ru/7/1798/298/kit_base5.jpg" /></li>
</ul>
</div>
</section>
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
<table border="1" cellpadding="1" cellspacing="1" style="width:1150px;">
<tbody>
<tr>
<td style="width: 500px;">
<h1>Управляйте системой&nbsp;с<br />
мобильных устройств</h1>
<span style="color: rgb(77, 92, 103); font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 17px; background-color: rgb(243, 249, 251);">&quot;Умное&quot; решение сочетает в себе безопасность дома,<br />
управление комфортом и видеомониторинг,<br />
чтобы соответствовать вашему образу жизни.</span><br />
<br />
<a href="https://itunes.apple.com/ru/app/umnyj-dom-rosohrana/id1001833862?mt=8&amp;ign-mpt=uo%3D2" target="_blank"><img alt="" src="http://st.store-ip.ru/6/1797/625/appstore.png" style="width: 150px; height: 47px;" /></a>&nbsp;<a href="https://play.google.com/store/apps/details?id=com.likwi.suro" target="_blank"><img alt="" src="http://st.store-ip.ru/9/1797/626/google-play1.png" style="width: 150px; height: 45px;" /></a></td>
<td><iframe allowfullscreen="" frameborder="0" height="315" scrolling="no" src="https://www.youtube.com/embed/9l4dhLeWDos" width="560"></iframe></td>
</tr>
</tbody>
</table>
<h1><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:26px;">&quot;УМНОЕ&quot; РЕШЕНИЕ<br />
<img alt="" src="http://st.store-ip.ru/7/1799/144/.png" style="width: 1150px; height: 359px;" /><br />
​<span style="line-height: 1.2em;">&nbsp;</span><span style="line-height: 1.2em;"><strong>В ОБСЛУЖИВАНИЕ ВХОДИТ</strong></span></span></span></h1>
<img alt="" src="http://st.storeland.net/12/1797/205/.png" style="opacity: 0.9; line-height: 18.2px; width: 1150px; height: 359px;" /></div>
&nbsp;
<div class="ui-text-intro" style="box-sizing: border-box; margin: 0px; padding: 0px; font-size: 12px; direction: ltr; font-family: 'Open Sans', sans-serif; line-height: 17px; color: rgb(77, 92, 103); text-align: center; background-color: rgb(255, 255, 255);"><br />
&nbsp;</div>
<table border="1" cellpadding="1" cellspacing="1" style="width: 100% !important;">
<tbody>
<tr>
<td align="center"><a href="http://st.store-ip.ru/12/1798/622/oferta.pdf" target="_blank"><img alt="" src="http://st.store-ip.ru/8/1798/619/S122x122.jpg" style="width: 122px; height: 122px;" /></a></td>
<td align="center"><a href="http://st.store-ip.ru/6/1798/641/lic.pdf"><img alt="" src="http://st.store-ip.ru/8/1798/619/S122x122.jpg" style="width: 122px; height: 122px;" /></a></td>
</tr>
<tr>
<td align="center"><a href="http://st.store-ip.ru/12/1798/622/oferta.pdf" style="line-height: 18.2px; text-align: -webkit-center;" target="_blank">Оферта на обслуживание</a></td>
<td align="center"><a href="http://st.store-ip.ru/6/1798/641/lic.pdf" style="line-height: 18.2px; text-align: -webkit-center;" target="_blank">Лицензии</a></td>
</tr>
</tbody>
</table>
<br />
<br />
&nbsp;
Далее найдите в шаблоне HTML
<!-- Запуск слайдера -->
{% IF index_page %}
<script>
	 $(function(){ slideShow()});
</script>
{% ENDIF %}
после вставьте
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}flexslider.css">
	 <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider.js"></script>
<script type="text/javascript">
(function() {
	 // store the slider in a local variable
	 var $window = $(window),
		 flexslider = { vars:{} };
	 // tiny helper function to add breakpoints
	 function getGridSize() {
	 return (window.innerWidth < 600) ? 2 :
			 (window.innerWidth < 900) ? 3 : 4;
	 }
	 $window.load(function() {
	 $('.flexslider').flexslider({
		 animation: "fide",
		 animationSpeed: 400,
		 slideshowSpeed: 7000,
		 move: 1,
		 animationLoop: true,
		 slideshow: true,
		 itemWidth: 210,
		 itemMargin: 5,
		 minItems: getGridSize(), // use function to pull in initial value
		 maxItems: getGridSize(), // use function to pull in initial value
		 start: function(slider){
		 $('body').removeClass('loading');
		 flexslider = slider;
		 }
	 });
	 });
	 // check grid size on resize event
	 $window.resize(function() {
	 var gridSize = getGridSize();
	 flexslider.vars.minItems = gridSize;
	 flexslider.vars.maxItems = gridSize;
	 });
}());
</script>

в конец файла font-awesome.min.css добавьте
.flex-direction-nav a:before {
font-family: "FontAwesome" !important;
font-size: 40px;
display: inline-block;
content: '\f053' !important;;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
content: '\f054' !important;;
}
и загрузите в раздел Сайт-Редактор шаблонов файлы jquery.flexslider.js и flexslider.css

блоки 4 и 5 у Вас изображения не совсем понятно как из них создать карусель..

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



#55 UGIN

UGIN

    Продвинутый пользователь

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

Отправлено 14 Февраль 2016 - 20:54

как можно на вновь созданной странице убрать, каталог и "вы смотрели" справа? и сразу же от центровать инфу(http://store-ip.ru/page/DeLUMO)? на главной добавил 2 видео, как их можно адаптировать под размеры экрана??))

#56 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 15 Февраль 2016 - 13:53

Просмотр сообщенияUGIN (14 Февраль 2016 - 20:54) писал:

как можно на вновь созданной странице убрать, каталог и "вы смотрели" справа? и сразу же от центровать инфу(http://store-ip.ru/page/DeLUMO)? на главной добавил 2 видео, как их можно адаптировать под размеры экрана??))

Здравствуйте. Если новая ссылка на новую страницу будет так же идти с главной, как и в страницах Умный дом и Хранение данных, то:
1) Добавьте ссылку на эту страницу в слайдере.
2) В редакторе шаблонов, в шаблоне СТРАНИЦА замените строку:
{% IF index_page %}<div class="box m15">{% ELSEIF PAGE_NAME = Умный дом || PAGE_NAME = Хранение данных %}<div col-xs-12 box">{%ELSE%}<div id="main_right" class="col-lg-9 col-md-9 col-sm-8 col-xs-12 box">{% ENDIF %}
на:
{% IF index_page %}<div class="box m15">{% ELSEIF PAGE_NAME = Умный дом || PAGE_NAME = Хранение данных || PAGE_NAME = DeLUMO %}<div col-xs-12 box">{%ELSE%}<div id="main_right" class="col-lg-9 col-md-9 col-sm-8 col-xs-12 box">{% ENDIF %}
3) В шаблоне html после строк:
{% IFNOT index_page %}
												   {% IFNOT MOD_LNAME = cart %}
												   {% IFNOT MOD_LNAME = feedback %}
												   {% IFNOT MOD_LNAME = callback %}
												   {% IFNOT MOD_LNAME = order %}
												   {% IF PAGE_NAME != Умный дом %}
												   {% IF PAGE_NAME != Хранение данных %}
добавьте:
{% IF PAGE_NAME != DeLUMO %}

и после строк:
{% ENDIF %}
						  {% ENDIF %}
						  {% ENDIF %}
						  {% ENDIF %}
						  {% ENDIF %}
						  {% ENDIF %}
						  {% ENDIF %}
добавьте:
{% ENDIF %}

На второй вопрос Вам ответят чуть позже.

#57 UGIN

UGIN

    Продвинутый пользователь

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

Отправлено 22 Февраль 2016 - 22:35

Вопрос! Почему при редактировании новости, если я выбираю выравнивание по правому краю, то текст уходит за пределы экрана?Что соответственно создает огромные трудности при редактировании.
Второй вопрос, на шлавной добавил два видео, как можно их сделать адаптированными к размерам экрана?
Спасибо большое.

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

  • 2016-02-22 22-32-55 DeLUMO – Yandex.png


#58 UGIN

UGIN

    Продвинутый пользователь

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

Отправлено 22 Февраль 2016 - 23:12

И еще вопрос, дписал имена напротив телефон менеджеров, теперь они съехали, как можно выровнить этот столбец?

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

  • 2016-02-22 23-08-07  Store-Ip  - системы умный дом, контроль доступа, ip домофония. – Yandex.png


#59 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 23 Февраль 2016 - 09:27

Просмотр сообщенияUGIN (22 Февраль 2016 - 23:12) писал:

И еще вопрос, дописал имена напротив телефон менеджеров, теперь они съехали, как можно выровнить этот столбец?

Здравствуйте. В шаблоне main.css замените строку:
.spotlight-wrap .block-content p {padding:3px 0;}
на:
.spotlight-wrap .block-content p {padding:3px 0;text-align: left;}


#60 UGIN

UGIN

    Продвинутый пользователь

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

Отправлено 23 Февраль 2016 - 21:18

Просмотр сообщенияRedHead (23 Февраль 2016 - 09:27) писал:

Здравствуйте. В шаблоне main.css замените строку:
.spotlight-wrap .block-content p {padding:3px 0;}
на:
.spotlight-wrap .block-content p {padding:3px 0;text-align: left;}
а по первому вопросу мне ответят???))




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

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