Ф акел
Общение. Творчество. Хобби. Развлечения




Главная страница | Форум | Файлохранилище | Библиотека | Галерея | Каталог сайтов | Гостевая книга
Воскресенье, 22.12.2024 09:11
Главная | Регистрация | Вход | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Статичный фон css
MasTerIldarДата: Воскресенье, 02.09.2012, 12:50 | Сообщение # 1
Всю власть программисто-дизайнерам!
Группа: Проверенные
Сообщений: 514
Награды: 1
Репутация: 17
Замечания: 0%
Статус: Там
На многих стандартных шаблонов юкоз стоит код

Code
body {margin: 0;font: 12px/16px 'Arial';color: #fff;text-align: center;background: url(http://fan-st.ucoz.ru/image/bg.bmp);}


В пример я взял код со своего фан сайта. Этот код размножает ваше изображение по всему экрану и оно прокручивается.

А многие хотят сделать статичный фон, но незнают как. Можно сделать всё одним несложным способом. Мы полностью перепишем фон в теге body.

Для начала пропишем адрес изображения:

Code
background-image: url('адрес изображения');


Строчкой ниже (для удобства) мы пишем код, который закрипит центр изображения на экране с любым разрешением.

Code
background-attachment: fixed;

это мы зафиксировали изображение в неподвижном состоянии.

Code
background-position: top center;

это мы сделали так, что бы на мониторе с любым разрешением, в центре сайта(фона) был центр изображения.

и у вас должен получится такой код:

Code
body {
  background-image: url('адрес изображения');
  background-attachment: fixed; background-position: top center;
  }


Ну вот и всё.

ArtGr, попробуй какой нибуть свой рисунок нарисовать в разрешение 1920 1200 (так везде, только если фон не однотонный) и поставить на сайт smile


Не тратьте слова
На братство славян,
Братство рабочих -
И никаких прочих!
 
MasTerIldarДата: Воскресенье, 02.09.2012, 13:04 | Сообщение # 2
Всю власть программисто-дизайнерам!
Группа: Проверенные
Сообщений: 514
Награды: 1
Репутация: 17
Замечания: 0%
Статус: Там
и забыл добавить, это всё мы делаем в css

17: 47 Добавил

Я слоупок smile


Не тратьте слова
На братство славян,
Братство рабочих -
И никаких прочих!


Сообщение отредактировал MasTerIldar - Воскресенье, 02.09.2012, 14:47
 
RosaryДата: Четверг, 24.01.2013, 19:11 | Сообщение # 3
Ранг 1
Группа: Пользователи
Сообщений: 10
Награды: 1
Репутация: 1
Замечания: 0%
Статус: Там
Цитата (MasTerIldar)
А многие хотят сделать статичный фон, но незнают как. Можно сделать всё одним несложным способом. Мы полностью перепишем фон в теге body.
Для этого вам придется делать огромное изображение, которое будет фиксироваться на весь экран и затруднять загрузку страницы.
Хотя если уж желание совсем уж перевешивает... можно просто добавить в строку - no-repeat



Жизнь коротка - Нарушай правила - Прощай быстро - Целуй медленно - Люби искренно - Смейся неудержимо. И никогда не сожалей о том, что заставило тебя улыбнуться...
 
  • Страница 1 из 1
  • 1
Поиск:





Prime RSS - Крупнейший каталог блогов, новостных лент и RSS