Правила форума Гаранты форума
Размещение рекламы AMX-X компилятор

Здравствуйте, гость Вход | Регистрация

Наши новости:

14-дек
24-апр
10-апр
11-апр

> Правила раздела

Внимание! Перед тем, как опубликовать свой первый пост или тему в данном разделе, прошу прочитать данные правила.

Раздел "Оформление и веб-дизайн" не является местом для продажи или предоставление услуг связанных с созданием графики. Для этого есть раздел Продам.

Данный раздел, в основном, предназначен для публикации готовых работ или бескорыстной помощи начинающим художникам.

Фон сайта

Shelest
сообщение 9.10.2015, 9:52
Сообщение #1
Стаж: 11 лет

Сообщений: 216
Благодарностей: 86
Полезность: 154

Здравствуйте.
Не-могу никак разобраться с фоном своего сайта, много перечитал уже, видимо не внимательно.
На сайте когда прокручиваешь ползунок вниз, фон показывается целиком (Фотография 1, ползунок в самом низу и картинка так же внизу).
Нужно чтобы когда прокручиваешь ползунок, фон как бы оставался на месте и показывало низ что-ли, не знаю как объяснить точно (Фотография 2, ползунок в самом низу но часть картинки осталось вверху).

Фотография 1
Прикрепленное изображение

Фотография 2
Прикрепленное изображение
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   Цитировать сообщение
Статус пользователя IFEED
сообщение 9.10.2015, 10:15
Сообщение #2


Стаж: 13 лет
Город: Кривой Рог

Сообщений: 728
Благодарностей: 306
Полезность: 201

Через css фиксируй картинку по верху сайта "top", и цвет фона сайта сделай по цвету нижней части картинки. Надеюсь понятно будет)

Код
background: url("/img/gamepl/background.jpg") repeat-x;
background-color: #ffffff


В первой строке ссылка на твой фон, во второй строке цвет фона нижней части картинки.

Отредактировал: IFEED, - 9.10.2015, 10:21
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя followX
сообщение 9.10.2015, 10:25
Сообщение #3


Стаж: 11 лет

Сообщений: 523
Благодарностей: 164
Полезность: 526

cshost.com.ua
Даже не знаю где я такое видел
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 2 раз
   + Цитировать сообщение
oxotnukoff
сообщение 9.10.2015, 10:28
Сообщение #4
Стаж: 13 лет

Сообщений: 164
Благодарностей: 44
Полезность: 128

Цитата(followX @ 9.10.2015, 11:21) *
Даже не знаю где я такое видел

rofl.gif
Многие люди берут из готовых примеров )
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя georgeml
сообщение 9.10.2015, 10:31
Сообщение #5
Стаж: 12 лет

Сообщений: 1467
Благодарностей: 439
Полезность: 423

Цитата(followX @ 9.10.2015, 18:21) *
Даже не знаю где я такое видел

rofl.gif
Cкрытый текст
что за пу?
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Shelest
сообщение 9.10.2015, 23:54
Сообщение #6
Стаж: 11 лет

Сообщений: 216
Благодарностей: 86
Полезность: 154

Цитата(IFEED @ 9.10.2015, 11:10) *
Через css фиксируй картинку по верху сайта "top", и цвет фона сайта сделай по цвету нижней части картинки. Надеюсь понятно будет)

Код
background: url("/img/gamepl/background.jpg") repeat-x;
background-color: #ffffff


В первой строке ссылка на твой фон, во второй строке цвет фона нижней части картинки.

Спасибо большое.
А как сделать плавный переход на цвет фона? То есть дабы не сразу был обрез.
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя followX
сообщение 10.10.2015, 8:34
Сообщение #7


Стаж: 11 лет

Сообщений: 523
Благодарностей: 164
Полезность: 526

cshost.com.ua
Градиентом в фотошопе
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя IFEED
сообщение 10.10.2015, 11:37
Сообщение #8


Стаж: 13 лет
Город: Кривой Рог

Сообщений: 728
Благодарностей: 306
Полезность: 201

Цитата(Shelest @ 10.10.2015, 0:50) *
Спасибо большое.
А как сделать плавный переход на цвет фона? То есть дабы не сразу был обрез.


напиши мне по контактам, помогу.
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя papay
сообщение 13.10.2015, 10:48
Сообщение #9


Стаж: 14 лет

Сообщений: 105
Благодарностей: 72
Полезность: 113

Цитата(IFEED @ 9.10.2015, 11:10) *
Код
background: url("/img/gamepl/background.jpg") repeat-x;
background-color: #ffffff


Можно обойтись и одной строчкой
Код
background: #fff url("/img/gamepl/background.jpg") repeat-x;
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Shelest
сообщение 13.10.2015, 14:09
Сообщение #10
Стаж: 11 лет

Сообщений: 216
Благодарностей: 86
Полезность: 154

Цитата(followX @ 10.10.2015, 9:30) *
Градиентом в фотошопе

Спасибо большое за подсказку.
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
  Ответить в данную темуНачать новую тему
 
0 пользователей и 1 гостей читают эту тему: