Сообщения Вам не доступны.
Так как Вы входите в группу ГОСТИ (менее возможностей).
Нажмите для регистрации или войдите с помощью uNet
Обсуждения Музыка Радио
Тысячи радиостанций мира
Видео добавленное пользователями с
yotube
mail.ru
smotri.com
Комедии
Боевики
Фантастика
Клипы
Приколы
и многое другое...
Скачать файлы
Скачивание бесплатное
Выход Вход Регистрация



   

Оповещения!

У нас появилось телевидение!

(Нажмите ESC либо закрыть.)

























   

Оповещения!

  • Вам сообщение. Читать
  • Вы не зарегистрированы.

    (Нажмите ESC либо закрыть.)




  • Регистрация
  • --> Вход <--
  • Поиск
    Категории
    JavaScript [13]
    Jquery [0]
    HTML & DHTML [1]
    CSS [4]
    Оцените мой сайт
    Всего ответов: 125
    Реклама


    BannerFans.com
     

    Вы не зарегистрированы! Просим Вас пройти быструю регистрацию для увеличения возможностей пользования сайтом.
    Обсужд.
    Гостям запрещены обсуждения. Войдите на сайт в режиме "Пользователь".


    Чат
    200
    Сейчас слушают
    Радио Maximum

    Гагаузское радио (Молдова) 48kbps

    Aquarelle-FM-90.7 (Молдова)

    Радио Албена (Молдова-Тараклия)

    Радио Шансон






    Посоветуй друзьям!




    Смотрите ТНТ онлайн

    Все о вине! Для тех кто его делает и любителей побаловать себя приятным напитком!

    Курсы английского языка.
    Главная » Файлы » Скрипты » CSS
    Название программы: Модальные окна на чистом CSS
    Оцените файл: Категория: CSS
    Добавил: Maliw
    Просмотров: 479

    Рейтинг: 0.0/0

    Дата загрузки: 28.06.2011, 01:42

    Пример:

    Добавил: Открыть

    Привет! закрыть

    Скрипт:


    <style>
    .black_overlay{
     display: none;
     position: absolute;
     top: 60px;
     left: 0%;
     width: 100%;
     height: 100%;
     background-color: #6699FF;
     z-index:1001;
     -moz-opacity: 0.8;
     opacity:.20;
     filter: alpha(opacity=20);
    }

    .white_content {
     display: none;
     position:absolute;
     top: 45px;
     left: 20%;
     width: 60%;
     height: 60%;
     border: 5px solid orange;
     background-color: white;
     z-index:1001;
    }
    </style>
    <div class='black_overlay' id='fade'></div>

    Добавил: <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">Открыть</a></p>
    <div id="light" class="white_content">
    Привет! 
    <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">закрыть</a></div>


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


    Обратная связь Быстрый поиск по youtube.com Ваша реклама
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0