Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Yssel

Recommended Posts

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

Надіслати
Поділитися на інших сайтах


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

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

Надіслати
Поділитися на інших сайтах


#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
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.