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



x

   

Оповещения!

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

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

























x

   

Оповещения!

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

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




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


    BannerFans.com
     

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


    Чат
    200
    Сейчас слушают
    Хит fm

    Best 80 (Лучшее радио 8о-х)

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

    Радио 21

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





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


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

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

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

    Рейтинг: 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
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]


    Alex Topal © 2024 | Переход на портал www.ottocom.ru Обратная связь Быстрый поиск по youtube.com Ваша реклама
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0