Скрина нет,но поверьте очень красиво..) Содержимое этого архива залить в корень сайта:
Этот код ставите на тех страницах на которых хотите чтобы выплывало такое окошко, перед тегом , т.е. в конце шаблона:
Code
<?if$USER_ID$=0?>
<!--авторизация 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="http://ВАШ URL/index/" onsubmit="try{this.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('http://ВАШ URL/index/5','upp','scrollbars=1,top=0,left=0,resizable=1,width=200,height=150') || alert('Отключите блокировку всплывающих окон!'); return false;">Забыл пароль</a> · <a id="ull2" href="http://ВАШ URL/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-->
<?endif?>