Вместо Белого Фона Изображение
#1
Отправлено 06 Август 2014 - 20:03
#2
Отправлено 06 Август 2014 - 20:13
ipodushkin (06 Август 2014 - 20:03) писал:
body { font-size: 81%; line-height: 1.6666em; font-family: "MyriadPro-Regular"; background-color: #FFF; color: #666; }и замените в нем часть
background-color: #FFF;на
background:url({ASSETS_IMAGES_PATH}bg.jpg)так же загрузите себе желаемое изображение и назовите его bg.jpg
Для того,чтобы оно замостилось плиткой,изображение должно быть не очень большим.
#3
Отправлено 06 Август 2014 - 20:42
AnnaM (06 Август 2014 - 20:13) писал:
body { font-size: 81%; line-height: 1.6666em; font-family: "MyriadPro-Regular"; background-color: #FFF; color: #666; }и замените в нем часть
background-color: #FFF;на
background:url({ASSETS_IMAGES_PATH}bg.jpg)так же загрузите себе желаемое изображение и назовите его bg.jpg
Для того,чтобы оно замостилось плиткой,изображение должно быть не очень большим.
Вот такая ситуация, помогите залить содержимое в рамке белым цветом:
#4
Отправлено 06 Август 2014 - 20:48
ipodushkin (06 Август 2014 - 20:42) писал:
.goodsListItemBlock { height: 300px; margin: 5px; overflow: hidden; position: relative; border: ridge; }
и замените его на следующий
.goodsListItemBlock { height: 300px; margin: 5px; overflow: hidden; position: relative; border: ridge; background-color: white; }
#5
Отправлено 06 Август 2014 - 21:17
Еще прошу помочь сделать белый фон для меню, слайдера, товаров. Чтобы границы белого фона были равны границе левой и правой стороны шапки. Как белый лист лежаший на фоне. И хотелось бы тоже самое на всех страницах сайта, так как фон мешает и смотреть, и читать информацию.
#6
Отправлено 06 Август 2014 - 21:47
ipodushkin (06 Август 2014 - 21:17) писал:
Еще прошу помочь сделать белый фон для меню, слайдера, товаров. Чтобы границы белого фона были равны границе левой и правой стороны шапки. Как белый лист лежаший на фоне. И хотелось бы тоже самое на всех страницах сайта, так как фон мешает и смотреть, и читать информацию.
#contentWrap { clear: both; background: url(http://design.a-dart.ru/contentWrap_bg.jpg) repeat-x left bottom; }и замените на этот
#contentWrap { clear: both; }
2. в файле main.css замените
#leftMenuBlock { width: 160px; margin: 0 20px 0 0; }на это
#leftMenuBlock { width: 170px; margin: 0 20px 0 0; background-color: white; }
3. в шаблоне "Страница" найдите код
<!-- Контент страницы --> <div class="htmlDataBlock"> {PAGE_CONTENT} </div>и замените его на следующий
<!-- Контент страницы --> <div class="htmlDataBlock" {% IF index_page %} style="background-color: white"{% ENDIF %}> {PAGE_CONTENT} </div>
#7
Отправлено 06 Август 2014 - 22:02
AnnaM (06 Август 2014 - 21:47) писал:
#contentWrap { clear: both; background: url(http://design.a-dart.ru/contentWrap_bg.jpg) repeat-x left bottom; }и замените на этот
#contentWrap { clear: both; }
2. в файле main.css замените
#leftMenuBlock { width: 160px; margin: 0 20px 0 0; }на это
#leftMenuBlock { width: 170px; margin: 0 20px 0 0; background-color: white; }
3. в шаблоне "Страница" найдите код
<!-- Контент страницы --> <div class="htmlDataBlock"> {PAGE_CONTENT} </div>и замените его на следующий
<!-- Контент страницы --> <div class="htmlDataBlock" {% IF index_page %} style="background-color: white"{% END IF %}> {PAGE_CONTENT} </div>
Спасибо.
Когда делаю №3 вылезает красное предупреждение: "Ошибка компиляции шаблона. Не закрытый тег IF". Убрал пробел между END и IF - все сохранилось. Надеюсь сделал правильно.
Выделилось белым меню, но все остальное как и было.
#8
Отправлено 06 Август 2014 - 22:12
ipodushkin (06 Август 2014 - 22:02) писал:
Когда делаю №3 вылезает красное предупреждение: "Ошибка компиляции шаблона. Не закрытый тег IF". Убрал пробел между END и IF - все сохранилось. Надеюсь сделал правильно.
Выделилось белым меню, но все остальное как и было.
<!-- Полное SEO-описание --> {% IF PAGE_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;" class="htmlDataBlock"> {PAGE_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание -->и замените на
<!-- Полное SEO-описание --> {% IF PAGE_SEO_DESCRIPTION_LARGE %} <<div style="padding-top:1em;{% IF index_page %}background-color: white;{% ENDIF %}" class="htmlDataBlock"> {PAGE_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание -->
#9
Отправлено 06 Август 2014 - 22:28
AnnaM (06 Август 2014 - 22:12) писал:
<!-- Полное SEO-описание --> {% IF PAGE_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;" class="htmlDataBlock"> {PAGE_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание -->и замените на
<!-- Полное SEO-описание --> {% IF PAGE_SEO_DESCRIPTION_LARGE %} <<div style="padding-top:1em;{% IF index_page %}background-color: white;{% ENDIF %}" class="htmlDataBlock"> {PAGE_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание -->
Не получается(
#10
Отправлено 06 Август 2014 - 22:33
ipodushkin (06 Август 2014 - 22:28) писал:
<!-- Полное SEO-описание --> {% IF PAGE_SEO_DESCRIPTION_LARGE %} <<div style="padding-top:1em;{% IF index_page %}background-color: white;{% ENDIF %}" class="htmlDataBlock"> {PAGE_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание -->и аккуратно замените его на этот
<!-- Полное SEO-описание --> {% IF PAGE_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;{% IF index_page %}background-color: white;{% ENDIF %}" class="htmlDataBlock"> {PAGE_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание -->
#11
Отправлено 06 Август 2014 - 22:38
AnnaM (06 Август 2014 - 22:33) писал:
<!-- Полное SEO-описание --> {% IF PAGE_SEO_DESCRIPTION_LARGE %} <<div style="padding-top:1em;{% IF index_page %}background-color: white;{% ENDIF %}" class="htmlDataBlock"> {PAGE_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание -->и аккуратно замените его на этот
<!-- Полное SEO-описание --> {% IF PAGE_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;{% IF index_page %}background-color: white;{% ENDIF %}" class="htmlDataBlock"> {PAGE_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание -->
Максимально аккуратно изменил) При обновлении страницы сайта сверху вниз прошла белая полоса по полной ширине окна, но мой фон ее победил и накрыл полностью
#12
Отправлено 07 Август 2014 - 11:16
#14
Отправлено 07 Август 2014 - 11:57
Castiel (07 Август 2014 - 11:35) писал:
Белая полоса это глюк и почти незаметный, видимо следствие изменений, которые должны были привести к желаемому результату: выделению белым фоном важных объектов: меню, слайдера, товаров, фото товара в его карточке, его описания. Мне требуется чтобы поверх фона который я установил был белый прямоугольник. На скриншоте я постарался показать как именно:
То есть: выделить всю центральную область белым цветом с возможностью менять ее цвет. Чтобы с белым фоном было описание, характеристики товара, фотографии, надпись похожие товары. И по возможности я бы хотел сохранить пробелы между показываемыми товарами (как в рубриках, так и в похожих и на главной странице).
Может для красоты разделить все блоки, но основное - это белый фон на котором все читается.
Спасибо.
#15
Отправлено 07 Август 2014 - 12:19
ipodushkin (07 Август 2014 - 11:57) писал:
То есть: выделить всю центральную область белым цветом с возможностью менять ее цвет. Чтобы с белым фоном было описание, характеристики товара, фотографии, надпись похожие товары. И по возможности я бы хотел сохранить пробелы между показываемыми товарами (как в рубриках, так и в похожих и на главной странице).
Может для красоты разделить все блоки, но основное - это белый фон на котором все читается.
Спасибо.
К сожалению то что вы нарисовали на скриншоте реализовать нельзя.
Можно попробовать такой вариант
В файле "main.css".
Найти:
#content { width: 960px; margin: 0 auto; }
Заменить:
#content { width: 960px; margin: 0 auto; background-color: #fff; }
background-color: #fff; цвет фона основной части сайта, можно изменить на свой.
Если данный вариант вам не подходит, то нарисуйте пожалуйста на скриншоте окончательный вариант отображения и мы постараемся помочь вам это реализовать.
#16
Отправлено 07 Август 2014 - 12:24
Castiel (07 Август 2014 - 12:19) писал:
Можно попробовать такой вариант
В файле "main.css".
Найти:
#content { width: 960px; margin: 0 auto; }
Заменить:
#content { width: 960px; margin: 0 auto; background-color: #fff; }
background-color: #fff; цвет фона основной части сайта, можно изменить на свой.
Если данный вариант вам не подходит, то нарисуйте пожалуйста на скриншоте окончательный вариант отображения и мы постараемся помочь вам это реализовать.
Да, примерно это я и хотел. Помогите решить проблему с выступами справа и слева:
#17
Отправлено 07 Август 2014 - 13:58
ipodushkin (07 Август 2014 - 12:24) писал:
Да, примерно это я и хотел. Помогите решить проблему с выступами справа и слева:
Найти:
#headerWrap { height: 150px; background: url("{ASSETS_IMAGES_PATH}header_bg.jpg") top center no-repeat; }
Заменить:
#headerWrap { height: 150px; background: url("{ASSETS_IMAGES_PATH}header_bg.jpg") top center no-repeat; width: 994px; margin: 0 auto; background-size: 100% 100%; }
Найти:
#content { width: 960px; margin: 0 auto; background-color: #fff; }
Заменить:
#content { width: 994px; margin: 0 auto; background-color: #fff; }
#18
Отправлено 07 Август 2014 - 15:24
Еще появилась креативная идея сделать заместо всего белого поля - поле прозрачное, как будто матовое стекло и чуть затемненное, где при прокрутке видно мелькание самого заднего фона. Такое вообще как-то возможно сделать?
Подобное можно наблюдать на сайте http://www.massimodutti.com/ в самом верху горизонтальное меню с поиском.
#19
Отправлено 07 Август 2014 - 15:36
ipodushkin (07 Август 2014 - 15:24) писал:
Еще появилась креативная идея сделать заместо всего белого поля - поле прозрачное, как будто матовое стекло и чуть затемненное, где при прокрутке видно мелькание самого заднего фона. Такое вообще как-то возможно сделать?
Подобное можно наблюдать на сайте http://www.massimodutti.com/ в самом верху горизонтальное меню с поиском.
Здравствуйте.
К сожалению но вашу идею стандартными средствами реализовать нельзя, для этого необходимо обратиться в дизайн-студию http://storelandlab.ru/
#20
Отправлено 07 Август 2014 - 16:12
Как это можно исправить? Я понимаю, что можно написать текст и полоса опустится до нужной позиции, но есть ли еще вариант исправления? Или легче просто разместить текст? так как этот вид возникает только на этой странице.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных