Кодировка HTML | Демо-сайт CMS uCoz | Почта

Картинки в форме входа

Архив полностью рабочих скриптов и так далее...

Картинки в форме входа

Сообщение Vanofuture » 19 апр 2008, 11:15

Изображение
Делается это очень просто. Идём в шаблон "Форма входа пользователей" находим там :
Код: Выделить всё
<input class="loginField" type="text" name="user" value="" size="20" style="width:100%;" maxlength="50" />

и меняем на :
Код: Выделить всё
<input class="login" type="text" name="user" value="" size="20" style="width:100%;" maxlength="50" />


Потом в этом же шаблоне находим :
Код: Выделить всё
<input class="loginField" type="password" name="password" size="20" style="width:100%" maxlength="15" />

и заменяем на :
Код: Выделить всё
<input class="pass" type="password" name="password" size="20" style="width:100%" maxlength="15" />


В CSS файл ставим вот это:
input.pass
{
background: url(/images/pass.gif) no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 18px;
}

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


Красное - пути до картинок. Картинки ищите сами или берите эти две:
Изображение
Изображение

Изображение
Если хотим чтобы такие же были в форме Быстрого Входа(на форуме), в шаблоне "Общий вид страниц форума" после $BODY$ ставим :
Код: Выделить всё
<?if(!$USER_LOGGED_IN$)?>
<script type="text/javascript">
document.all.user.className='login';
document.all.password.className='pass';
</script>
<?endif?>
Аватара пользователя
Vanofuture
Супермодератор
Супермодератор
 
Автор темы
Сообщения: 1411
Зарегистрирован: 20 апр 2008, 09:36
Карма: + 48 -

Вернуться в Архив скриптов и интересных решений

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 8

cron