Вернуться   Форум ChatPlanet.ru > Сервис «Мой чат» aka «Август» > Шаблоны

Важная информация

Ответ
 
Опции темы Опции просмотра
Старый 16.03.2012, 07:59   #1
 
Регистрация: 14.04.2009
Адрес: MY .August
Сообщений: 364
Вы сказали Спасибо: 130
Поблагодарили 868 раз
Репутация: 889
Отправить сообщение для InterSphere с помощью ICQ
InterSphere вне форума
По умолчанию Модальное окно регистрации



Модальное окно — В графическом интерфейсе пользователя модальным называется окно, которое блокирует работу пользователя с родительским приложением до тех пор, пока пользователь это окно не закроет. Модальными преимущественно реализованы диалоговые окна. Также модальные окна часто используются для привлечения внимания пользователя к важному событию. (Википедия)

Данное окно можно использовать для регистрации. Что бы долго не рассказывать, проще один раз увидеть :)

Модальное окно [пример]

Откройте HTML-код Вашей стартовой (Админка → Страницы → Страница Вашей стартовой).

Найти:
Код HTML:
</head>
Вставить выше (до этого элемента):
Код HTML:
<link type='text/css' href='http://cloud.august4u.org/public/modal/01/css/osx.css' rel='stylesheet' media='screen' />
Найти кнопку регистрации. Выглядит примерно так:
Код HTML:
<a  target=_blank href="/people/form">Регистрация</a>
Сделаем несколько изменений в ней. Нам нужно обязательно убрать target=_blank если он имеется. /people/form заменить на #. Теперь добавить class osx.В итоге мы получим что-то вроде:
Код HTML:
<a href="#" class='osx'>Регистрация</a>
Если предыдущий пункт сложен — спрашивайте.

Найти:
Код HTML:
</body>
Выше добавить:
Код HTML:
<div id="osx-modal-content">
			<div id="osx-modal-title">Регистрация</div>
			<div class="close"><a href="#" class="simplemodal-close">x</a></div>
			<div id="osx-modal-data">
				<iframe src="%CHAT('ADDRESS')%/people/form" width="100%" height="600px" frameborder="0"></iframe>
				<p><button class="simplemodal-close">Закрыть</button> <span>(или нажмите ESC)</span></p>
			</div>
		</div>
<script type='text/javascript' src='http://cloud.august4u.org/js/jquery.js'></script>
<script type='text/javascript' src='http://cloud.august4u.org/js/jquery.simplemodal.js'></script>
<script type='text/javascript' src='http://cloud.august4u.org/public/modal/01/js/osx.js'></script>
__________________
Мое портфолио на форуме и Google + | my'bot | Основной топ Августа
Jabber: pqsl@tuxtalk.net ( что это такое? )
Skype: intersphere_pqsl
ICQ: 412 442 492
Report Post
Ответить с цитированием
Эти 5 пользователя(ей) сказали Спасибо InterSphere за это полезное сообщение:
Mistik (22.03.2012), Банши (16.03.2012), Бесёнок (16.03.2012), Капризная Страсть (16.03.2012), плюха (16.03.2012)
Старый 18.03.2012, 00:46   #2
 
Регистрация: 14.04.2009
Адрес: MY .August
Сообщений: 364
Вы сказали Спасибо: 130
Поблагодарили 868 раз
Репутация: 889
Отправить сообщение для InterSphere с помощью ICQ
InterSphere вне форума
По умолчанию

Некоторые поинтересовались, можно ли взять текст правил, которые указаны в примере модального окна. Это текст моего чата, взять может любой, менять и делать все что угодно. Мне не жалко.
__________________
Мое портфолио на форуме и Google + | my'bot | Основной топ Августа
Jabber: pqsl@tuxtalk.net ( что это такое? )
Skype: intersphere_pqsl
ICQ: 412 442 492
Report Post
Ответить с цитированием
Старый 21.03.2012, 06:00   #3
 
Регистрация: 14.04.2009
Адрес: MY .August
Сообщений: 364
Вы сказали Спасибо: 130
Поблагодарили 868 раз
Репутация: 889
Отправить сообщение для InterSphere с помощью ICQ
InterSphere вне форума
По умолчанию

Подправка для последнего кода


Код HTML:
<div id="osx-modal-content">
			<div id="osx-modal-title">Регистрация</div>
			<div class="close"><a href="#" class="simplemodal-close">x</a></div>
			<div id="osx-modal-data">
				<iframe src="http://%CHAT('ADDRESS')%/people/form" width="100%" height="600px" frameborder="0"></iframe>
				<p><button class="simplemodal-close">Закрыть</button> <span>(или нажмите ESC)</span></p>
			</div>
		</div>
<script type='text/javascript' src='http://cloud.august4u.org/js/jquery.js'></script>
<script type='text/javascript' src='http://cloud.august4u.org/js/jquery.simplemodal.js'></script>
<script type='text/javascript' src='http://cloud.august4u.org/public/modal/01/js/osx.js'></script>
__________________
Мое портфолио на форуме и Google + | my'bot | Основной топ Августа
Jabber: pqsl@tuxtalk.net ( что это такое? )
Skype: intersphere_pqsl
ICQ: 412 442 492
Report Post
Ответить с цитированием
Старый 17.01.2014, 17:37   #4
 
Сообщений: n/a
По умолчанию Mohsin

Подскажите пожалуйста как можно указать имя для формы? Хочу сделать панель быстрых смайликов - точнее я ее сделал. но чтоб при нажатии они появлялись в форме ввода нужно иметь название формы
Report Post
Ответить с цитированием
Ответ

Метки
cloud

Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Faq по регистрации в топе Ghost Top4u 47 03.02.2013 14:01
Окно киллера eXandr Шаблоны 26 06.10.2012 13:37
окно тегов плюха Общие вопросы 2 03.09.2011 07:58
Окно «Навигация» Мальвинка Настройки 1 15.10.2010 09:31
Всплывающее окно [_RomantiQ_] Шаблоны 10 26.05.2010 19:28


Текущее время: 04:38. Часовой пояс GMT +4.


Рейтинг Chat Planet Top
Посетителей всего
Просмотров сегодня
Посетителей сегодня
Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd. Перевод: zCarot
При перепечатке материалов форума обязательна активная ссылка на тему — источник информации.