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


Дизайн Каталога Товаров С Права

дизайн каталога товаров

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

#1 magiya1984

magiya1984

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

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

Отправлено 11 Июнь 2014 - 15:11

Доброго времени суток !!!

Хочу изменить дизайн каталога товаров(меню) на главной странице с лева.

Как подменить стандартный код на тот что я прикрепил с низу.

Сам пробовал названия категорий вылетают.

За ранее спасибо!!!!

Картинку как должно выглядеть меню на выходе тоже прикрепил.

bellmarket.ru

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

  • vert_menu.png
  • vertikalnoe_menu.PNG

Прикрепленные файлы

  • Прикрепленный файл  index.html   1,17К   91 Количество загрузок:
  • Прикрепленный файл  styles.css      307 Количество загрузок:


#2 Ирина345

Ирина345

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

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

Отправлено 11 Июнь 2014 - 17:12

Просмотр сообщенияmagiya1984 (11 Июнь 2014 - 15:11) писал:

Доброго времени суток !!!

Хочу изменить дизайн каталога товаров(меню) на главной странице с лева.

Как подменить стандартный код на тот что я прикрепил с низу.

Сам пробовал названия категорий вылетают.

За ранее спасибо!!!!

Картинку как должно выглядеть меню на выходе тоже прикрепил.

bellmarket.ru
Здравствуйте , найдите в style.css код
.accordion a, .accordion_main a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size:11px; font-weight:700; text-transform:uppercase;padding: 8px 10px 8px 0; display: block; cursor: pointer; }

li a:hover {
color: #EAA94F;
}
замените на
.accordion a, .accordion_main a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size:11px; font-weight:700; text-transform:uppercase;padding: 8px 10px 8px 0; display: block; cursor: pointer; background:url("{ASSETS_IMAGES_PATH}имя картинки.png") no-repeat ;}


li a:hover {
color: #EAA94F;
background:url("{ASSETS_IMAGES_PATH}имя картинки.png") center repeat ;}
}



#3 magiya1984

magiya1984

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

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

Отправлено 11 Июнь 2014 - 17:26

Заменил

#4 Ирина345

Ирина345

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

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

Отправлено 11 Июнь 2014 - 17:42

Просмотр сообщенияmagiya1984 (11 Июнь 2014 - 17:26) писал:

Заменил
найдите
.accordion a, .accordion_main a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size:11px; font-weight:700; text-transform:uppercase;padding: 8px 10px 8px 0; display: block; cursor: pointer; background:url("ASSETS_IMAGES_PATH}vert_menu.png") no-repeat ;}

li a:hover {
color: #EAA94F;
background:url("{ASSETS_IMAGES_PATH}vert_menu.png") center repeat ;}


замените на

.accordion a, .accordion_main a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size:11px; font-weight:700; text-transform:uppercase;padding: 8px 10px 8px 0; display: block; cursor: pointer; background:url("{ASSETS_IMAGES_PATH}vert_menu.png") top no-repeat ;background-size: 100%; }

li a:hover {
color: #EAA94F;
background:url("{ASSETS_IMAGES_PATH}vert_menu.png") bottom repeat ; background-size: 100%;}


#5 magiya1984

magiya1984

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

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

Отправлено 11 Июнь 2014 - 18:00

Заменил кнопки объявились но отображаются не корректно надо подгонять

#6 Ирина345

Ирина345

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

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

Отправлено 11 Июнь 2014 - 18:39

Просмотр сообщенияmagiya1984 (11 Июнь 2014 - 18:00) писал:

Заменил кнопки объявились но отображаются не корректно надо подгонять
В коде подогнать кнопки не получиться Вам нужно вручную изменять картинки

#7 magiya1984

magiya1984

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

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

Отправлено 11 Июнь 2014 - 18:42

изменять размер ткнопок?

#8 Ирина345

Ирина345

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

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

Отправлено 11 Июнь 2014 - 18:49

Просмотр сообщенияmagiya1984 (11 Июнь 2014 - 18:42) писал:

изменять размер ткнопок?
Картинки кнопок большие, их надо уменьшить




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

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