Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> background CSS 
:(
    Опции темы
Wolf1994
Дата 9.10.2004, 16:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1701
Регистрация: 5.10.2004

Репутация: 1
Всего: 29



Не уверен что задаю вопрос "в тему", но - как в CSS прописать background(картинку) тега body, так чтобы он оставался по центру экрана? На одной странице видел такое, но она у меня, к сожалению, не сохранилась. qstn.gif
PM MAIL WWW   Вверх
ida
Дата 9.10.2004, 18:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


замужем
****


Профиль
Группа: Завсегдатай
Сообщений: 2277
Регистрация: 14.5.2002
Где: Санкт-Петербург

Репутация: нет
Всего: 58



background-position: center, center;
background-attachment: fixed;
background-repeat: no-repeat;

если хочешь чтобы она не прокручивалась при прокрутке страницы, была в единственном экземпляре, и по центру экрана.

Это сообщение отредактировал(а) ida - 9.10.2004, 18:02
PM WWW   Вверх
Alx
Дата 9.10.2004, 18:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

Репутация: 1
Всего: 78



вот тебе ликбез! smile.gif

Код
style="background:white url('images/bg.jpg') no-repeat fixed center center;"


где

white - цвет фона

url('...') - адрес до картинки

no-repeat - не повторять картинку:
  • repeat - повторять
  • repeat-x - повторять только по горизонтали
  • repeat-y - повторять только по вертикали
fixed - не прокручивать фон вместе с тектом, при скроллинге
(scroll - прокручивать)

center - координата по горизонтали
  • left
  • right
center - координата по вертикали
  • top
  • bottom
для последних двух можно так же задать координаты в пикселах и в процентах.

Это сообщение отредактировал(а) ALEXANDRO - 9.10.2004, 18:11


--------------------
PM MAIL WWW ICQ   Вверх
ida
Дата 9.10.2004, 18:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


замужем
****


Профиль
Группа: Завсегдатай
Сообщений: 2277
Регистрация: 14.5.2002
Где: Санкт-Петербург

Репутация: нет
Всего: 58



ALEXANDRO, а оно сжует в таком виде?... Я всегда каждое свойство отдельно описываю...

PM WWW   Вверх
Alx
Дата 9.10.2004, 18:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

Репутация: 1
Всего: 78



сжуёт, сжуёт! И памяти в 12 раз меньше потребует! smile.gif


--------------------
PM MAIL WWW ICQ   Вверх
GoodBoy
Дата 11.10.2004, 10:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Главный джедай
****


Профиль
Группа: Модератор
Сообщений: 3886
Регистрация: 8.1.2003
Где: КМВ

Репутация: 5
Всего: 83



Цитата(ALEXANDRO @ 9.10.2004, 19:23)
сжуёт, сжуёт!

ТОЛЬКО в том случае если ты задашь ВСЕ значения!!! А если нужно задать ТОЛЬКО 1, 3 и 5???

Цитата(ALEXANDRO @ 9.10.2004, 19:23)
И памяти в 12 раз меньше потребует!

А вот с этого места по-подробнее!!! wink.gif


--------------------
Чем дальше в лес, тем толще партизаны...

Цитата(igorold @  1.5.2016,  17:40 Найти цитируемый пост)
Индейцы не обратили внимания на поток беженцев из Европы… Теперь они живут в резервациях. 
PM MAIL   Вверх
Alx
Дата 12.10.2004, 10:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

Репутация: 1
Всего: 78



Цитата
А вот с этого места по-подробнее!!!


я не так выразился. Я имею в виду, что места намного меньше всё это займёт -> быстреегрузится будет. Да и вообще, ну как-то удобнее, красивее, когда код оптимизирован!

Цитата
если нужно задать ТОЛЬКО 1, 3 и 5???

да ради бога! Я ж не против других вариантов! smile.gif просто этот удобнее, когда надо задать 5-6! smile.gif


--------------------
PM MAIL WWW ICQ   Вверх
GoodBoy
Дата 12.10.2004, 11:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Главный джедай
****


Профиль
Группа: Модератор
Сообщений: 3886
Регистрация: 8.1.2003
Где: КМВ

Репутация: 5
Всего: 83



Цитата(ALEXANDRO @ 12.10.2004, 11:02)
Да и вообще, ну как-то удобнее, красивее, когда код оптимизирован!

Цитата(ALEXANDRO @ 9.10.2004, 19:10)
style="background:white url('images/bg.jpg') no-repeat fixed center center;"

Этот вариант однозначно менее читабелен!!!!! Хотя короче!


--------------------
Чем дальше в лес, тем толще партизаны...

Цитата(igorold @  1.5.2016,  17:40 Найти цитируемый пост)
Индейцы не обратили внимания на поток беженцев из Европы… Теперь они живут в резервациях. 
PM MAIL   Вверх
Alx
Дата 12.10.2004, 12:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

Репутация: 1
Всего: 78



Цитата(GoodBoy @ 12.10.2004, 11:46)
Этот вариант однозначно менее читабелен

omg.gif абсолютно не согласен!!! smile.gif


--------------------
PM MAIL WWW ICQ   Вверх
Gold Dragon
Дата 12.10.2004, 13:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



И что вы мудрите, из пустого в порожнее...

Эти два кода абсолютно одинаковы
Код
body{
background-image: url(../Регион/foto/alehin.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}


Код
body{
   background: url("fon.jpg") no-repeat fixed center;
}

Я использую верхний, люблю когда порядок в стилях, т.е. видно что к чему

------

Это сообщение отредактировал(а) Red Dragon - 12.10.2004, 14:17


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
Ignat
Дата 12.10.2004, 14:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Флудератор
****


Профиль
Группа: Экс. модератор
Сообщений: 4030
Регистрация: 19.4.2004
Где: غيليندزيك مدينة

Репутация: нет
Всего: 73



Цитата(Red @ 12.10.2004, 14:47)
position: fixed;

qstn.gif
Может background-attachment?


--------------------
Теперь при чем :P
PM   Вверх
Gold Dragon
Дата 12.10.2004, 14:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



Ignat
Конечно же, описался. smile.gif


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
Georgio
Дата 18.3.2007, 12:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 446
Регистрация: 21.2.2007
Где: Москва

Репутация: 2
Всего: 5



А вот еще один вопрос, как сделать так, чтобы картинка, прописанная через background: url сохранялась на комп? Нигде не могу найти такую фишку (плохо ищу ((( )
PM MAIL WWW ICQ Skype   Вверх
Alx
Дата 18.3.2007, 13:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

Репутация: 1
Всего: 78



чего чего? на какой комп?
пс. - создай отдельный топик


--------------------
PM MAIL WWW ICQ   Вверх
Gold Dragon
Дата 19.3.2007, 08:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



Georgio, посмотри в кэш браузера и можешь смело забирать свою картинку  smile 


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0862 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.