in.uCoz.org PDA design by Prosvetekvator
 
 
Форма входа

Старая форма входа
 
 
 
 
Категории
Шаблоны для uCoz [18]
Виды материалов [10]
Мини профили [7]
Мини чаты [8]
Виды комментариев [14]
Формы входа [3]
Информеры [33]
Украшения [16]
Меню сайта [5]
Кнопки [27]
Шапки сайта [3]
Медиа [19]
Переключатели [8]
Разное [65]
Формы поиска [9]
Скрипты [46]
Игры на сайт [6]
Аякс (Ajax) окна [1]
PHP скрипты [3]
 
 
 
 
Материал
Главная » 2013 » Июнь » 18 » Горизонтальная форма входа для uCoz
« Предидущий | ID: 247 | Следующий »

19:52
Горизонтальная форма входа для uCoz


Новый темный, горизонтальный вид формы входа для вашего сайта юкоз.

Установка:
Заходим в ПУ > Управление дизайном > Пользователи > Форма входа пользователей заменяем все на
Код

<span style="font-size: 10px; color: rgb(70, 59, 45);"></span> <input valign="middle" class="loginField" name="user" value="" size="20" style="width: 142px;" maxlength="20" type="text"><input valign="middle" class="loginField" name="password" size="20" style="width: 142px;" maxlength="20" type="password">  
<input style="width: 41px;" class="loginButton" name="sbm" value="" type="submit"><a id="ull1" href="javascript://" onclick="openLayerB('Prm',0,'/index/5','Напоминание пароля',250,130,1);return false;"> Забыл пароль</a> · <a id="ull2" href="/index/3">Регистрация</a>


Теперь вам нужно создать глобальный блок и назвать его PROFIL, в код блока ставим
Код
<div align="left"><strong>Привет: $USERNAME$</strong>  
| <a href="javascript:openOnClick('send')">Отправить ЛС</a>  
| <a id="upml2" href="javascript:openOnClick('mail')">Читать ЛС (<b>$UNREAD_PM$</b>)</a>  
| <a href="$PERSONAL_PAGE_LINK$">Мой профиль</a>  
| <a href="$LOGOUT_LINK$">Выход</a></div>


В таблицу стилей, в самый конец ставим
Код

/* Login Form */  
.loginField {font-family:Arial;padding-top:4px;height:20px;font-size: 9px; color:#ffffff; background:url(); border:0px; text-align: center}  
.queryField {font-family:Arial;padding-top:4px;height:20px;font-size: 10px; color:#ffffff; background:url(); border:0px; text-align: center}  
.loginButton{font-size:25pt;background:url() no-repeat 0px 0px; color:#FFFFFF;border:0px;height:20px;width:36px;}  
/* --------- */


И в нужное место ставим
Код
$LOGIN_FORM$ $GLOBAL_PROFIL$

Всего комментариев: 1
1 Prosvetekvator  
Ссылок нет, поставь цвет вместо url()

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
 
 
 
 
Статистика
Вверх | меню | пользователи
Онлайн всего: 10
Гостей: 10
Пользователей: 0
 
 
Полная версия сайта