Сообщений в теме: 9

[Andrew S.]

Добрый день!

Подскажите, как создать фон в товаре, но чтобы он был только в правом верхнем углу и не повторялся налево и вниз?

Вот так:



Файл залит под именем "Background_on_goods.png".

[AnnaM]

Andrew S. (17 Октябрь 2014 - 16:49) писал:

Добрый день!

Подскажите, как создать фон в товаре, но чтобы он был только в правом верхнем углу и не повторялся налево и вниз?

Вот так:

Goods_example.png

Файл залит под именем "Background_on_goods.png".

в файле bootstrap-responsive.min.css замените

.row-fluid .span6 {
}

на

.row-fluid .span6 {
background: url("ссылка/картинка.png") no-repeat 182px -24px;
}

[Andrew S.]

AnnaM (17 Октябрь 2014 - 17:00) писал:

в файле bootstrap-responsive.min.css замените

.row-fluid .span6 {
}

на

.row-fluid .span6 {
background: url("ссылка/картинка.png") no-repeat 182px -24px;
}

Там нет такой строки..

[Alekseys]

Andrew S. (17 Октябрь 2014 - 18:01) писал:

Там нет такой строки..

Здравствуйте. Блок

.row-fluid .span6 {
background: url("ссылка/картинка.png") no-repeat 182px -24px;
}

просто добавьте в конец bootstrap-responsive.min.css .

[Andrew S.]

Alekseys (17 Октябрь 2014 - 18:11) писал:

Здравствуйте. Блок

.row-fluid .span6 {
background: url("ссылка/картинка.png") no-repeat 182px -24px;
}

просто добавьте в конец bootstrap-responsive.min.css .

Спасибо. Удалите, пожалуйста ссылки на фото. Я специально ссылку не вставлял, чтобы в поисковик она потом не ушла.

Подскажите ещё, пожалуйста, что означают цифры 182 и минус 24 пикселей, это отступ от чего?

[Alekseys]

Andrew S. (17 Октябрь 2014 - 18:25) писал:

Спасибо. Удалите, пожалуйста ссылки на фото. Я специально ссылку не вставлял, чтобы в поисковик она потом не ушла.

Подскажите ещё, пожалуйста, что означают цифры 182 и минус 24 пикселей, это отступ от чего?

Это сдвиг картинки по оси Х и У соответственно.

[Andrew S.]

Тут проблемку заметил..

В товаре всё нормально.. Картинка отображается правильно..

Но вот она же почему-то отображается в списке товаров в подробном большом режиме:



Можно сделать так, чтобы она там не отображалась?

[Vaccina]

В конец шаблона bootstrap-responsive.min.css пропишите:

.item .span6 {
	background: none;
}

[Andrew S.]

Vaccina (17 Январь 2015 - 03:08) писал:

В конец шаблона bootstrap-responsive.min.css пропишите:

.item .span6 {
background: none;
}

Спасибо, получилось.

И подскажите как тут сдвинуть ряды, перекрывается строка с "Подробней | Сравнить":

[Danil]

Andrew S. (17 Январь 2015 - 15:23) писал:

Спасибо, получилось.

И подскажите как тут сдвинуть ряды, перекрывается строка с "Подробней | Сравнить":

Перекрытие.png

В main.css найдите код

.products-grid .span3.item {
height: 410px !important;
}

и замените на

.products-grid .span3.item {
height: 422px !important;
}