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
Теги: Скачать Форма входа и профиль выезжающий
| |||||
Категория: Скрипты uCoz | Просмотров: 4260 | Добавил: maks_djab | Рейтинг: 5.0/2 | | |||||
Теги: |
Всего комментариев: 9 | 1 2 » | ||||||||||||
|
Кроме того, материал перепечатывали с сайта на сайт, ставили... файл можно найти на Вэбочке (название tables_tablichki_dli_foruma.js).