Регистрация    Войти
Авторизация

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

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

Всем доброго дня, сегодня в этой статье мы будем заменять для 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.

Есть вопросы по шаблону или скрипту? так задай их и мы ответим!

Автор: chestr  27-09-2013, 11:41   Просмотров: 2520   
uID, Меняем на uCoz стандартную кнопку ulD, Меняем на uCoz стандартную кнопку, Меняем на uCoz
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Пользователь offline 0dinnet 30 сентября 2013 06:05
Здраствуйте у меня локальные хосты .. я бы хотел что бы ajax окно была своя как можно сделатЬ?

          1

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.