Приветствую Вас Прохожий | RSS

Воскресенье, 06.10.2024, 01:29

Меню сайта

Гостевая сайта

РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА

Категории раздела

Скрипты блоки и шапки [337]

Скрипты Вид новостей [366]

Скрипты php для ucoz [47]

Скрипты для форума [186]

Скрипты информеры [118]

Скрипты Разное [1105]

Мини-чат

Все вопросы задаем в форуме,
здесь они игнорируются!

Блок спам рекламы

Сайт села Екатерининско* .

Фильмы, сериалы торрент .

НОВИНКИ 2019 В FULLHD 4* .

Лучшее Хип-Хоп радио St* .

ФИЛЬМЫ ОНЛАЙН В HD! .

Облачный майнинг HF18BD* .

Сайт за 6000 wmr .

http://ucozon.ru/forum/* .

Lineagw 2: Revolution .

Фильмы на планшет торре* .

Добавлять могут только пользователи зарегистрированные 15 суток.

Статистика

Онлайн всего: 1

Гостей: 1

Пользователей: 0

Кто нас сегодня посетил
Статистика посетителей
Подписка на новости
День рождения

Главная » Файлы » Скрипты для uCoz » Скрипты блоки и шапки

ucoz новая форма входа светлая

Новая форма входа для ucoz, обновленный дизайн в плане мелочей и форм, красивое сочетание цвета серого, простые и красивые иконки.
Форма входа отлично и стильно смотреться на сайтах с светлым фоном шаблона.
Для установки блока формы, представляются сам стиль который выдершивае5т высоту и ширину элементов, так же сам код с встроенным скриптом для облегчения ввода логина и пароля в соответствующие поля.
Такая форма есть на многих сайтах уникальных веб разработок и не стандартных решений.
При установке есть вероятность что нужно будет подогнать размеры если ваш блок имеет статический вариант отображения.

Приступим к установке:
Таблица стилей CSS вставляем в самый низ стиль формы входа.

Code

.forma {width:100%;font:11px tahoma;}
  .login {border:1px solid rgb(119, 119, 119);margin-top:3px;margin-bottom:2px;color: rgb(119, 119, 119);}
  .vod {border:1px solid #ccc; background:#eaeaea;color: #7d7d7d;;font:11px Tahoma;padding:5px;}
  .vodd {background:#eaeaea;color: #7d7d7d;;font:11px Tahoma;padding:5px;border:1px solid #ccc;}
  .vxod input{background:#f7f7f7;border:1px solid #ccc;height:38px;margin:-6px -6px -6px 0;font-weight:bold;text-shadow:1px 1px 0 #fff;color:#7d7d7d;}
  .vxod input:hover {background:#fff;}
  .forma a {text-decoration:none;color:#7d7d7d;}
  .forma a:hover {color:#000;}

Панель управления - Дизайн - Управление дизайном - Пользователи - Форма входа пользователей:

Code

<table class="forma">
  <tr><td class="vod" colspan="2"><b>Введите ваш логин и пароль</b></td></tr> <tr ><td ><img src="http://ucozon.ru/SCRIN7/2/82477732.png" style="width:16px;height:16px;"></td><td><input class="login" type="text" name="user" value="Логин..." size="20" style="width:100%;" value="Логин..." onblur="if(this.value=='')this.value='Логин...'" onfocus="if(this.value=='Логин...')this.value=''" maxlength="50"/></td></tr>
  <tr><td ><img src="http://ucozon.ru/SCRIN7/2/274190278.png"></td><td><input class="login" type="password" name="password" value="Пароль..." size="20" style="width:100%;" value="Пароль..." onblur="if(this.value=='')this.value='Пароль...'" onfocus="if(this.value=='Пароль...')this.value=''" maxlength="50"/></td></tr>
  <tr><td class="vodd" colspan="2"><div class="vxod" style="float:right;"><input name="sbm" type="submit" value="Войти"/></div><a href="$REMINDER_LINK$">Забыли пароль?</a><br><a href="$REGISTER_LINK$">Регистрация</a></td></tr>
  </table>
$LOGIN_FORM$

Автор\Источник: не указан или не известен!
Для того что бы скачать архив необходимо зайти на сайт как пользователь.

Похожие новости на нашем сайте

Коментарий к новости

Всего комментариев: 2

Порядок вывода комментариев:

2 Combidon Дата: 30.12.2011 Время: 03:21 [№ 11696] [Материал]

Спасибо!

-1

1 FideliS Дата: 18.09.2011 Время: 17:56 [№ 10415] [Материал]

Минус в том, что такая форма НЕ запоменает пользователя! Приходится каждый раз все в ручную прописывать! А это, согласитесь, не очень удобно и чесно говоря меня раздрожает.