Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Горизонтальная форма входа на сайт
Горизонтальная форма входа на сайт
workman
Дата: Пятница, 18.09.2015, 14:57 | Сообщение # 1
Vip
Сообщений:1576
Награды: 7


Знаю что все уже старо как век, но все же, решил от временного безделия сделал такую форму входа на сайт и поделиться с вами



Сам код очень прост и в установке тоже:

ПУ » Главная » Управление дизайном » Редактирование шаблонов » Форма входа пользователей.
Заменяем все на это

Код
<?if($PAGE_ID$="login")?><div style="width:120px;"><?endif?>
<table cellspacing="0" cellpadding="0" border="0" align="left">
<?if($ERROR$)?><td colspan="2" style="color:red;text-align:center;">$ERROR$</td><?endif?>
<tr>
<td><input class="login" type="text" name="user" value="" size="20" style="height:28px;" onfocus="if(this.value=='E-mail')value='';"onblur="if(this.value=='')value='E-mail';" value="E-mail" maxlength="50"/></td>
<td><input class="pass" type="password" name="password" size="20" style="height:28px;" onfocus="if(this.value=='Пароль')value='';"onblur="if(this.value=='')value='Пароль';" value="Пароль"  maxlength="15"/></td>
<td align="left" valign="top"><input class="loginButton" name="sbm" type="submit" value="Войти"/></td>
<td><span style="font-size:8pt;text-align:center;"><a href="$REMINDER_LINK$">Забыл пароль?</a></span></td>
</tr></table><?if($PAGE_ID$="login")?></div><?endif?>


В CCS в самый низ ставим это

Код
input.pass
{  
background: url(сюда ссылка на картинку пароля (замочек)) no-repeat;  
background-color: #fff;  
background-position: 5px 50%;  
color: #000;  
padding-left: 22px;  

}  
input:   {background-color:none;}
input.login  
{  
background: url(сюда ссылку на картинку конвертика) no-repeat;  
background-color: #fff;  
background-position: 5px 50%;  
color: #000;  
padding-left: 22px;  
}


Картинки копируем к себе и заливаем в ФМ



Или можете поставить свои,главное,чтобы они были размером 16х16 px
Прикрепления: 1785135.png(4Kb) · 3842781.png(1Kb) · 9313615.png(1Kb)


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Kosten
Дата: Пятница, 18.09.2015, 17:43 | Сообщение # 2
Администраторы
Сообщений:12696
Награды: 39


workman, сейчас все старое почему то становиться актуальным.

FeStemBer
Дата: Воскресенье, 04.10.2015, 04:07 | Сообщение # 3
Проверенные
Сообщений:295
Награды: 1


Хорошая версия для дизайна, просто редко встретишь такой код в горизонталь.
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Горизонтальная форма входа на сайт
Страница 1 из 11
Поиск: