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


Дизайн


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

#1 arver

arver

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

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

Отправлено 28 Май 2014 - 11:50

Добрый день,помогите пожалуйста с дизайном страницы.
1)Кнопки купить в карусели и кнопки в разделе "другие пользователи сейчас смотрят" разного размера,как привести их к одному размеру?как и там и там заменить изображение кнопки купить+при наведении мыши?
2)Откорректировать блоки по ширине,так чтобы они не заходили за красную линию

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

  • проблема.jpg
  • проблема_1.jpg


#2 Ирина345

Ирина345

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

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

Отправлено 28 Май 2014 - 14:24

Просмотр сообщенияarver (28 Май 2014 - 11:50) писал:

Добрый день,помогите пожалуйста с дизайном страницы.
1)Кнопки купить в карусели и кнопки в разделе "другие пользователи сейчас смотрят" разного размера,как привести их к одному размеру?как и там и там заменить изображение кнопки купить+при наведении мыши?
2)Откорректировать блоки по ширине,так чтобы они не заходили за красную линию
Здравствуйте,
1.изменить размер найдите в style.css код
#category_view_type.grid_view #product_list .product_list_add_to_cart{text-align:center;margin-top:10px;margin-bottom:5px;position:relative;z-index:3;height:35px;line-height:35px}
удалите строку
line-height:35px

#3 arver

arver

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

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

Отправлено 28 Май 2014 - 14:31

спасибо помогло,а как

Просмотр сообщенияarver (28 Май 2014 - 11:50) писал:

как и там и там заменить изображение кнопки купить+при наведении мыши?
2)Откорректировать блоки по ширине,так чтобы они не заходили за красную линию


#4 Ирина345

Ирина345

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

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

Отправлено 28 Май 2014 - 14:50

Просмотр сообщенияarver (28 Май 2014 - 14:31) писал:

спасибо помогло,а как
На счет поменять изображение при наведение  Вам нужно в style.css найти
input.exclusive, #paymentForm input, a.exclusive{display:inline-block;background: #e3850b !important;color:#fafafa!important;border:1px solid #ce790b;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
padding:6px 12px; font: inherit !important;text-decoration:none;cursor:pointer}
и в значение background: удалить !important
что изменить настройки при наведение, найдите
input.exclusive:hover, #paymentForm input:hover, a.exclusive:hover{background-color:#e6434c;text-decoration:none;color:#fafafa!important}
и значение background-color:#e6434c меняете цвет

#5 arver

arver

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

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

Отправлено 28 Май 2014 - 15:22

спасибо!а как быть с

Просмотр сообщенияarver (28 Май 2014 - 11:50) писал:

2)Откорректировать блоки по ширине,так чтобы они не заходили за красную линию

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

  • проблема_1.jpg


#6 Ирина345

Ирина345

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

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

Отправлено 28 Май 2014 - 19:19

Просмотр сообщенияarver (28 Май 2014 - 15:22) писал:

спасибо!а как быть с
найдите в style.css
.autumnshowcase_block li {
position: relative;
width: 217px;
height: auto;
margin: 0;
padding: 0 10px 0 10px;
text-align: center;
}
замените на


.autumnshowcase_block li {
position: relative;
width: 217px;
height: auto;
margin: 0;
padding: 0 8px 0 8px;
text-align: center;
}



#7 arver

arver

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

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

Отправлено 28 Май 2014 - 19:27

добрый вечер,заменил,но ничего не изменилось(

#8 Ирина345

Ирина345

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

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

Отправлено 28 Май 2014 - 19:48

Просмотр сообщенияarver (28 Май 2014 - 19:27) писал:

добрый вечер,заменил,но ничего не изменилось(
найдите в main.css
.full {
width: auto;
}
замените на

.full {
width: 908рх;
}

#9 arver

arver

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

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

Отправлено 28 Май 2014 - 20:08

ничего не изменилось((

#10 Ирина345

Ирина345

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

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

Отправлено 28 Май 2014 - 20:14

Просмотр сообщенияarver (28 Май 2014 - 20:08) писал:

ничего не изменилось((
Еще раз замените на

width:908px;


#11 arver

arver

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

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

Отправлено 28 Май 2014 - 21:00

Вот отлично,спасибо Вам!..сейчас все отображается как нужно,а почему с первого раза не получилось?

#12 Ирина345

Ирина345

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

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

Отправлено 28 Май 2014 - 21:02

Просмотр сообщенияarver (28 Май 2014 - 21:00) писал:

Вот отлично,спасибо Вам!..сейчас все отображается как нужно,а почему с первого раза не получилось?
На русском языке было.




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

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