Сотрудничество |
Поставьте себе на сайт и сообщите мне |
|
Файлы |
всплывающее окно с формой входа и регистрации
Название: всплывающее окно с формой входа и регистрации
Категория: Web-мастеру
Просмотров: 9944
Загрузок: 0
Дата добавления: 22 Августа 2009, 10:30
Поделиться:
|
Скачать:
Внимание! Если ссылка не работает, файл не найден или просто возникают какие-либо вопросы, напишите об этом, пожалуйста, мне на почту: xdypx@yandex.ru. В письме достаточно указать ссылку на эту страницу и описание проблемы или свой вопрос.
|
|
Описание:
Всплывает окно, где можно выполнить вход или зарегистрироваться. Но также можно выводить любую информацию. Это окно появляется только тогда, когда пользователь - гость, т. е. не выполнил вход или не зарегистрировался. Если пользователь вошел на сайт под своим именем, то окно не появляется. ПРИМЕР СМОТРИТЕ ЗДЕСЬ Я закинул между HEAD: Code <!--VOTE POPUP START--> <style type="text/css">.cvotepopup {position:absolute;top:28%;left:35%;width:100%}div > div.cvotepopup {position:fixed;}</style> <!--[if gte IE 5.5]><![if lt IE 8]><style type="text/css">div#uvotepopup {width:expression(((ignoreMe=(document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth))<200?200: ignoreMe)+'px'); position:absolute;top:expression((ignoreMe2=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+'px'); left:expression((ignoreMe=document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft)+'px'); }</style><![endif]><![endif]-->
<div id="pvotepopup">
<div class="cvotepopup" id="uvotepopup" style="z-index:98;"> <!--BODY VOTE START--> <style type="text/css"> #vote { text-align:left; position:absolute; width:410px; } </style> <div id="vote"> <div class="xw xw-plain" id="voteheader"> <div class="xw-tl" unselectable="on"> <div class="xw-tr"> <div class="xw-tc" align="left"> <div id="myWhead" unselectable="on" class="xw-hdr x-unselectable xp-icon xw-draggable"> <div id="myWclose" class="xt xt-close" onclick="document.getElementById('pvotepopup').style.display='none'; return false;" onmouseover="this.className='xt xt-close xt-close-over'" onmouseout="this.className='xt xt-close'"></div> <span unselectable="on" class="xw-hdr-text" id="layerTitle">Пожалуйста, зарегистрируйтесь или войдите</span> </div></div></div></div> <div class="xw-bwrap"> <div class="xw-ml"> <div class="xw-mr"> <div class="xw-mc" id="xw-mc"> <div id="myWinBody" class="xw-body" style="height:auto;"> <div class="myWinCont" id="myWinCont" style="padding:5px;width*:100%;"> Здравствуйте, Гость! Прошу Вас пройти быструю регистрацию или выполнить вход на сайт. Спасибо. <fieldset> <div> <div class="smallfont" style="margin-bottom:2px"> <input class="button" type="button" value="Форма входа ⇓" style="width:170px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = '';this.innerText = ''; this.value = 'Форма входа ⇑'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = 'none'; this.innerText = ''; this.value = 'Форма входа ⇓'; }"> </div> <div style="padding-left:5px;display: none;">$LOGIN_FORM$</div></div> </fieldset>
<fieldset>
<div> <div class="smallfont" style="margin-bottom:2px"> <input class="button" type="button" value="Форма регистрации ⇓" style="width:170px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = '';this.innerText = ''; this.value = 'Форма регистрации ⇑'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = 'none'; this.innerText = ''; this.value = 'Форма регистрации ⇓'; }"> </div> <div style="padding-left:5px;display: none;"><iframe src="/index/3-1" width="357" frameborder="0" height="320"></iframe></div></div> </fieldset>
<div align="right"><a href="javascript://" onclick="document.getElementById('vote').style.display='none'"><FONT color="red"><b>Закрыть</b></FONT></a></div> </div></div></div></div></div></div> <div class="xw-bl"><div class="xw-br"> <div class="xw-bc"><div class="xw-footer"></div> </div></div></div></div> </div><!--BODY VOTE END--></div></div> <!--SCRIPT VOTE START--> <script type="text/javascript" src="drag_window_vote.js"></script> <script type="text/javascript">document.getElementById("pvotepopup").style.height=document.getElementById("uvotepopup").offsetHeight+'px'; </script> <!--SCRIPT VOTE END--> <!--VOTE POPUP END-->
Это не мой скрипт, я его нашел на каком-то сайте, уже не помню, но там была форма оценки материала, а я его переделал под форму входа и регистрации. Где форма регистрации, это я вывожу страницу регистрации в iframe Code <iframe src="/index/3-1" width="394" frameborder="0" height="330"></iframe> Я советую, чтобы все было красиво, удалить лишнее в Админ. панель--> Пользователи--> Форма регистрации пользователей. Лично у меня там только: Code <table style="background: rgb(28, 210, 253) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" class="manTable" id="siM63" border="0" cellpadding="2" cellspacing="1" width="100%"> <tbody><tr id="siM1"><td colspan="2" class="manTdError" id="siM2" align="center">$ERROR$</td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr> <tr id="siM42"><td class="manTd1" id="siM43" width="35%"><b><font color="#0000cd">$LOGIN_SIGN$</font></b></td><td class="manTd2" id="siM44">$LOGIN_FL$</td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr> <tr id="siM45"><td class="manTd1" id="siM46"><b><font color="#0000cd">$PASSWORD_SIGN$</font></b></td><td class="manTd2" id="siM47">$PASSWORD_FL$</td></tr> <tr id="siM48"><td class="manTd1" id="siM49"><b><font color="#0000cd">$PASSWORD1_SIGN$</font></b></td><td class="manTd2" id="siM50">$PASSWORD1_FL$</td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr> <tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr> <tr id="siM51"><td class="manTd1" id="siM52"><b><font color="#0000cd">$NAME_SIGN$</font></b></td><td class="manTd2" id="siM53">$NAME_FL$</td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr> <tr id="siM54"><td class="manTd1" id="siM55"><b><font color="#0000cd">$EMAIL_SIGN$</font></b></td><td class="manTd2" id="siM56">$EMAIL_FL$</td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr> <tr id="siM60"><td class="manTd1" id="siM61"><b><font color="#0000cd">$SECURITY_CODE_SIGN$</font></b></td><td class="manTd2" id="siM62">$SECURITY_CODE_FL$</td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr> <tr id="siM64"><td class="manTdBut" colspan="2" id="siM65" align="center"><input class="manFlSbm" id="siF20" name="sbm" value="$SUBMIT_SIGN$" type="submit"></td></tr> </tbody></table> А на станице Админ. панель--> Пользователи--> Страница регистрации пользователей я вообще почти все убрал: Code <HTML><head> <title>Страница регистрации - $SITE_NAME$</title> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> </head><body style="margin: 0px; padding: 0px; background-color: rgb(238, 238, 238);"><div id="ajaxreg">
<!-- Body -->
<table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr><td colspan="3" style="background: transparent url(http://dim-dragon.ucoz.ru//index_files/menu.png) repeat scroll center center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(183, 179, 197); padding-top: 10px;" align="center" height="28" valign="top"><font color="#0000cd"><b>Регистрация на <a href="http://dim-dragon.ucoz.ru" target="_blank">ВАШ САЙТ</a></b></font></td></tr> <tr><td style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><div align="center">$BODY$</div></td></tr> </tbody></table>
<!-- /Body --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr><td colspan="3" style="background: transparent url(http://dim-dragon.ucoz.ru//index_files/menu.png) repeat scroll center center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(183, 179, 197); padding-top: 10px;" align="center" height="28" valign="top"><font color="#0000cd"><b>$POWERED_BY$</b></font></td></tr> </tbody></table>
</div></body></HTML> ВОТ ТАК!
|
Комментарии:
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|
|
|