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


Удалить Функции, Перекрасить Линию


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

#1 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 16 Ноябрь 2015 - 22:54

Добрый вечер
Вобщем не получается у меня сделать так.как на скрине..надеюсь на вашу помощь
Заранее спасибо

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

  • 11.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 17 Ноябрь 2015 - 01:54

В main.css найдите:
.cort .left ul {
	float: left;
	width: 22%;
	display: none;
}
замените на:
.cort .left ul {
	float: left;
	width: 22%;
	display: none;
}

далее найдите:
.cort .right ul li.per_page {
	display: inline-block;
	float: right;
	padding-left: 1em;
}

замените на:
.cort .right ul li.per_page {
	display: none;
	float: right;
	padding-left: 1em;
}

далее найдите:
.catalog-gallery-img {
	position: relative;
}

замените на:
.catalog-gallery-img {
	position: relative;
	display: none;
}


#3 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 17 Ноябрь 2015 - 02:02

Просмотр сообщенияVaccina (17 Ноябрь 2015 - 01:54) писал:

В main.css найдите:
.cort .left ul {
float: left;
width: 22%;
display: none;
}
замените на:
.cort .left ul {
float: left;
width: 22%;
display: none;
}

далее найдите:
.cort .right ul li.per_page {
display: inline-block;
float: right;
padding-left: 1em;
}

замените на:
.cort .right ul li.per_page {
display: none;
float: right;
padding-left: 1em;
}

далее найдите:
.catalog-gallery-img {
position: relative;
}

замените на:
.catalog-gallery-img {
position: relative;
display: none;
}
Огонь B)
А как ещё сделать,что бы этот блок,где кол-во товара в категории и метод сортировки был с с бордером и бэкграундом?

#4 Vaccina

Vaccina

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

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

Отправлено 17 Ноябрь 2015 - 02:46

В main.css перед:
.cort .left {
	padding-top: 4px;
}

пропишите:
.cort {
	background: #E9EDF5;
	padding: 5px 10px;
	border-radius: 10px;
	border: 1px solid #C2C5CC;
}


#5 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 17 Ноябрь 2015 - 03:21

Просмотр сообщенияVaccina (17 Ноябрь 2015 - 02:46) писал:

В main.css перед:
.cort .left {
padding-top: 4px;
}

пропишите:
.cort {
background: #E9EDF5;
padding: 5px 10px;
border-radius: 10px;
border: 1px solid #C2C5CC;
}
Спасибо огромное! Последний вопросик на сегодня:
Как поменять этот синий бордер?

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

  • Без 11.jpg


#6 Vaccina

Vaccina

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

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

Отправлено 17 Ноябрь 2015 - 04:03

В main,css после:
.goods_order_fields select {
	width: 215px;
	background: #E9EDF5 none repeat scroll 0% 0%;
	border: 1px solid #C2C5CC;
	border-radius: 5px;
}

пропишите:
.goods_order_fields select option::selection {
	background: #FFB7B7;
}


#7 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 17 Ноябрь 2015 - 21:56

Просмотр сообщенияVaccina (17 Ноябрь 2015 - 04:03) писал:

В main,css после:
.goods_order_fields select {
width: 215px;
background: #E9EDF5 none repeat scroll 0% 0%;
border: 1px solid #C2C5CC;
border-radius: 5px;
}

пропишите:
.goods_order_fields select option::selection {
background: #FFB7B7;
}
Ничего не изменилось
Я конечно не всё понимаю, но если что я имею ввиду про полоску бордер тёмно синюю в этом меню, а не заливку при наведении на какой нибудь пункт :rolleyes:

#8 Vaccina

Vaccina

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

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

Отправлено 18 Ноябрь 2015 - 01:30

Простите, неправильно поняла вас, на скриншоте просто идет выпадающий пункт с выделенным параметром, посчитала, что речь идет о нем =)

За стили по выпадающим параметрам отвечает следующий блок:
.goods_order_fields select {
	width: 215px;
	background: #E9EDF5 none repeat scroll 0% 0%;
	border: 1px solid #C2C5CC;
	border-radius: 5px;
}

в нем измените значение border

Боюсь, что опять неправильно вас поняла, если это так, то нарисуйте пожалуйста для таких как я на скриншоте место =)))

#9 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 18 Ноябрь 2015 - 01:59

Просмотр сообщенияVaccina (18 Ноябрь 2015 - 01:30) писал:

Простите, неправильно поняла вас, на скриншоте просто идет выпадающий пункт с выделенным параметром, посчитала, что речь идет о нем =)

За стили по выпадающим параметрам отвечает следующий блок:
.goods_order_fields select {
width: 215px;
background: #E9EDF5 none repeat scroll 0% 0%;
border: 1px solid #C2C5CC;
border-radius: 5px;
}

в нем измените значение border

Боюсь, что опять неправильно вас поняла, если это так, то нарисуйте пожалуйста для таких как я на скриншоте место =)))
Да,с этим я уже сам разобрался) А вот это не могу найти)

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

  • 22.jpg


#10 Vaccina

Vaccina

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

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

Отправлено 18 Ноябрь 2015 - 03:03

К сожалению, самому выпадающему блоку нельзя задать стили через css, в этом случае вам придется подключить дополнительно JS плагин, чтобы появилась данная возможность, данное отображение стандартное браузерное.

#11 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 18 Ноябрь 2015 - 09:39

Просмотр сообщенияVaccina (18 Ноябрь 2015 - 03:03) писал:

К сожалению, самому выпадающему блоку нельзя задать стили через css, в этом случае вам придется подключить дополнительно JS плагин, чтобы появилась данная возможность, данное отображение стандартное браузерное.
Жаль,но всё равно спасибо




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

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