Предлагаю простое решение для реализации подсказок к полям ввода формы входа системы ucoz.Рядом с полями для ввода логина и пароля будет отображаться иконка, по наведению мыши на которую будут всплывать подсказки для данных полей формы.
Подсказки высвечиваются при наведении курсора мыши на вопросительный знак рядом с полем ввода.
Установка 1. Заходим в шаблон формы входа, находим строку
Код
<input class="loginField" type="text" name="user" value="" size="20" style="width:90%;" maxlength="50"/>
и сразу после неё вставляем:
Код
<span class="formInfo"><a href="ajax2.htm?width=475" class="jTip" id="two" name="Введите e-mail адрес">?</a></span>
Затем находим строку
Код
<input class="loginField" type="password" name="password" size="20" style="width:90%" maxlength="15"/>
И сразу после неё вставляем:
Код
<span class="formInfo"><a href="ajax.htm?width=375" class="jTip" id="one" name="Введите свой пароль:">?</a></span>
Сохраняем изменения. Затем в кодах нужных страниц сайта в секцию HEAD вставляем ссылку на файл со стилями:
Код
<link type="text/css" rel="StyleSheet" href="/global.css" />
Адрес к ссылке файла со стилями прописывайте свой.
После тега bоdy в коде шаблонов этих же страниц подключаем файл со скриптом:
Код
<script src="/jtip.js" type="text/javascript"></script>
Адрес к ссылке файла со скриптом прописывайте свой.
При необходимости откорректируйте значение ширины полей ввода.
Залейте на свой сайт файлы
ajax.htm и
ajax2.htm, в которых содержатся тексты подсказок (при желании, тексты подсказок можно править в коде этих файлов). Пропишите корректные адреса ссылок к этим файлам.
Создайте также в корневой папке своего сайта папку images и залейте в неё файлы
arrow_left.gif и l
oader.gif Всё необходимое можно скачать по ссылке в прикреплении.
Войдите на сайт или Зарегистрируйтесь