Четверг, 30.07.2026, 09:24
Мой сайт
Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Картикни в поле входа
ВладюхаДата: Суббота, 06.12.2008, 10:28 | Сообщение # 1
Группа: Удаленные
« » Медали!






Ну так начнём.
Прежде всего найдите себе 2 картинки размером около 16х16 в формате gif
Если вы не нашли то берите вот эти 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 и вставляем в самый конец этот код:
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;     
}

Далее заливаем наши картинки login.gif и pass.gif в корень FTP.
На это все! wink
[off]Если хотим чтобы такие же были в форме Быстрого Входа(на форуме), в шаблоне "Общий вид страниц форума" после $BODY$ ставим :
Code
<?if($USER_LOGGED_IN$)?><?else?><script>    
document.all.user.className='login';    
document.all.password.className='pass';    
</script><?endif?>
 
  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2026Хостинг от uCoz