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


Дизайн

Автор Дмитрич, 14 сент. 2014 09:58

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

#81 Дмитрич

Дмитрич

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

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

Отправлено 16 Октябрь 2014 - 15:31

Здравствуйте!
Скажите пожалуйста возможно ли реализовать рамку у блока с товаром в каталоге
рамка должна отображаться только при наведении курсора на карточку
Скриншот прилагаю.

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

  • Безымянный.png

#82 AnnaM

AnnaM

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

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

Отправлено 16 Октябрь 2014 - 15:40

Просмотр сообщенияДмитрич (16 Октябрь 2014 - 15:31) писал:

Здравствуйте!
Скажите пожалуйста возможно ли реализовать рамку у блока с товаром в каталоге
рамка должна отображаться только при наведении курсора на карточку
Скриншот прилагаю.
В style.css добавьте в конец 
div.masonry-brick:hover {
border: 2px solid #000;
}

#83 Дмитрич

Дмитрич

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

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

Отправлено 16 Октябрь 2014 - 15:58

Благодарю!

#84 Дмитрич

Дмитрич

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

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

Отправлено 16 Октябрь 2014 - 17:03

Уважаемые модераторы помогите пожалуйста реализовать.

Хочу чтобы сайт стал более компактным, для этого хочу сдвинуть границы с лева и с права, сама подложка сайта чтоб осталась белой а внешний фон можно было бы менять прикладываю скриншоты.

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

  • Безымянный.png
  • Безымянный.png

#85 AnnaM

AnnaM

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

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

Отправлено 16 Октябрь 2014 - 17:09

Просмотр сообщенияДмитрич (16 Октябрь 2014 - 17:03) писал:

Уважаемые модераторы помогите пожалуйста реализовать.

Хочу чтобы сайт стал более компактным, для этого хочу сдвинуть границы с лева и с права, сама подложка сайта чтоб осталась белой а внешний фон можно было бы менять прикладываю скриншоты.
в style.css замените 
.container {
margin: 0 auto;
width: 90%;
position: relative;
max-width: 1280px;
overflow: visible;
}
на 
.container {
margin: 0 auto;
width: 90%;
position: relative;
max-width: 1280px;
overflow: visible;
background: #fff;
}


.head {
width: 100%;
font-size: 13px;
position: relative;
}
на 
.head {
width: 100%;
font-size: 13px;
position: relative;
background: #353535;
}

цвет(желтый на скриншоте) меняется в блоке 
.bg {
background: url(http://design.posydagrad.ru/bgout.jpg) bottom center repeat;
background-color: white;
}

#86 Дмитрич

Дмитрич

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

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

Отправлено 16 Октябрь 2014 - 17:28

Получилось вот так
подскажите пожалуйста как вернуть шапку к прежнему виду ?

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

  • Безымянный.png

#87 AnnaM

AnnaM

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

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

Отправлено 16 Октябрь 2014 - 17:32

Просмотр сообщенияДмитрич (16 Октябрь 2014 - 17:28) писал:

Получилось вот так
подскажите пожалуйста как вернуть шапку к прежнему виду ?
замените в style.css 
.head {
}
на 
.head {
width: 100%;
font-size: 13px;
position: relative;
background: #353535;
}

#88 Дмитрич

Дмитрич

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

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

Отправлено 16 Октябрь 2014 - 17:35

Просмотр сообщенияAnnaM (16 Октябрь 2014 - 17:32) писал:

замените в style.css 
.head {
}
на 
.head {
width: 100%;
font-size: 13px;
position: relative;
background: #353535;
}

Я вам очень признателен :rolleyes:

#89 Дмитрич

Дмитрич

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

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

Отправлено 16 Октябрь 2014 - 17:49

Не нашел тему на форуме скажите пожалуйста как "Подрезать" шапку
скрин прилогаю

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

  • Безымянный.png

#90 AnnaM

AnnaM

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

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

Отправлено 16 Октябрь 2014 - 17:52

Просмотр сообщенияДмитрич (16 Октябрь 2014 - 17:49) писал:

Не нашел тему на форуме скажите пожалуйста как "Подрезать" шапку
скрин прилогаю
в style.css замените 
.global {
background: #353535;
padding: 1px;
}
на 
.global {
padding: 1px;
}

#91 Дмитрич

Дмитрич

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

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

Отправлено 16 Октябрь 2014 - 18:39

Хотелось бы убрать "разрыв"
Помогите пожалуйста

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

  • Безымянн1111ый.png

#92 Ирина345

Ирина345

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

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

Отправлено 16 Октябрь 2014 - 18:50

Просмотр сообщенияДмитрич (16 Октябрь 2014 - 18:39) писал:

Хотелось бы убрать "разрыв"
Помогите пожалуйста
Здравствуйте, найдите в style.css
 margin-bottom: 6em; 
z-index: 10;
}
замените на

