Это самые красивые всплывающие окна в интернете, для системы uCoz. Это не замена стандартным uCoz uWnd окнам (в простонародьи Ajax окна), это дополнительная jQuery библиотека, для создания всплывающих окон на вашем сайте.
Давай вместе дорабатывать скрипт Нежные окна, если ты пользуешься окнами у себя на сайте, и у тебя появилась идея (по функционалу, api или интерфейсу) или в каком-то моменте непонятна инструкция? - поделись мыслью, или может даже кодом. Мы вместе обязательно обсудим актуальность и займёмся внедрением разработки.
Загрузите на ваш сайт папку pro-scripts в корень вашего сайта, через FTP или файловый менеджер на сайте, соблюдая папки и подпапки. Инструкция Как загружать файлы на FTP?
В разделе управления дизайна, в глобальный блок "Верхняя часть сайта", разместите следующий код:
(или внутрь <head></head>. Производительнее: в нижнюю часть сайта - тогда весь код вызова окон расположить после следующего кода)
<style>@import url(/pro-scripts/popWindow/pop.window.css);</style> <script src="/pro-scripts/popWindow/jquery.pop.window.v1.0.min.js"></script>
$.popWindow(КОМАНДА, ПАРАМЕТРЫ); // например $.popWindow('add', { id: 'gow', title: 'Заголовок окна', background: 1, content: '<h2>Заголовок</h2><p>Текст</p>', footer: 1, });
У каждой комманды свои параметры
remove - удалить окно, напрямую указав id окна или через параметр:
// пример через параметр
$.popWindow('add', {id: 'gow'});
// или напрямую
$.popWindow('add', 'gow');

<script>
function add_window() {
$.popWindow('add', {
background: 1,
content: '<h2>Добро пожаловать!</h2><p style="text-align:center">Выбрав интересующее Вас направление, Вы сможете получить информацию о предлагаемых нами товарах и услугах, а также воспользоваться услугами нашего интернет-магазина.</p>',
footer: 1,
image: {
url : 'http://uscript.pro/arh/_files/img/oper.png',
background: '#f6f8f8',
zoom: '60%',
y: 'center',
x: 'center',
height: '180px'
}
});
}
</script>
<button type="button" onclick="add_window();">Показать окно</button>
Кстати HTML код можно не указывать в одной строке а разместить код следующим образом:
<div id="dopcontent" style="display:none">
<p>параграфи</p>
<s>Текст</s>
</div>
<script>
$.popWindow('add', {
........
content: $('#dopcontent').html(),
footer: htmlfooter,
fixed: 1
........
});
</script>