Главная » 2011 » Октябрь » 28 » Вплывающее окно авторизации (Скрипты для ucoz)
28.10.2011, 18:12

Вплывающее окно авторизации





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

Вставляем код в любое место между тегами body, на нужные страницы:

Code
<!--авторизация 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-->  
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: soft-load.ru
Категория: Скрипты uCoz | Просмотров: 1676 | Добавил: Danil | Рейтинг: 0.0/0 |
Всего комментариев: 8
0  
1 Flex   (02.03.2012 21:47) [Материал]
Аватар пользователя
А куда иммено вставлять?

0  
2 Voker -Infoscript Team-  (02.03.2012 22:21) [Материал]
Аватар пользователя
Вставляем код в любое место между тегами body, на нужные страницы: что тут не понятного!
Ставте не любую страницу между тегами <body> </body>

0  
3 Flex   (02.03.2012 22:30) [Материал]
Аватар пользователя
а всмысле на нужные страницы?

0  
4 PULLO   (02.03.2012 23:31) [Материал]
Аватар пользователя
такая ссылка на изображение подразумевает что изображение находиться в корне сайта. Чтоб она там находилась она должна прилагаться к скрипту в архиве, чего я не наблюдаю
Code
style="background: url('/avtorizazia.png');">

0  
5 PULLO   (02.03.2012 23:38) [Материал]
Аватар пользователя
короче скрипт работать скорее все го не будет я так думаю
вот еще:

Code
<script type="text/javascript" src="/drag_window_pm.js"></script>

0  
6 PULLO   (02.03.2012 23:41) [Материал]
Аватар пользователя
вобщем не работает скрипт......... и что это?
<!--авторизация popup-->

0  
7 antisept -Infoscript Team-  (03.03.2012 11:10) [Материал]
Аватар пользователя
Это просто комментарий в коде

0  
8 PULLO   (03.03.2012 16:38) [Материал]
Аватар пользователя
это японял, просто слово popup меня настораживает попандер напоминает

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]