section[role="main"] {
margin-bottom: 0em; 
z-index: 10;
}

#93 Дмитрич

Дмитрич

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

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

Отправлено 16 Октябрь 2014 - 19:01

Также интересует где поменять цвет выделенной полосы.

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

  • Безымянн1111ый.png

#94 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 16 Октябрь 2014 - 19:18

Просмотр сообщенияДмитрич (16 Октябрь 2014 - 19:01) писал:

Также интересует где поменять цвет выделенной полосы.

В style.css в коде:
header.controls {
padding: 1em;
background: #F1F1F0 !important;
margin-bottom: 0em;
}

поменяйте код цвета #F1F1F0

#95 Дмитрич

Дмитрич

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

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

Отправлено 16 Октябрь 2014 - 19:39

Можно ли поместить Ценовой фильтр с ползунком в указанной области?

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

  • Безымянн1111ый.png

#96 Vaccina

Vaccina

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

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

Отправлено 17 Октябрь 2014 - 03:33

для начала необходимо вывести фильтры для каталога:
http://forum.storela...-товарам-на-гл/

#97 Дмитрич

Дмитрич

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

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

Отправлено 17 Октябрь 2014 - 15:49

Просмотр сообщенияVaccina (17 Октябрь 2014 - 03:33) писал:

для начала необходимо вывести фильтры для каталога:
http://forum.storela...-товарам-на-гл/

Прошу прощения!
Я наверно не корректно выразился, я имел в виду не фильтры свойств и характеристик товаров а ценовой слайдер прилагаю скриншот в качестве примера

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

  • Безымянный.png

#98 Danil

Danil

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

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

Отправлено 17 Октябрь 2014 - 16:12

Просмотр сообщенияДмитрич (17 Октябрь 2014 - 15:49) писал:

Прошу прощения!
Я наверно не корректно выразился, я имел в виду не фильтры свойств и характеристик товаров а ценовой слайдер прилагаю скриншот в качестве примера
Здравствуйте.
Воспользуйтесь данной темой http://forum.storela...?/topic/11272-/

#99 Дмитрич

Дмитрич

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

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

Отправлено 17 Октябрь 2014 - 16:49

Просмотр сообщенияDanil (17 Октябрь 2014 - 16:12) писал:

Здравствуйте.
Воспользуйтесь данной темой http://forum.storela...?/topic/11272-/

Лыжи не едут, шаблон вечность инструкцию не нашел :(

#100 Дмитрич

Дмитрич

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

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

Отправлено 17 Октябрь 2014 - 17:08

Можно ли произвести следующие изменения?

1) Рамка по периметру рабочей области сайта скриншот прилагаю
2) Отступы от края страницы на всех страницах скриншот...
3)Подложку карточки товаров сделать белой как на всем сайте

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

  • РАМКА.png
  • Отступы1.png
  • Отступы.png

Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Вечность
  5. → Изменение общей стилистики
  6. Privacy Policy