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


Как Заменить Фон?

фон

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

#1 Armavir

Armavir

    Пользователь

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

Отправлено 11 Сентябрь 2015 - 03:09

Как заменить фон на картинку?

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

  • Каталог товаров1.jpg


#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 11 Сентябрь 2015 - 03:24

В main.css найдите:
body { background:url({ASSETS_IMAGES_PATH}bg.jpg?design=plastic) #adcdd7 center top no-repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

замените на:
body { background:url({ASSETS_IMAGES_PATH}bg.jpg?design=plastic) center top no-repeat, url({ASSETS_IMAGES_PATH}bg2.jpg) center top repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

bg2.jpg замените на имя файла нового фона и загрузите его в Редактор шаблонов

#3 Armavir

Armavir

    Пользователь

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

Отправлено 12 Сентябрь 2015 - 02:26

Просмотр сообщенияVaccina (11 Сентябрь 2015 - 03:24) писал:

В main.css найдите:
body { background:url({ASSETS_IMAGES_PATH}bg.jpg?design=plastic) #adcdd7 center top no-repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

замените на:
body { background:url({ASSETS_IMAGES_PATH}bg.jpg?design=plastic) center top no-repeat, url({ASSETS_IMAGES_PATH}bg2.jpg) center top repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

bg2.jpg замените на имя файла нового фона и загрузите его в Редактор шаблонов
Спасибо получилось. Но ниже подвала появилась небольшая полоса как ее убрать и 2- какого размера лучше всего ставить картинку?

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

  • Связь с администрацией2.jpg


#4 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 12 Сентябрь 2015 - 02:34

В main.css найдите:
#panelbottom { clear:both; background:#FFF; width:1000px; margin:0 auto; height:43px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; margin-bottom:20px;   }
замените на:
#panelbottom { clear:both; background:#FFF; width:1000px; margin:0 auto; height:43px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; }
.ui-widget {
	display: none;
}

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

#5 Armavir

Armavir

    Пользователь

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

Отправлено 12 Сентябрь 2015 - 11:30

Просмотр сообщенияVaccina (12 Сентябрь 2015 - 02:34) писал:

В main.css найдите:
#panelbottom { clear:both; background:#FFF; width:1000px; margin:0 auto; height:43px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; margin-bottom:20px; }
замените на:
#panelbottom { clear:both; background:#FFF; width:1000px; margin:0 auto; height:43px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; }
.ui-widget {
display: none;
}

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

#6 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 12 Сентябрь 2015 - 11:40

Просмотр сообщенияArmavir (12 Сентябрь 2015 - 11:30) писал:

Да я тоже об этом думал наверное так будет лучше, спасибо. А как это сделать?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
body { background:url({ASSETS_IMAGES_PATH}bg.jpg?design=plastic) center top no-repeat, url({ASSETS_IMAGES_PATH}bg2.jpg) center top repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

Замените на:
body { background: url({ASSETS_IMAGES_PATH}bg2.jpg) center top repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

Найдите код:
#backtop { background:url({ASSETS_IMAGES_PATH}bgout.jpg?design=plastic) bottom center no-repeat; }

Замените на:
#backtop {/* background:url({ASSETS_IMAGES_PATH}bgout.jpg?design=plastic) bottom center no-repeat; */}






Темы с аналогичным тегами фон

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

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