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


Заменить Фон

фон

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

#1 Сергей Иванов

Сергей Иванов

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

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

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

Помогите сменить фон на белый цвет

#2 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

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

Просмотр сообщенияСергей Иванов (26 Сентябрь 2015 - 11:22) писал:

Помогите сменить фон на белый цвет
В main.css найдите код
body {font-family: PT Sans;font-size: 16px;line-height: 20px;color: #bbb;overflow-x: hidden;position: relative;background-color: #575757;background-image: url("{ASSETS_IMAGES_PATH}bg.png?design=dark");background-attachment: fixed;background-position: center top;margin:0;padding:0;}
и замените на
body {font-family: PT Sans;font-size: 16px;line-height: 20px;color: #bbb;overflow-x: hidden;position: relative;margin:0;padding:0;}
Так же найдите
#wrapper {background: rgba(0, 0, 0, 0.1);position: relative;z-index: 0;min-height:1000px;}
изменяйте цвет rgba(0, 0, 0, 0.1) на свой

#3 Сергей Иванов

Сергей Иванов

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

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

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

Спасибо!)

#4 ЛераЛера

ЛераЛера

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

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

Отправлено 22 Октябрь 2015 - 09:40

Как фон сделать картинку?

и какой формат нужен?

#5 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 22 Октябрь 2015 - 09:44

Просмотр сообщенияЛераЛера (22 Октябрь 2015 - 09:40) писал:

Как фон сделать картинку?

и какой формат нужен?

Здравствуйте, в стилях main.css найдите код:

body {
	font-family: PT Sans;
	font-size: 16px;
	line-height: 20px;
	color: #bbb;
	overflow-x: hidden;
	position: relative;
	background-color: #575757;
	background-image: url("http://studiopresent.storeland.net/bg.png?design=dark");
	background-attachment: fixed;
	background-position: center top;
	margin: 0;
	padding: 0
}

И замените значение ссылки в  background-image на ссылку нужной вам картинки.

#6 ЛераЛера

ЛераЛера

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

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

Отправлено 22 Октябрь 2015 - 09:56

Просмотр сообщенияЮля123 (22 Октябрь 2015 - 09:44) писал:

Здравствуйте, в стилях main.css найдите код:

body {
font-family: PT Sans;
font-size: 16px;
line-height: 20px;
color: #bbb;
overflow-x: hidden;
position: relative;
background-color: #575757;
background-image: url("http://studiopresent.storeland.net/bg.png?design=dark");
background-attachment: fixed;
background-position: center top;
margin: 0;
padding: 0
}

И замените значение ссылки в  background-image на ссылку нужной вам картинки.
нет такого кода...(

#7 Firefly

Firefly

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

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

Отправлено 22 Октябрь 2015 - 10:06

Просмотр сообщенияЛераЛера (22 Октябрь 2015 - 09:56) писал:

нет такого кода...(

Здравствуйте.
Данный код расположен у Вас в шаблоне main.css на 2 строке.
Только ссылка на изображение задана через переменную.
body {font-family: PT Sans;font-size: 16px;line-height: 20px;color: #bbb;overflow-x: hidden;position: relative;background-color: #575757;background-image: url("{ASSETS_IMAGES_PATH}bg.png?design=dark");background-attachment: fixed;background-position: center top;margin:0;padding:0;}

Для замены фона вы можете просто загрузить новое изображение c названием bg.png по кнопке "Добавить файлы" в редакторе шаблонов, не изменяя данного кода.
Стандартное изображение фона имеет размеры 63x52px.

#8 ЛераЛера

ЛераЛера

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

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

Отправлено 22 Октябрь 2015 - 10:14

Просмотр сообщенияFirefly (22 Октябрь 2015 - 10:06) писал:

Здравствуйте.
Данный код расположен у Вас в шаблоне main.css на 2 строке.
Только ссылка на изображение задана через переменную.
body {font-family: PT Sans;font-size: 16px;line-height: 20px;color: #bbb;overflow-x: hidden;position: relative;background-color: #575757;background-image: url("{ASSETS_IMAGES_PATH}bg.png?design=dark");background-attachment: fixed;background-position: center top;margin:0;padding:0;}

Для замены фона вы можете просто загрузить новое изображение c названием bg.png по кнопке "Добавить файлы" в редакторе шаблонов, не изменяя данного кода.
Стандартное изображение фона имеет размеры 63x52px.
класс)) спасибочки!))))

