2
Вы не авторизованы!
Присоединяйтесь к нашему сообществу :)
авторизация
Вакансии
На сайт требуется контент-менеджер
смотреть вакансии

Авторизация для uCoz

Формы входа/регистрации 2012-Янв-01 proucoz 4.6k 0

Красивая черная панелька кнопок АВТОРИЗАЦИЯ и ВХОД с полупрозрачным фоном для ucoz.

Установка: в нижнюю часть сайта.

Code
<?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?>


Теперь ставим этот код в CSS вашего сайта:

Code
.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://webo4ka.ru/Ucoz5/avtorizachii_dli_ucoz.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}


Вариант с синими кнопками:




В нижнюю часть ставим тот же код. В CSS вот этот код:

Code
a.button{display:block;float:left;padding:6px 9px 6px 9px;margin:2px;color:#fff;font-weight:bold;background:url('http://uscripter.do.am/images/button-black2.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 #006781;color:#fff;background-position:100% -28px;text-shadow:0px -1px 0px #006781}  
  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 #006781}



На этом установка закончена.
Источник: не указан
0 комментариев
avatar