SITE LOGO
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Мастерская » Веб-мастеру » форма входа поп-ап
форма входа поп-ап
tikedДата: Вторник, 2008-06-03, 0:51 AM | Сообщение # 1
Рядовой
Группа: Пользователи
Сообщений: 6
Репутация: 0
Статус: OFF Line
Code
<!--авторизация popup-->  
<?if($LOGIN_FORM$)?>  
<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>  
<p>  

<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://Ваш САЙТ/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://Ваш САЙТ/index/5','upp','scrollbars=1,top=0,left=0,resizable=1,width=200,height=150') || alert('Отключите блокировку всплывающих окон!'); return false;">Забыл пароль</a> · <a id="ull2" href="http://Ваш САЙТ/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-->  
<?endif?>  
<!--/авторизация popup-->

Установка:

Закидуете 2 файла ( drag_window_pm.js и avtorizazia.png ) к себе на сайт,
и вставляете этот код в Дизайн->Управление дизайном шаблоны->Основные шаблоны->Меню сайта

Всё готово=)

П.С Я написал что надо вставлять в меню сайта из-за того , что скрипт отображается во всех страницах .
Можете втавлять его куда угодно=)

Вместо Ваш САЙТ - пишите адресс вашего сайта

скачать drag_window_pm.js и avtorizazia.png

по вопросам установки стучи icq 401525


ну эта типа конкуренты ) или друзья ;)x3
 
Форум » Мастерская » Веб-мастеру » форма входа поп-ап
Страница 1 из 11
Поиск:

Copyright MyCorp © 2017