• Вы вошли как Гость | Пятница 18.10.2019 20:29 | Группа  "Гости"
  • Фильмы предоставляются исключительно в высоком качестве в формате DivX.Для этого нужен дополнительный кодек, информацию о котором Вы можете найти прямо на сайте с Divx фильмами. Просмотр онлайн фильмов, размещенных на сайте доставит Вам массу удовольствия!Также, просим не забывать, что кино онлайн предоставлено исключительно для ознакомительного просмотра, и по закону авторского права должны купить DVD диск.
    Если фильм не показывает, Скачайте и установитеDivX Web Player!Не забудьте перезапустить браузер!

    Flash Фильм CAMRip DivX ЧАТ-CHAT
    Форма Входа
    Быстрый поиск


    Flash Фильмы
    Просмотров: 298


    Просмотров: 252


    Просмотров: 256


    Просмотров: 235


    Мини-чат

    Комментарии
    ed127
    Репутация: 10
    Пол: Мужчина
    Комментариев: 25
    Крокодил
    Репутация: 2
    Пол: Мужчина
    Комментариев: 7
    wi639
    Репутация: 0
    Пол: Мужчина
    Комментариев: 6
    tornado
    Репутация: 0
    Пол: Мужчина
    Комментариев: 5
    amazonka
    Репутация: 0
    Пол: Женщина
    Комментариев: 5

    Оптимизация

    Наш сайт оптимизирован под интернет-браузер Firefox, здесь можно скачать самый свежий Firefox.

    warp37

    Профиль
    Сообщения:
    Гость

    Группа:
    Гости
    Время:20:29

    Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!



    Главная | Регистрация | Вход
    Изменение фона страницы посредством позиционированного изображения - Скрипты - Избранные - Скрипты - Скрипты Ucoz - Онлайн фильмы

    Главная » Файлы » Скрипты » Скрипты - Избранные

    Изменение фона страницы посредством позиционированного изображения
    23.05.2011, 20:36






    Ещё один довольно простой способ зафиксировать и растягивать фон в зависимости от разрешения монитора пользователя, заключается в следующем: - под контент подкладывается изображение, фиксируется в верхнем левом углу и задаётся ему минимальная ширина и высота равная 100% - тем самым, сохраняя пропорциональность при ресайзе.

    Также, добавляется min-width ширины изображения таким образом, чтобы изображение никогда не будет меньше, своего фактического размера.

    Дабы она не находилась на переднем плане, саму картинку и блок-обёртку смещают по z-оси на задний план (z-index:-1).

    Также, используется @media screen and (max-width:1024px), которое корректирует положение картинки, если окно обозревателя меньше изображения, используя комбинацию процентной величины левого положения и отрицательного левом поля.

    HTML-код:

    Code

    <img id="imgBg" src="/_content/_ext/img-bg/_st/ff11_3.jpg" alt="" />  


    - Добавляется после контента, перед закрывающим /body


    CSS-стили:

    Code

    #imgBg{display:block;position:fixed;top:0;left:0;min-height:100%;min-width:1024px;width:100%;height:auto;z-index:-1;}
    @media screen and (max-width:1024px){#imgBg{left:50%;margin-left:-512px;}}  


    Категория: Скрипты - Избранные | Добавил: ed127 | Теги: изображения, Изменение, позиционированного, посредством, фона, страницы
    Просмотров: 444 | Загрузок: 0 | Рейтинг: 0.0/0

    Поделись ссылкой

  • -ссылка
  • -BBCode
  • -HTML

  • Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]

     


    Поиск
    Наш опрос
    Какие фильмы вам нравится смотреть?
    1. Фантастика
    2. Комедии
    3. Приключения
    4. Боевики
    5. Ужасы
    6. Драмы
    7. Криминал
    8. Мелодрамы
    9. Мистика
    10. Мультфильмы
    11. Детективы
    12. Триллеры
    Всего ответов: 25
    HD - TV

    Первый

    HD
    TV

    Для просмотра (TV) Необходимо установить браузер Mozilla FireFox
    Скрипты Ucoz
    Скрипты для Ucoz
    Стол заказов
    Книга жалоб


    Гуляем
    Праздники России


  • ГБО-Автоклуб 8

  • Друзья сайта
    Фильмы OWI.3dn.ru
    alfa-trans.3dn.ru
    FOG
    Новости
    Статистика
    Статистика доступна только зарегистрированным пользователям!
    Регистрация


    Бесплатный хостинг uCoz
    www.ed127.3dn.ru
    Загрузка...