Всплывающая панель входа для Ucoz

16.08.2016 564 0 Turbo Все для uCoz Скрипты для uCoz

Всплывающая панель входа для Ucoz-как понятно из названия форма входа пользователей будет появляться не на новой странице и не на новом окне браузера,а всплывет снизу в прозрачном окне во весь экран Тем самым повышая функционал сайта.Еще когда окно всплывет появятся две кнопки вход и регистрация,а еще описание чего угодно,я бы к примеру сделал бы описание сайта

Установка:Вставить код ниже там где нужно видеть панель

Код

<?if($USER_LOGGED_IN$)?><?else?>
<div id="uCodes-rEg"><div id="uCodes-rDel">x</div>
<div style="padding-top: 50px;">
<div class="uCodes-cEnter">
<div class="uCodes-nAme uC1">Cтудия скриптов и дизайна <b>BEST STUDIO</b>, как студия перспективных веб-разработок.</div>
<div class="uCodes-nAme uC2">Выполните вход или зарегистрируйте на BEST STUDIO уже сегодня.</div>
</div>
<div class="uCodes-cEnter">
<a class="uCodes-u1" href="/index/3">Регистрация</a>
<a class="uCodes-u2" href="$LOGIN_LINK$">Вход</a>
</div>
</div>
</div>
<?endif?>

CSS

Код

div#uCodes-rEg {max-height: 100%;

  color: rgba(0, 0, 0, 0.85098);

  min-height: 230px;

  background: rgba(255, 255, 255, 0.901961);

  bottom: -230px;

  font-family: helvetica, arial, sans-serif;

  font-size: 30px;

  font-weight: bold;

  left: 0;

  line-height: 2;

  position: fixed;

  right: 0;

  text-align: center;

  z-index: 999;

  }

  .uCodes-cEnter {
  max-width: 1000px;

  margin: 0px auto;text-align: center;

  }

  .uCodes-nAme {

  font-size: 18px;

  line-height: 22px;

  font-weight: bold;

  text-align: center;

  margin-bottom: 15px;

  margin-top: 4px;

  color: rgba(0, 0, 0, 0.85098);

  font-family: sans-serif;

  }

  .uCodes-nAme b {

  color: #6BB933;

  font-size: 18px;

  letter-spacing: -1px;

  font-weight: bolder;

  }

  .uC2 {

  font-size: 16px !important;

  }

  a.uCodes-u1 {

  background: #f6f7f8;

  background-repeat: repeat-x;

  border: 1px solid;

  border-radius: 2px;

  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

  font-family: helvetica, arial, sans-serif;

  font-weight: bold;

  position: relative;
48
  text-align: center;
49
  border-color: #cccccc #c5c6c8 #b6b7b9;
50
  color: #4e5665;
51
  text-shadow: 0 1px 0 #fff;

  font-size: 14px;top: 40px;

  padding: 10px 16px;

  }

  a.uCodes-u2 {

  background: #6bb933;

  background-repeat: repeat-x;

  border: 1px solid;

  border-radius: 2px;

  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

  font-family: helvetica, arial, sans-serif;

  font-weight: bold;

  position: relative;

  text-align: center;

  border-color: #60a62e #519f18 #409701;

  color: #fff;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);

  font-size: 14px;top: 40px;

  padding: 10px 16px;

  }

  div#uCodes-rDel {

  position: absolute;

  right: 15px;

  top: 10px;

  font-weight: bolder;

  font-size: 15px;

  color: #767B87;

  cursor: pointer;

  }

  div#uCodes-rDel:hover {font-size: 16px;color: #76A3B8;}

JS скрипт

Код