Yssel

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

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

Yssel    2

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

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


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

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

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

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


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

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

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

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

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


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

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

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


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

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

 

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

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


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

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

 

ага вижу)

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


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

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

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


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

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

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

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


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

#content {

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

например

 

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

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

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


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

#content {

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

например

 

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

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

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


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

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

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

 

 

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

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


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

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

 

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

 

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

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


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

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

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

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


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

и обязательно отредактируйте в 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

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


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

 

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

 

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

 

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

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


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

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

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


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

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

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

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

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

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

Войти

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

Войти


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

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