Сообщений в теме: 7

[vikvaspol]

Здравствуйте. У меня шаблон "Весна". Слайдер отключил.
Как зафиксировать ширину страниц примерно 75% от полноэкранного режима.
Т.е. что бы при просмотре в полноэкранном режиме ширина сайта (страницы) не изменялась.
PL- 295766

[Vaccina]

Попробуйте следующее, в main.css найдите:

.inner {
	background-color: #FFFFFF;
	box-sizing: border-box;
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 1200px;
}

замените на

.inner {
	background-color: #FFFFFF;
	box-sizing: border-box;
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}

[vikvaspol]

Спасибо, получилось (950px)

[vikvaspol]

vikvaspol (08 Июнь 2014 - 13:04) писал:

Спасибо, получилось (950px)

Еще необходимо:
1. Установить вертикальные линии, ограничивающие страницы сайта с боков.
2. Убрать фон от шапки, выходящий за вертикальные границы страницы.
3. Установить серый фон с боков от страницы.

[Ирина345]

vikvaspol (08 Июнь 2014 - 13:22) писал:

Еще необходимо:
1. Установить вертикальные линии, ограничивающие страницы сайта с боков.
2. Убрать фон от шапки, выходящий за вертикальные границы страницы.
3. Установить серый фон с боков от страницы.

Здравствуйте
1. найдите в HTML

	 <div class="inner">
		<div id="column-left">

 <div id="togglerone" class="inner">
		  <div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div>

замените на

  

 <div class="inner" style="border-right: 1px solid #DFE0E0; border-left: 1px solid #DFE0E0;" >
		<div id="column-left">

 <div id="togglerone" class="inner" style="border-right: 1px solid #DFE0E0; border-left: 1px solid #DFE0E0;" >
		  <div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div>

2. найдите в main.css

#header_colapse .inner{padding:0 0 10px;z-index:0;position:relative;background:url('{ASSETS_IMAGES_PATH}inner_shadow.png') 50% 0px no-repeat !important;z-index: 1000;}

замените на

#header_colapse .inner{padding:0 0 10px;z-index:0;position:relative;background:#455678;z-index: 1000;}

меняете значение background:#455678 меняете цвет
находите

#header_colapse {position:relative;background-color:#c90808;color:#ffffff;z-index: 1000;}

заменяете на

#header_colapse {position:relative;background-color:#c5c5c9;color:#ffffff;z-index: 1000;}

3. найдите

#container {width: 100%;margin-left: auto;margin-right: auto;text-align: left;}

замените на

#container {width: 100%;margin-left: auto;margin-right: auto;text-align: left;background:#c5c5c9;}

[vikvaspol]

Спасибо, получилось.
Но еще два места осталось:
1. Полоса верхнего меню
2. Под ней полоса названия категорий, товаров
надо с ними то же самое сделать.

[MikDark]

vikvaspol (09 Июнь 2014 - 08:20) писал:

Спасибо, получилось.
Но еще два места осталось:
1. Полоса верхнего меню
2. Под ней полоса названия категорий, товаров
надо с ними то же самое сделать.

В main.css ищем:

.header_top {
width: 100%;
margin: 0 auto;
min-height: 40px;
background-color: #d3dee5;
}

меняем на:

.header_top {
width: 100%;
margin: 0 auto;
min-height: 40px;
background-color: #d3dee5;
width: 940px;
}

Далее ищем:

.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png') 50% 3px no-repeat;background-color:#f1f1f1;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both;  }

меняем на:

.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png') 50% 3px no-repeat;background-color:#f1f1f1;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both; width: 940px; margin: 0 auto; }

Ищем:

#header {
position: relative;
z-index: 99;
background-color: #ffffff;
border-top: 3px solid #c5c5c9;
background: #c5c5c9;
}

[vikvaspol]

Огромное спасибо, все получилось.
Ищем:
#header {
position: relative;
z-index: 99;
background-color: #ffffff;
border-top: 3px solid #c5c5c9;}

Вставляем в конце  background:#c5c5c9;