Модераторы: 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   Вверх
Wolf1994
Дата 19.3.2007, 10:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

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



Посмотреть исходный код страницы. Найти URL картинки. Ввести его в строку браузера. Правый клик / сохранить.
PM MAIL WWW   Вверх
Georgio
Дата 19.3.2007, 15:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



народ, вы чего, не поняли? Это моя страница. Дело в том, что я хочу, чтобы юзер, сохраняя мтраницу, сохранял АВТОМАТИЧЕСКИ ВСЕ изображения, включая те, о которых я скахал выше.
PM MAIL WWW ICQ Skype   Вверх
Gold Dragon
Дата 19.3.2007, 16:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Georgio, любая HTML страница которая открылась на любом компе автоматом помещается в кэш + всё содержимое на этой страничке в том числе и картинки!!!!!

Или ты хочешь чтоб выскочило окошко с предложением сохранить картинку?  smile 

А вообще, с браузерах есть Файл->Сохранить->Тип файла->HTML с рисунками


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


Опытный
**


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

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



http://fr-ru.spb.ru/hist.pstgu/faculty_info/index.html

Попробуйте сохранить! Посмотрите, что получится... Где дизайн? Нет, не скачался   smile 

**************

В Опере скорее всего у вас получится. А как на счет Мозилы и ИЕ?

Это сообщение отредактировал(а) Georgio - 19.3.2007, 17:25
PM MAIL WWW ICQ Skype   Вверх
Gold Dragon
Дата 19.3.2007, 18:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Georgio, в Oper`е сохраняется без проблем.. А вот Ослик что-то и правда не хочет smile но только сохранять, а вот в кэш точно сохраняет, проверял.

PS
ну я осликом не пользуюсь... тупая бесполковая прога (моё мнение). smile


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


Опытный
**


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

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



1. Ослик - это что?
2. Что, предлагть юзеру зайти в кэш и т.п.

Кажется, я где то видел такую штуку, типа saved from.... Никто не знает???
PM MAIL WWW ICQ Skype   Вверх
Mymik
Дата 19.3.2007, 21:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1474
Регистрация: 12.5.2006
Где: Lamer-центер

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



[offtop]
Цитата(Georgio @  19.3.2007,  20:56 Найти цитируемый пост)
1. Ослик - это что?

Ослик это IE или Internet Explorer. Если читать аббревиатуру то получается ИЁ... почти как осел :о)

Gold Dragon, ИМХО огнелис лучше :о)... но и он не сохраняет background
[/offtop]





--------------------
ICQ ::            857-857
E-mail ::         mymik[at]inbox[dot]ru 
HomaPage ::  http://localhost/

:to_become_senile  :this
PM MAIL WWW ICQ   Вверх
Georgio
Дата 20.3.2007, 15:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Ага, если сохранять в архив, все нормально.

В ином случае - нет

Это сообщение отредактировал(а) Georgio - 20.3.2007, 15:09
PM MAIL WWW ICQ Skype   Вверх
Страницы: (2) [Все] 1 2 
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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