Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Вход и регистрация в нижнем левом углу.
Скачать бесплатно Вход и регистрация в нижнем левом углу.
Установка ПУ/Таблица стилей (CSS) в самый низ:
.uPanel {
background:rgba(0,0,0,0.8);
color:#fff;
float:left;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);
padding: 4px 5px 4px 5px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
position:fixed;
bottom:7px;
left:7px;
}
a.button{display:block;float:left;padding:6px 9px 6px 9px;margin:2px;color:#fff;font-weight:bold;background:url('http://gamaportal.ucoz.ru/LS/button-black.png') #4E4E4E;background-position:100% 0px;border:1px solid #2D2D2D;border-radius:3px;-moz-border-radius:3px;box-shadow:0px 0px 1px #fff inset;-moz-box-shadow:0px 0px 1px #fff inset;text-shadow:0px -1px 0px #000}
a.button:hover{border:1px solid #815500;color:#fff;background-position:100% -28px;text-shadow:0px -1px 0px #815500}
a.button:active{border:1px solid #815500;color:#fff;background-position:100% -28px;box-shadow:0px 0px 5px #000 inset;-moz-box-shadow:0px 0px 5px #000 inset;text-shadow:0px -1px 0px #815500}
background:rgba(0,0,0,0.8);
color:#fff;
float:left;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);
padding: 4px 5px 4px 5px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
position:fixed;
bottom:7px;
left:7px;
}
a.button{display:block;float:left;padding:6px 9px 6px 9px;margin:2px;color:#fff;font-weight:bold;background:url('http://gamaportal.ucoz.ru/LS/button-black.png') #4E4E4E;background-position:100% 0px;border:1px solid #2D2D2D;border-radius:3px;-moz-border-radius:3px;box-shadow:0px 0px 1px #fff inset;-moz-box-shadow:0px 0px 1px #fff inset;text-shadow:0px -1px 0px #000}
a.button:hover{border:1px solid #815500;color:#fff;background-position:100% -28px;text-shadow:0px -1px 0px #815500}
a.button:active{border:1px solid #815500;color:#fff;background-position:100% -28px;box-shadow:0px 0px 5px #000 inset;-moz-box-shadow:0px 0px 5px #000 inset;text-shadow:0px -1px 0px #815500}
Далее ПУ/Нижняя часть сайта в самый низ:
<?if($USER_LOGGED_IN$)?><?else?>
<div id="dstyle"></div>
<div class="uPanel" id="uPanel" style="display:none">
<a class="button" href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;"><span>Войти</span></a> <a class="button" href="/index/3"><span>Зарегистрироваться</span></a>
</span></a>
</div>
<script type="text/javascript">
$(function(){
$("#uPanel").fadeIn('normal');
$("#uPanel a.url").tipsy({gravity: 'sw', html: true});
});
</script>
</div>
<?endif?>
<div id="dstyle"></div>
<div class="uPanel" id="uPanel" style="display:none">
<a class="button" href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;"><span>Войти</span></a> <a class="button" href="/index/3"><span>Зарегистрироваться</span></a>
</span></a>
</div>
<script type="text/javascript">
$(function(){
$("#uPanel").fadeIn('normal');
$("#uPanel a.url").tipsy({gravity: 'sw', html: true});
});
</script>
</div>
<?endif?>