вРазные полезности

Вплывающее яхо окно авторизации для сайта.

 
Вплывающее яхо окно авторизации для сайта. Или просто просилка зарегистрироваться, только немного побольше стандартной просилки. Только маленько оригинальная и заметна сильно.
Установка:
Вставляем код в любое место между тегами body:

Код
<!—авторизация popup—>  
<style type=»text/css»>  
.cpmpopup position:absolute;top:0px;left:0px;width:100%div > div.cpmpopup position:fixed;  
</style>  

<!—[if gte IE 5.5]>  
<![if lt IE 8]>  
<style type=»text/css»>  
div#upmpopup 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=»ppmpopup»>  
<div class=»cpmpopup» id=»upmpopup»>  
<!—BODY PM START—>  
<style type=»text/css»>  
#newpm position:absolute; height:170px; width:400px; padding:4px; background-color:#FDFDFD; border:1px solid #BBBBBB; font-family:Tahoma,Arial,Sans-Serif; font-size:11px; line-height:135%; filter:progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);   
#newpmheader padding-left:5px; padding-right:5px; padding-top:2px; height:20px; color:#000000; font-weight:bold; background-color:#71AFD1; font-family:Tahoma,Arial,Sans-Serif; font-size:11px; cursor:move;   
#newpm a background:transparent; color:#4191BA; text-decoration:none;   
#newpm a:hover background:transparent; color:#FF0000; text-decoration:underline;   
</style>  
<div id=»newpm» style=»display:none;»>  
<div id=»newpmheader»>  
<div style=»float:right»><a href=»javascript://» onclick=»document.getElementById(‘newpm’).style.display=’none’; return false;»>[X]</a></div>  
<div title=»Приветствую Вас, Гость»>Приветствую Вас, Гость</div>  
</div>  

   

<div class=»pasportzag» style=»background: url(‘/avtorizazia.png’);»>  
<div align=»center»><font face=»Tahoma» style=»font-size:10pt» color=»#4C6995″><b>Введите <u>логин</u> и <u>пароль</u>:</b></font></div><br>  
<form method=»post» style=»margin:0″ action=»$HOME_PAGE_LINK$index/» onsubmit=»trythis.sbm.disabled=true;catch(e)»><style type=»text/css»>.uLogBlock margin:0;padding:2px;clear:both;.uLogDescr,.uLogRem float:left;.uLogField,.uLogSbm float:right;</style>  

<dl class=»uLogBlock»><div class=»uLogDescr»>Логин:</div><div class=»uLogField»><input class=»loginField» type=»text» name=»user» value=»» size=»20″ style=»width:100px» maxlength=»25″ /></div></dl>  
<dl class=»uLogBlock»><div class=»uLogDescr» id=»uld2″>Пароль:</div><div class=»uLogField» id=»ulf2″><input class=»loginField» type=»password» name=»password» size=»20″ style=»width:100px» maxlength=»15″ /></div></dl>  
<dl class=»uLogBlock»><div class=»uLogRem»><input id=»remsitePage1″ type=»checkbox» name=»rem» value=»1″ checked /><label for=»remsitePage1″>запомнить</label> </div>  
<div class=»uLogSbm»><input class=»loginButton» name=»sbm» type=»submit» value=»Вход» /></div></dl>  
<dl class=»uLogBlock»><div class=»uLogLinks» style=»font-size:7pt;text-align:center;»><a href=»javascript://» onClick=»window.open(‘$HOME_PAGE_LINK$index/5′,’upp’,’scrollbars=1,top=0,left=0,resizable=1,width=200,height=150’) || alert(‘Отключите блокировку всплывающих окон!’); return false;»>Забыл пароль</a> · <a id=»ull2″ href=»$HOME_PAGE_LINK$index/3-0-0″>Регистрация</a></div></dl>  
<input type=»hidden» name=»a» value=»2″ /><input type=»hidden» name=»s» value=»0″ /><input type=»hidden» name=»c» value=»0″ /></form>  
</div>  

</p>  
<fieldset>  
<legend><font style=»font-size:12px; color:335EA8;»>Ваши возможности на сайте ограничены!</font></legend>  
<div style=»overflow:auto; width:380px; height:30px;»>  
<font style=»font-size:14px;»>Для того чтобы снять ограничения, вам нужно зарегистрироваться !</font>  
</div>  
</fieldset>  
<div align=»right» style=»font-size:12px;»>  
<a href=»javascript://» onclick=»document.getElementById(‘newpm’).style.display=’none'»>Закрыть</a>  
</div>  
</div>  
<!—BODY PM END—>  
</div>  
</div>  
<!—SCRIPT PM START—>  
<script type=»text/javascript» src=»/drag_window_pm.js»></script>  
<script type=»text/javascript»>document.getElementById(«ppmpopup»).style.height=document.getElementById(«upmpopup»).offsetHeight+’px’; </script>  
<!—SCRIPT PM END—>  
   
<!—/авторизация popup—>

источник: zornet.ru

Похожие посты