Старая форма входа

Меняем на uCoz стандартную кнопку ulD на свою торрент


» Меняем на uCoz стандартную кнопку ulD на свою

Установщик проверенных программ AppWizard


Голосов: 0

Голосов: 0

Можете оставить свой голос отметив одну из звездочек.
  • Дата добавления: 14.03.2014 - 14:29
  • Просмотров: 630

не понравилось

Всем доброго дня, сегодня в этой статье мы будем заменять для uID пользователей стандартную кнопку формы входа uCoz на свою.
Кто-то спросит в чём тут суть, отвечаю:

Во-первых мы заменим стандартную uID кнопку входа на свою, а это значит каждый сможет установить всё что угодно.

Во-вторых, после нажатие на кнопку uID, откроется стандартное окно с формой входа uID, а не ajax окно, где расположена данная стандартная кнопка от uCoz.

Шаг 1 - Установим HTML:
И так, нам следует найти системную переменную отвечающею за отображение uID кнопки входа на сайт:

Код
<?if($LOGIN_FORM$)?>$LOGIN_FORM$<?endif?>


и заменить её на следующий html код:

Код
<?if($LOGIN_FORM$)?>  
<!-- Кнопка входа и регистрация -->  
<div class="cell-login">  
  <a href="/index/3" class="login-registration">Регистрация</a>  
  <a class="login-button" href="#" onclick="new Image().src = 'http://counter.yadro.ru/hit;joncounter004?r'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();window.open('http://login.uid.me/?site=0' + window.location.host.split('.')[0] + '&ref='+window.location.href,'unetLoginWnd','width=500,height=350,resizable=yes,titlebar=yes');return false;">Вход</a>  
</div>  
<!-- /Кнопка входа и регистрация -->  
<?endif?>


Шаг 2 - Установим CSS:
А теперь чтобы придать нашим кнопкам нужный внешний вид, пропишем css стили:

Код
/* Меняем кнопку ulD входа  
------------------------------------------*/  
.cell-login {  
  float:left;  
  width:100%;  
  margin-top: 10px;  
}  

.cell-login a{  
  float:left;  
  margin-left:15px;  
  cursor:pointer;  
  padding:5px 35px 5px 10px;  
  font:11px Verdana,Arial,Helvetica, sans-serif!important;  
  font-weight: bold!important;  
  color:#fff!important;  
  border-radius:3px;  
}  

/* Кнопка входа  
------------------------------------------*/  
.login-button {  
  background:#78db64 url(http://center-dm.ru/ucoz/vid_knopok/3/login-button.png) no-repeat right;  
  border:1px solid #2cae58 !important;  
  text-shadow:1px 1px 1px #258b10!important;  
}  

.login-button:active {box-shadow:inset 0px 0px 3px #23880e!important;}  
.login-button:hover {background:#6cca59 url(http://center-dm.ru/ucoz/vid_knopok/3/login-button.png) no-repeat right; }  

/* Кнопка регистрации  
------------------------------------------*/  
.login-registration {  
  background: #64b0db url(http://center-dm.ru/ucoz/vid_knopok/3/login-registration.png) no-repeat right;  
  border:1px solid #376fb9 ;  
  text-shadow:1px 1px 1px #166693!important;  
}  

.login-registration:active {box-shadow:inset 0px 0px 3px #166693;}  
.login-registration:hover {background:#51a4d2 url(http://center-dm.ru/ucoz/vid_knopok/3/login-registration.png) no-repeat right;}



Вот и всё, мы установили свою uID кнопку для пользователей uCoz


изображение,скриншот к Меняем на uCoz стандартную кнопку ulD на свою

Облако тегов

0 комментариев

Комментариев еще нет, будьте первыми

Ошибка!

Добавлять комментарии могут только зарегистрированные пользователи. Регистрация | Вход
В центре внимания