Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
  • Страница 1 из 1
  • 1
Картинки в форме входа
#1
Воскресенье, 07.06.2009, 15:56
zimmer
Пользователь
Сообщения: 35
Репутация:
Картинки в форме входа

[spoiler="Скрин"]http://radiations.ru/_fr/0/2095104.png[/spoiler]

Делается это очень просто. Идём в шаблон "Форма входа пользователей" находим там :

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(/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;  
}

[spoiler="Картинки"]http://img353.imageshack.us/img353/5351/loginww2.gif
http://img353.imageshack.us/img353/7813/passsk6.gif[/spoiler]

Если хотим чтобы такие же были в форме Быстрого Входа(на форуме), в шаблоне "Общий вид страниц форума" после $BODY$ ставим :

Code
<?if($USER_LOGGED_IN$)?><?else?><script>  
document.all.user.className='login';  
document.all.password.className='pass';  
</script><?endif?>
#2
Воскресенье, 07.06.2009, 17:00
Архангел
Проверенный
Сообщения: 684
Репутация: 384
zimmer, было уже, вроде
  • Страница 1 из 1
  • 1
Поиск:
Форум
Социальные сети
Хостинг от uCoz