Главная » 2011 » Июнь » 29 » Форма входа и профиль выезжающий (Скрипты для ucoz)
29.06.2011, 15:14

Форма входа и профиль выезжающий





B CSS:
Code


/*Форма входа и мини-профиль*/
  @font-face {
  font-family: Monotype Corsiva;  
  src: url(http://sc-ucoz.at.ua/css/monotype_corsiva.ttf);  
  }
.namereklama {  
  position: absolute;  
  left: 600px;  
  top: 1px;  
  padding: 5px;
  font-family: Monotype Corsiva, arial;
  font-weight: normal;
}
.nameprofile {  
  position: absolute;  
  left: 200px;
  top: 1px;
  padding: 5px;
font-family: Monotype Corsiva, arial;
  font-weight: normal;
  }
.namenovosti {  
  position: absolute;  
  left: 1000px;  
  top: 1px;
  padding: 5px;
font-family: Monotype Corsiva, arial;
  font-weight: normal;
  }
#sin_page {position: relative;margin-left: auto;margin-right: auto;width: 100%;top: 0px;}
.panel_button {background:url("http://sc-ucoz.at.ua/img/0.png");margin-left: auto;margin-right: 290;position: relative;top: 1px;width: 173px;height: 23px;;z-index:20;filter:alpha(opacity=70);-moz-opacity:0.70;-khtml-opacity: 0.70;opacity: 0.70;cursor: pointer;padding:0px 0px 0px 0px;}
.panel_button img {position: relative;top: 0px;border: none;}
#toppanel {position: absolute;width: 100%;left: 0px;z-index: 25;text-align: center;}
#panel {width: 100%;position: relative;top: 1px;height: 0px;margin-left: auto;margin-right: auto;z-index: 10;overflow: hidden;text-align: left;}
#panel_contents {background: black;filter:alpha(opacity=70);-moz-opacity:0.70;-khtml-opacity: 0.70;opacity: 0.70;height: 100%;width: 100%;position: absolute;z-index: -1;}
#sin_page2 {position: relative;margin-left: auto;margin-right: auto;width: 100%;top: 0px;}
.panel_button2 {background:url("http://sc-ucoz.at.ua/img/001.png");margin-left: auto;margin-right: 290;position: relative;top: 1px;width: 173px;height: 23px;;z-index:20;filter:alpha(opacity=70);-moz-opacity:0.70;-khtml-opacity: 0.70;opacity: 0.70;cursor: pointer;padding:0px 0px 0px 0px;}
.panel_button2 img {position: relative;top: 0px;border: none;}
#toppanel2 {position: absolute;width: 100%;left: 0px;z-index: 25;text-align: center;}
#panel2 {width: 100%;position: relative;top: 1px;height: 0px;margin-left: auto;margin-right: auto;z-index: 10;overflow: hidden;text-align: left;}
#panel_contents2 {background: black;filter:alpha(opacity=70);-moz-opacity:0.70;-khtml-opacity: 0.70;opacity: 0.70;height: 100%;width: 100%;position: absolute;z-index: -1;}
.miniprof {width:771px;height:224px;background: url("http://sc-ucoz.at.ua/img/mini.png") no-repeat;}
.exitprof {width:40px;height:30px; no-repeat;border:0;}
.formavhoda {width:771px;height:224px;background: url('http://sc-ucoz.at.ua/img/forma_vxoga.png') no-repeat;}
.novosti {width:458px;height:224px;background: url('http://sc-ucoz.at.ua/img/HoBocTu.png') no-repeat;}
.OKK {width:40px;height:30px;background:url('http://sc-ucoz.at.ua/img/Go.png') no-repeat; border: 0px;}
.login {width:207px;height:33px;background:url('http://sc-ucoz.at.ua/img/forma_login_pass.png') no-repeat; border: #222222 0px solid; color:#000;padding:0 4 0 4;font-size:15px;}
.pass {width:207px;height:33px;background:url('http://sc-ucoz.at.ua/img/forma_login_pass.png') no-repeat; border: #222222 0px solid; color:#000;padding:0 4 0 4;font-size:15px;}
.formaname {font-size:15px;color:#858585;font-weight:bold;padding:0 0 7 15;}
.formapassword {font-size:15px;color:#858585;font-weight:bold;padding:0 0 7 0;}
.textforma3 {font-size:11px;color:#858585;padding:45 5 0 13;}
.retpass {font-weight:bold;font-size:11px;padding:10 0 0 0;color:#858585;}
.ralki {font-weight:bold;font-size:11px;padding:10 0 0 15;color:#858585;}
.regis {width:40px;height:30px;background:url('http://sc-ucoz.at.ua/img/Go.png') no-repeat;}

/*======================================================*/  

А ето после <body> на тех страницах где хотите видеть:
Code

<!---=--->

<?if($USER_LOGGED_IN$)?>
<script src="http://sc-ucoz.at.ua/js/javascript.js" type="text/javascript"></script>
<script type="text/javascript" src="http://sc-ucoz.at.ua/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://sc-ucoz.at.ua/js/sprite.js"></script>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td align="center">
<div id="sin_page2">
<div id="toppanel2">

<div id="panel2" style="height: 0px; display: block;">
<div id="panel_contents2"></div>
<center>
<table border="0" cellpadding="0" cellspacing="0" width="820px">
<tbody><tr>
<td valign="top">
<table class="miniprof" border="0" cellpadding="0" cellspacing="0" width="820px">
<tbody><tr>
<td valign="top" width="460px">
<font class="nameprofile" color="#ffdab9" size="5">Mini-profile</font>
<font class="namereklama" color="#ffdab9" size="5">Reclame</font>
<font class="namenovosti" color="#ffdab9" size="5">Last News</font>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td align="left" height="160px" valign="top" width="130px">
<div style="padding:45 10 0 10;">
<font color="#ffdab9" face="Monotype Corsiva" size="5">$USERNAME$</font>

<?if($USER_AVATAR_URL$)?>
<img src="$USER_AVATAR_URL$" title="$USERNAME$" style="width:100px !important;height:100px !important;padding:2px;background:#f5f5f5;border:1px solid #ddd;"><?else?><img src="http://sc-ucoz.at.ua/border/noavatar.png" title="$USERNAME$" style="width:100px !important;height:100px !important;padding:2px;background:#f5f5f5;border:1px solid #ddd;"><?endif?>  
   
</div>
</td>
<td style="padding:48 10 0 0;" align="left" valign="top">
<font color="#ffffff">
Ваш IP: <b>$IP_ADDRESS$</b> [ <a target="_blank" href="http://ripe.net/perl/whois?$IP_ADDRESS$">Who is</a>]<br>
Вы с нами уже: <b>$USER_REG_DAYS$ день</b><br>
Должность: <b>$USER_GROUP$</b><br><a href="/index/14">Не прочитанных ЛС : <b>$UNREAD_PM$</b></a>
</font>

<font color="#ffffff"><br><a target="_blank" href="/index/15-1">Список пользователей сайта</a></font>
<font color="#ffffff"><br><a target="_blank" href="/index/8">Просмотреть полную информацию</a></font>
<font color="#ffffff"><br><a target="_blank" href="/index/11">Конфигурация данного профиля</a></font>
<font color="#ffffff"><br><br>
Тип браузера : "$USER_AGENT$" </font>
<font color="#ffffff"><br>
Версия браузера : "$USER_AGENT_VER$"

<br>
$TIME$, $WDAY$ $DAY$,  

</font></td>
<td valign="bottom" width="60px">

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td>
<div class="exitprof" valign="bottom" align="right"><a href="/index/10"><br><br><img src="http://sc-ucoz.at.ua/img/exit.png" border="0"></a>
</div></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
<td valign="top">
<table border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td style="padding:48 10 0 0;">
<br><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>

<td width="170px">
<font color="#ffdab9" face="Monotype Corsiva" size="5">
Your Reclame
  </font>
</td>  
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>

</tr>
</tbody></table>
</td>
<td>
<table class="novosti" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td style="padding:45 5 0 13;" valign="top">

$MYINF_1$

</td></tr>
</tbody></table>
</td>

</tr>
</tbody></table>
</center>
</div>
<div style="display: block;" class="panel_button2" align="left">
<img src="http://sc-ucoz.at.ua/img/003.png">
</div>
<div style="display: none;" id="hide_button2" class="panel_button2">
<img src="http://sc-ucoz.at.ua/img/004.png">
</div>
</div>
</div>
</td>
</tr>
</tbody></table>
<script src="http://sc-ucoz.at.ua/js/javascript2.js" type="text/javascript"></script>

<?else?>
<script src="http://sc-ucoz.at.ua/js/javascript.js" type="text/javascript"></script>
<script type="text/javascript" src="http://sc-ucoz.at.ua/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://sc-ucoz.at.ua/js/sprite.js"></script>
<table cellpadding="0" cellspacing="0" border="0" width="100%">

<tr>
<td align="center">
<div id="sin_page">
<div id="toppanel">
<div id="panel" style="height: 0px; display: block;">
<div id="panel_contents"></div>
<center>
<script type="text/javascript">
sendFrm549203=function(){
  var o=$('#frmLg549203')[0],pos=_uGetOffset(o),o2=$('#blk549203')[0];
  document.body.insertBefore(o2,document.body.firstChild);
  $(o2).css({top:(pos['top'])+'px',left:(pos['left'])+'px',width:o.offsetWidth+'px',height:o.offsetHeight+'px',display:''}).html('<div align="left" style="padding:5px;"><div class="myWinLoad"></div></div>');
  _uPostForm('frmLg549203',{type:'POST',url:'/index/sub/',error:function() {
  $('#blk549203').html('<div align="" style="padding:10px;"><div class="myWinLoadSF" title="Невозможно выполнить запрос, попробуйте позже"></div></div>');
  _uWnd.alert('<div class="myWinError">Невозможно выполнить запрос, попробуйте позже</div>','',{w:250,h:90,tm:3000,pad:'15px'});
  setTimeout("$('#blk549203').css('display','none');",'1500');
  }
  });
}
</script>

<div id="blk549203" style="border:1px solid #CCCCCC;position:absolute;z-index:82;background:url('http://s107.ucoz.net/img/fr/g.gif');display:none;"></div>
<form id="frmLg549203" action="/index/sub/" method="post" style="margin:0" onsubmit="sendFrm549203();return false;">
<table cellpadding="0" cellspacing="0" border="0" width="820px">
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" width="820px" class="formavhoda">
<tr>
<td width="460px" valign="top" style="padding:80 0 0 0;">
<font class="nameprofile" color="#ffdab9" size="5">Make entry</font>
<font class="namereklama" color="#ffdab9" size="5">Registration</font>
<font class="namenovosti" color="#ffdab9" size="5">Last News</font>

<table cellpadding="0" cellspacing="0" border="0" width="460px">

<tr>
<td width="230px" class="formaname" valign="bottom">Name</td>
<td width="230px" class="formapassword" valign="bottom">Password</td>
</tr>
<tr>
<td width="230px" style="padding:0 0 0 15;" valign="top">
<input align="center" class="login" type="text" name="user" size="20" maxlength="50" />
</td>
<td width="230px" style="padding:0 0 0 0;" valign="top">
<input align="center" class="pass" type="password" name="password" size="30" maxlength="30" />
</td>
</tr>
<tr>
<td valign="top">
<div class="ralki">

<input id="remmain" type="checkbox" name="rem" value="1" checked="checked"/><label for="remmain">Запомнить меня</label><br>

</td>
<td valign="top">
<div class="retpass"><a href="javascript://" rel="nofollow" onclick="new _uWnd('Prm','Напоминание пароля',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;">Забыл пароль</a></div>
<div style="padding:20 8 7 0;" valign="bottom" align="right"><input class="OKK" name="sbm" type="submit" value=""/></div>
</td>
</tr>
</table>
</td>
<td valign="top">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td>

<div class="textforma3">
Регистрация на sc-ucoz.at.ua поможет Вам тем что Вы сможете полноценно пользоваться большинством функция данного портала, которые запрещены обычным гостям с Рунэта.
Вы так же сможете скачивать файлы не с удаленного сервера а напрямую на большой скорости с сайта, сможете предоставлять свои услуги, обмениваться информацией.
</div></td></tr>
<tr><td style="padding:32 10 0 0;">
<div valign="bottom" align="right">
<a href="$HOME_PAGE_LINK$index/3"><img class="regis" src="http://sc-ucoz.at.ua/img/GO.1.png" border="0"></a>
</td></tr>
</table>
</td>
</tr>
</table>
</td>
<td>
<table cellpadding="0" cellspacing="0" border="0" class="novosti">
<tr>
<td style="padding:45 5 0 13;" valign="top">

$MYINF_1$

</tr>
</table>
</td>
</tr>
</table><input type="hidden" name="a" value="2" /><input type="hidden" name="ajax" value="1" /><input type="hidden" name="rnd" value="203" /></form>
</center>
</div>
<div style="display: block;" class="panel_button">
<img alt="Открыть форму входа" src="http://sc-ucoz.at.ua/img/003.png">
</div>
<div style="display: none;" id="hide_button" class="panel_button">
<img alt="Закрыть форму входа" src="http://sc-ucoz.at.ua/img/004.png">
</div></div></div>
</td>
</tr>
</table>
<?endif?>  

Материал взят с сайта infoscript.ru
Теги: Скачать Форма входа и профиль выезжающий
Скачать "Форма входа и профиль выезжающий"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: Скрипты uCoz | Просмотров: 4260 | Добавил: maks_djab | Рейтинг: 5.0/2 |
Теги: профиль, форма, входа, выезжающий
Всего комментариев: 9 1 2 »
+1  
1 sold93 -Infoscript Team-  (03.07.2011 19:57) [Материал]
Аватар пользователя
классно biggrin

+1  
2 Voker -Infoscript Team-  (10.07.2011 21:06) [Материал]
Аватар пользователя
мне тоже понравилось красиво!

+1  
3 legik2003   (14.07.2011 00:39) [Материал]
Аватар пользователя
Подскажите почему у меня на гостевом профиле данная форма входа работает (открывается и закрывается, заходит и регистрирует), а после того как пользователь активировался на сайте, данную форму мини-профиля открыть не может.
Вот мой сайт: drobo.clan.su
Спасибо.

+1  
4 sold93 -Infoscript Team-  (14.07.2011 09:41) [Материал]
Аватар пользователя
видилм не так поставил......у меня все нормально работает

+1  
5 legik2003   (14.07.2011 12:37) [Материал]
Аватар пользователя
Все, спасибо, я разобрался smile просто забыл скрипт один прописать.

0  
6 Vandredo   (01.08.2011 17:43) [Материал]
Аватар пользователя
Помогите с установкой.

0  
7 Владимир   (22.08.2011 19:49) [Материал]
Аватар пользователя
У меня проблема поставил в самом начале кода каталога файлов после

<body>
$ADMIN_BAR$
и сюда код вставил

и вот что получилось http://savepic.org/2152677.jpg
как ведите верхний надписи сползли что делать?!

0  
8 maks_djab   (03.09.2011 16:32) [Материал]
Аватар пользователя
Владимир,
вот здесь
[code]
.namereklama {
position: absolute;
left: 600px;
top: 1px;
padding: 5px;
font-family: Monotype Corsiva, arial;
font-weight: normal;
}
.nameprofile {
position: absolute;
left: 200px;
top: 1px;
padding: 5px;
font-family: Monotype Corsiva, arial;
font-weight: normal;
}
.namenovosti {
position: absolute;
left: 1000px;
top: 1px;
padding: 5px;
font-family: Monotype Corsiva, arial;
font-weight: normal;
} [/code]
меняй ети значения
left: 600px;
left: 200px;
left: 1000px;
на подходящие вам

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