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


Заменить Слайды На Фоновое Изображение

фон заменить слайды

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

#1 Danil25

Danil25

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 70 сообщений
  • ГородVladivostok

Отправлено 01 Август 2014 - 06:18

Добрый день. Не могу понять, что нужно сделать что бы заместо слайдов была картинка. Слайды убрал, а картинка не корректно отображается.
В первом случае и во втором.

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

  • 1.png
  • 2.png


#2 Vaccina

Vaccina

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

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

Отправлено 01 Август 2014 - 06:26

вы не фон сделали, а в слайдере оставили один баннер, чтобы изменить фон в style.css найдите:
body {
	background: #fff;
	color: #000;
	font-family: Calibri;
	height: 100%;
	margin: 0;
}
замените на:
body {
	background: url("ссылка на фон") no-repeat scroll center top rgba(0, 0, 0, 0);
	color: #000;
	font-family: Calibri;
	height: 100%;
	margin: 0;
}

при этом сам фон растягивать не будет в зависимости от разрешения экрана, поэтому по ширину используйте картинку 1920px

#3 Danil25

Danil25

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 70 сообщений
  • ГородVladivostok

Отправлено 01 Август 2014 - 06:50

Спасибо, помогло. А как изменить по высоте? и исправить косяк на начальной (главной) странице?

#4 Danil25

Danil25

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 70 сообщений
  • ГородVladivostok

Отправлено 01 Август 2014 - 07:01

Просмотр сообщенияVaccina (01 Август 2014 - 06:26) писал:

вы не фон сделали, а в слайдере оставили один баннер, чтобы изменить фон в style.css найдите:
body {
background: #fff;
color: #000;
font-family: Calibri;
height: 100%;
margin: 0;
}
замените на:
body {
background: url("ссылка на фон") no-repeat scroll center top rgba(0, 0, 0, 0);
color: #000;
font-family: Calibri;
height: 100%;
margin: 0;
}

при этом сам фон растягивать не будет в зависимости от разрешения экрана, поэтому по ширину используйте картинку 1920px
Спасибо, помогло. А как изменить по высоте? и исправить косяк на начальной (главной) странице?

#5 Vaccina

Vaccina

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

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

Отправлено 02 Август 2014 - 02:39

На данный момент на главной странице все корректно отображается.
Если вы имеете ввиду "косяк", если удалить слайдер, то после его удаления в style.css найдите:
.home #header {
	background: none;
	height: auto;
	left: 50%;
	margin-left: -600px;
	position: absolute;
	text-align: left;
	z-index: 1000;
}
замените на:
.home #header {
	background: none;
	height: 400px;
	text-align: left;
	z-index: 1000;
}


#6 Danil25

Danil25

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 70 сообщений
  • ГородVladivostok

Отправлено 05 Август 2014 - 06:27

Спасибо, помогло!





Темы с аналогичным тегами фон заменить, слайды

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

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