Карта сайта Контакты Главная

Авторизация на сайте

Свободное местечко

Наша кнопка!

POWERSTR1KE.RU - Всё для администраторов и игроков LineAge-2




Дата Название темы Пользователь Ответов Просмотров





ОпубликовалОпубликовал: zimorf | ДатаДата: 8-12-2011, 14:05


Мануал для Верстальщиков новичков.
В этом мануале я заставлю вас запомнить Одно чудное свойство Бекграунда.
Оно появилось совсем не давно. Но крупные фирмы уже вовсю им пользуются.
Сам пользуюсь этим свойством.
И так нам нужно сделать чтобы картинка 1600x1200 которая стоит на background Растагивалась под все маниторы.
Например под 1024 на 768, или 1920х1200. ну не суть, под любые. Можно даже на телефоне посматреть будет ))
Ведь раньше для этого нужен был большой java script который определял бы разрешение манитора и тратил трафик пользователей.
Но с приходом html5 в нашу жизнь, все изменилось =)
эту функцию поддерживает даже ie 8-9. и не каких js, и качество картинки не падает.)

Пример страницы с Резиновым Фоном.


BODY
{
    background:black url('../images/background.jpg') no-repeat;
    background-size: cover;
/*
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
*/
}

именно
background-size: cover;
Дало нам счастье.
спасибо что прочитали и надеюсь я открыл вам тайну Динамического фона =_)

» Похожие новости «

  • Как сделать Background Logo [Мануал]
  • Модуль статистики Демонического оружия для STRESS WEB 11 [Мануал]
  • Как сделать рандомные сообщения на сайте [Мануал]
  • Как сделать языковую панель на сайте [Мануал]
  • Браузерные онлайн игры - псы войны

  • Информация

    Комментировать статьи на нашем сайте возможно только в течении 60 дней со дня публикации.