Меняем на uCoz стандартную кнопку ulD на свою
827материалов
228тем на форуме
3003комментария
6152пользователя

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



Всем доброго дня, сегодня в этой статье мы будем заменять для 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-entrance {  
  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-entrance:active {box-shadow:inset 0px 0px 3px #23880e!important;}  
.login-entrance: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.

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 28.08.2013 в 12:06
Материал просмотрен: 1363 раза
Категория материала: Скрипты для uCoz
К материалу оставлено: 0 комментариев

Пожаловаться
Сказать спасибо
Источник

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


avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта