ZorNet.Ru — сайт для вебмастера » Ajax модальное окно » Вплывающее яхо окно авторизации для сайта.

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

Вплывающее яхо окно авторизации для сайта.
Вплывающее яхо окно авторизации для сайта. Или просто просилка зарегистрироваться, только немного побольше стандартной просилки. Только маленько оригинальная и заметна сильно.
Установка:
Вставляем код в любое место между тегами 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="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('$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-->
22 Января 2013 Просмотров: 2648 Комментариев: (8)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 0
avatar