Здравствуйте. У меня шаблон "Весна". Слайдер отключил.
Как зафиксировать ширину страниц примерно 75% от полноэкранного режима.
Т.е. что бы при просмотре в полноэкранном режиме ширина сайта (страницы) не изменялась.
PL- 295766
1
Установить Фиксированную Ширину Страницы (75% От Полноэкранного Размера)
Автор vikvaspol, 07 июня 2014 05:24
ширина страницы
Сообщений в теме: 7
#1
Отправлено 07 Июнь 2014 - 05:24
#2
Отправлено 07 Июнь 2014 - 05:41
Попробуйте следующее, в 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; }
#3
Отправлено 08 Июнь 2014 - 13:04
Спасибо, получилось (950px)
#4
Отправлено 08 Июнь 2014 - 13:22
vikvaspol (08 Июнь 2014 - 13:04) писал:
Спасибо, получилось (950px)
Еще необходимо:
1. Установить вертикальные линии, ограничивающие страницы сайта с боков.
2. Убрать фон от шапки, выходящий за вертикальные границы страницы.
3. Установить серый фон с боков от страницы.
#5
Отправлено 08 Июнь 2014 - 13:44
vikvaspol (08 Июнь 2014 - 13:22) писал:
Еще необходимо:
1. Установить вертикальные линии, ограничивающие страницы сайта с боков.
2. Убрать фон от шапки, выходящий за вертикальные границы страницы.
3. Установить серый фон с боков от страницы.
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;}
#6
Отправлено 09 Июнь 2014 - 08:20
Спасибо, получилось.
Но еще два места осталось:
1. Полоса верхнего меню
2. Под ней полоса названия категорий, товаров
надо с ними то же самое сделать.
Но еще два места осталось:
1. Полоса верхнего меню
2. Под ней полоса названия категорий, товаров
надо с ними то же самое сделать.
#7
Отправлено 09 Июнь 2014 - 08:40
vikvaspol (09 Июнь 2014 - 08:20) писал:
Спасибо, получилось.
Но еще два места осталось:
1. Полоса верхнего меню
2. Под ней полоса названия категорий, товаров
надо с ними то же самое сделать.
Но еще два места осталось:
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; }
#8
Отправлено 09 Июнь 2014 - 11:10
Огромное спасибо, все получилось.
Ищем:
#header {
position: relative;
z-index: 99;
background-color: #ffffff;
border-top: 3px solid #c5c5c9;}
Вставляем в конце background:#c5c5c9;
Ищем:
#header {
position: relative;
z-index: 99;
background-color: #ffffff;
border-top: 3px solid #c5c5c9;}
Вставляем в конце background:#c5c5c9;
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных