Всем доброго дня, сегодня в этой статье мы будем заменять для uID пользователей стандартную кнопку формы входа uCoz на свою, но для начала смотрим демо пример.
Кто-то спросит в чём тут суть, отвечаю:
Во-первых мы заменим стандартную uID кнопку входа на свою, а это значит каждый сможет установить всё что угодно.
Во-вторых, после нажатие на кнопку uID, откроется стандартное окно с формой входа uID, а не ajax окно, где расположена данная стандартная кнопка от uCoz.
Шаг 1 - Установим HTML:
И так, нам следует найти системную переменную отвечающею за отображение uID кнопки входа на сайт:
HTML
if($LOGIN_FORM$)?>$LOGIN_FORM$endif?>
и заменить её на следующий html код:
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 стили:
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://ucoz-helper.ucoz.com/knopki/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://ucoz-helper.ucoz.com/knopki/login-button.png) no-repeat right; }
/* Кнопка регистрации
------------------------------------------*/
.login-registration {
background: #64b0db url(http://ucoz-helper.ucoz.com/knopki/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://ucoz-helper.ucoz.com/knopki/login-registration.png) no-repeat right;}
Вот и всё, мы установили свою uID кнопку для пользователей uCoz.
· 
21:18
