Открытие окна по клику текста, который вы укажите при установке данного скрипта.
Установка:
Перед закрывающимся тегом /body пишем:
Code <div id="box"> <div id="dialog" class="window rad shadow"> $GLOBAL_MODAL$ </div> </div> <div id="mask"></div> <script language="javascript" src="/js/modal.js"></script>
Далее в HEAD добавляем ссылку на стили для нашего окна:
Code
<link href="/css/modal-css.css" rel="stylesheet" type="text/css"media="screen"/>
Далее создаём глобальный блок с названием MODAL и вставляем в него следующий код:
Code <div id="title-modal">Заголовок <div id="close"><a href="#" class="close"><img src="/images/close.png" /></a></div> </div> <div align="center"> Здесь Ваш текст или код который Вы будете выводить в этом окне! </div>
Далее в нужном Вам месте сайта вставляем ссылку для открытия окна:
Code <a href="#dialog" name="modal">Открыть окно</a>
Вот собственно всё, размеры окна регулируются в файле modal.css в строчках:
Code
width:300px;
height:200px;
Залейте все файлы из прикреплённого архива в корень вашего сайта
Автор: Материал подготовлен GrandDooM'ом
Материал сайта:http://www.apo-ucoz.com
| 