» »

Войти или зарегистрироваться стильный вид


Смотрел много кодов и скриптов, таких как Войти или зарегистрироваться стильный вид но они оказались не рабочие. То просто одни надписи, то вообще когда зайдешь через него как пользователь, он все равно показывает что нужна регистрация на интернет ресурсе.
Пришлось немного доработать и все отлично получилось и я его поставил на темный дизайн и он отлично смотрится. Так как гость видит все надписи на желтом фоне. А когда заходит на сайт, то становиться такой мини профиль. И что главное наводишь на фото тогда только оно начинает светиться. Не говоря о том что функциональность его отличная.

Установка:
В низ сайта нужно поставить код и на этом все.
Код
<style type="text/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(255, 255, 255, 0.78);-webkit-box-shadow: 0 2px 7px rgba(255, 255, 255, 0.7);padding: 4px 5px 4px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;position:fixed;bottom:7px;left:7px;}  
  .uPanel a.url,.uPanel a.url:visited{display:block;float:left;color:#fff;font-  
  weight:bold;height:26px;line-height:26px;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;opacity:0.4;padding:0px 7px 0px 7px;position:relative;}  
  .uPanel a.url img{vertical-align:-8px;}  
  .uPanel a.url:hover{text-shadow:0px 0px 5px #fff;color:#fff;opacity:1.0;}  
  .uPanel a.url.highlighted{opacity:1.0;}  
  a.button{display:block;float:left;padding:6px 9px 6px 9px;margin:2px;color:#fff;font-weight:bold;background:url('http://bambun.ru/images/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}  
  .uPanel a.url span  
  {display:block;position:absolute;bottom:0px;left:20px;color:#fff;background:red;padding:0px 3px 0px 3px;height:14px;line-height:14px;font-size:7pt;font-weight:bold;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}  
  </style>  
  <?if($USER_LOGGED_IN$)?><div class="uPanel" id="uPanel" style="display:none">  
  <?if($USER_AVATAR_URL$)?> <a href="$PROFILE_URL$" title="Вошли как $USERNAME$" class="url"><img src="$USER_AVATAR_URL$" style="width:24px; height:24px;" alt="" /></a> <?else?><a href="$PROFILE_URL$" title="Вошли как $USERNAME$" class="url"><img src="http://zornet.ru/CSS-ZORNET/ZR/59.png" style="width:24px; height:24px;" alt="" /> </a><?endif?>  
  <a href="/index/14" title="Личные сообщения" class="url"><script src="http://zornet.ru/CSS-ZORNET/sat/sed.js" type="text/javascript"></script><img src="http://zornet.ru/CSS-ZORNET/ZR/pm.png" alt="" /></a>  
  <a href="/index/8" target="_blank" title="Персональная страница" class="url"><img  
  src="http://zornet.ru/CSS-ZORNET/ZR/wind-color.png" alt="" /></a>  
  <a href="/index/10" title="Выход" class="url"><img src="http://zornet.ru/CSS-ZORNET/ZR/exit.png" alt="" /></a>  
  </div><?else?> <div class="uPanel">  
  <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><script src="http://zornet.ru/CSS-ZORNET/sat/derw.js" type="text/javascript"></script></a> <a class="button" href="/index/3"><span>Зарегистрироваться</span></a> </div> <?endif?>  
   
  <script>$("#uPanel").fadeIn('normal');$("#uPanel a.url").tipsy({gravity: 'sw',  
  html: true});</script>

09.08.2014 Просмотров: 681 Комментарий: (9)

Поделиться в социальных сетях

Материал разместил

Комментарий: 7
Kosten
Kosten 10.08.2014 13:321
0
Код почищен от вирусов!
avatar
Гости 11.08.2014 01:022
0
Отлично работает.
Kosten
Kosten 11.08.2014 14:263
0
Многие ставил коды на этот вход на сайт. То просто надписи, то заходишь на сайт и все равно тебе предлагают регистрацию и войти как пользователь. Вот один нашел, но ссылки фонили на вирус, пришлось поменять.
Kosten
Kosten 11.08.2014 19:224
0
Slavik, тоже нравиться, немного стиль цвета сменил, чтоб на темном фоне выделялось и сделал светлую тень.
kredit-oformi
kredit-oformi 11.08.2014 20:335
0
теперь когда скрипт полностью рабочий и обезврежен самое время его установить nyam
Kosten
Kosten 11.08.2014 20:436
0
kredit-oformi, главное терпение bye когда все на мази, тогда можно в путь)
kredit-oformi
kredit-oformi 11.08.2014 21:017
0
Kosten, bye
avatar