Перейти к содержанию
Yssel

Картинка вместо фона

Рекомендуемые сообщения

body {

    background: #fcdea8 url(image/doska7.jpg); /* Цвет фона и путь к файлу */

-moz-background-size: 100%; /* Firefox 3.6+ */

    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */

    -o-background-size: 100%; /* Opera 9.6+ */

    background-size: 100%; /* Современные браузеры */

    font-family: 'Open Sans', sans-serif;

font-weight: 400;

color: #666;

font-size: 12px;

line-height: 20px;

width: 100%;

}

прописала картинку вместо фона а картинки нет

путь где лежит обоя /72piroga.rf/public_html/catalog/view/theme/default/image

это сайт http://72пирога.рф/index.php?route=common/home

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
background: #fcdea8 url(image/doska7.jpg);

это поменяй на 

background: #fcdea8 url(../image/doska7.jpg);
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
background: #fcdea8 url(image/doska7.jpg);

это поменяй на 

background: #fcdea8 url(../image/doska7.jpg);

фон стал совсем белым и по моему сместился весь шаблон

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

и картинку полегче сделайте, а то не все дождутся

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

фон стал совсем белым и по моему сместился весь шаблон

 

была еще в другом месте картинка. все нормально установился. СПАСИБО!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

и картинку полегче сделайте, а то не все дождутся

 

ага вижу)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

и да, фон добавьте в категории и товары, выключите подсчёт товара.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

и да, фон добавьте в категории и товары, выключите подсчёт товара.

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

#content {

  • min-height: 600px;
  • background-color: #fff;

например

 

а так можете в Chrome кликнуть правой мышкой "просмотреть код" на нужный элемент и посмотреть, что там есть, экспериментировать с цветами. Кстати, там также будет указан и CSS фаил и строка. 

Изменено пользователем vuluv
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

#content {

  • min-height: 600px;
  • background-color: #fff;

например

 

а так можете в Chrome кликнуть правой мышкой "просмотреть код" на нужный элемент и посмотреть, что там есть, экспериментировать с цветами. Кстати, там также будет указан и CSS фаил и строка. 

огромное спасибо!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

фон для товара установился. супер. Картинка тоже встала,но вот нюанс,она замостилась а как сделать так чтобы без швов,растянутая была?

огромное спасибо!

 

 

post-711379-0-89712300-1465386917_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

фон для товара установился. супер. Картинка тоже встала,но вот нюанс,она замостилась а как сделать так чтобы без швов,растянутая была?

 

Может так подойдет ?

 

background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

если картинка будет растягиваться, то будет некрасиво.

Чтобы было красиво надо или повторяющийся фон-картинку делать чтобы продолжение было бесконечным, или основная картинка должна плавно переходить в цвет\фон, или  зафиксировать длинную картинку чтобы на любой экран хватало.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

и обязательно отредактируйте в CSS эти строчки:
 

.product-thumb .price
даже просто добавив сюда:
color: #333;
font: 700 31px/1em "Roboto",Arial,Helvetica,sans-serif;
text-align: right;

.product-thumb .price-new
а сюда
font-weight: 700;
color: #fd5c25;
 
.product-thumb .price-old

станет лильно лучше

Изменено пользователем vuluv
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

Может так подойдет ?

 

background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;

 

а мне так больше нравится как и хотела. спасибо!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

спасибо всем) все получилось

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×