Меню сайта
Мини-чат
Кнопка сайта
Вы можете установить нашу кнопку себе на сайт: Надоело смотреть в пустой список контактов?! Нескем пообщаться? Боты не дадут вам скучать!
Пользователи
Статистика
Пятница, 16.04.2021, 02:49
Приветствую Вас Гость
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
ICQ форум. » Веб мастеру » Программирование и скрипты » Картинки в поле входа
Картинки в поле входа
FlashДата: Суббота, 25.04.2009, 18:54 | Сообщение # 1
Венец творения
Группа: Модер ^^.
Постов: 208
Репутация: 23
Статус: Не в сети
Как будет выглядеть скрипт:

Прежде всего найдите себе 2 картинки размером около 16х16.
Если вы не нашли то берите вот эти 2: и
(Переименуйте их в login.gif и pass.gif)
Заливаем их прямо в файловый менеджер.

Дальше начнем редактировать дизайн.

В шаблоне "Форма входа пользователей" находим

Code
<input class="loginField" type="text" name="user" value="" size="20" style="width:100px" maxlength="25" />

И меняем на:
Code
<input class="login" type="text" name="user" value="" size="20" style="width:100px" maxlength="25" />

Ниже находим:
Code
<input class="loginField" type="password" name="password" size="20" style="width:100px" maxlength="15" />

И меняем на:
Code
<input class="pass" type="password" name="password" size="20" style="width:100px" maxlength="15" />

Далее заходим в таблицу стилей CSS и вставляем либо в начало, либо перед надписью /* Menus */ вот это:
Code
input.pass
{
background: url(/pass.gif) no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 18px;
}

input.login
{
background: url(/login.gif) no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 18px;
}


______________________________

 
ICQ форум. » Веб мастеру » Программирование и скрипты » Картинки в поле входа
  • Страница 1 из 1
  • 1
Поиск:

Боты!
Мега.Бот

ICQ:
7771285

Jabber:
mega.bot123@jabber.ru

Форма входа
Поиск
Наш опрос
Откуда вы про нас узнали?
Всего ответов: 309
Друзья сайта


  • MaxXBot
  • Бесплатный софт
  • Бугага - убойный смех!
  • Реклама