#9 ЛераЛера

ЛераЛера

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

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

Отправлено 22 Октябрь 2015 - 11:13

Просмотр сообщенияFirefly (22 Октябрь 2015 - 10:06) писал:

Здравствуйте.
Данный код расположен у Вас в шаблоне main.css на 2 строке.
Только ссылка на изображение задана через переменную.
body {font-family: PT Sans;font-size: 16px;line-height: 20px;color: #bbb;overflow-x: hidden;position: relative;background-color: #575757;background-image: url("{ASSETS_IMAGES_PATH}bg.png?design=dark");background-attachment: fixed;background-position: center top;margin:0;padding:0;}

Для замены фона вы можете просто загрузить новое изображение c названием bg.png по кнопке "Добавить файлы" в редакторе шаблонов, не изменяя данного кода.
Стандартное изображение фона имеет размеры 63x52px.
а не подскажете как сделать чтоб картинка не повторялась, а была одна на весь экран?

#10 Firefly

Firefly

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

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

Отправлено 22 Октябрь 2015 - 11:23

Просмотр сообщенияЛераЛера (22 Октябрь 2015 - 11:13) писал:

а не подскажете как сделать чтоб картинка не повторялась, а была одна на весь экран?

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
body {font-family: PT Sans;font-size: 16px;line-height: 20px;color: #bbb;overflow-x: hidden;position: relative;background-color: #575757;background-image: url("{ASSETS_IMAGES_PATH}523.png?design=dark");background-attachment: fixed;background-position: center top;margin:0;padding:0;}

Замените на:
body {font-family: PT Sans;font-size: 16px;line-height: 20px;color: #bbb;overflow-x: hidden;position: relative;background-color: #575757;background: url("{ASSETS_IMAGES_PATH}523.png?design=dark") no-repeat;background-attachment: fixed;background-position: center top;margin:0;padding:0;}

Желательно, чтобы новое изображение имело размеры, как минимум 1920x1080px, с расчетом его отображения на экранах с Full-HD разрешением.

#11 ЛераЛера

ЛераЛера

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

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

Отправлено 22 Октябрь 2015 - 11:37

Просмотр сообщенияFirefly (22 Октябрь 2015 - 11:23) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
body {font-family: PT Sans;font-size: 16px;line-height: 20px;color: #bbb;overflow-x: hidden;position: relative;background-color: #575757;background-image: url("{ASSETS_IMAGES_PATH}523.png?design=dark");background-attachment: fixed;background-position: center top;margin:0;padding:0;}

Замените на:
body {font-family: PT Sans;font-size: 16px;line-height: 20px;color: #bbb;overflow-x: hidden;position: relative;background-color: #575757;background: url("{ASSETS_IMAGES_PATH}523.png?design=dark") no-repeat;background-attachment: fixed;background-position: center top;margin:0;padding:0;}

Желательно, чтобы новое изображение имело размеры, как минимум 1920x1080px, с расчетом его отображения на экранах с Full-HD разрешением.
а просто под логотип, фрукты, овощи итд... вставить другой фон шапку? чтоб все осталось на месте а фон в шапке картинку воткнуть)))

хотя не надо... заморочилась совсем))

#12 Vaccina

Vaccina

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

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

Отправлено 23 Октябрь 2015 - 04:00

У вас в структуре меню и логотип разделены, то есть фон для них вставляется отдельно, можно его установить следующим образом, в main.css добавьте:
#header .container {
background: url('ссылка на картинку') no-repeat center center;
}
#menu .container {
background: url('ссылка на картинку') no-repeat center center;
}






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

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

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