вРазные полезности

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

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

Установка:
В низ сайта нужно поставить код и на этом все.

Код
<style type=»text/css»>  
  .uPanelbackground: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:visiteddisplay: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 imgvertical-align:-8px;  
  .uPanel a.url:hovertext-shadow:0px 0px 5px #fff;color:#fff;opacity:1.0;  
  .uPanel a.url.highlightedopacity:1.0;  
  a.buttondisplay: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:hoverborder:1px solid #815500;color:#fff;background-position:100% -28px;text-shadow:0px -1px 0px #815500  
  a.button:activeborder: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>

источник: zornet.ru

Похожие посты