Приветствую Вас Гость | RSS

Мой сайт

Суббота, 23.11.2024, 13:16
Главная » Файлы » Всё для Ucoz » Скрипты для ucoz

Красивый мини-профиль + форма входа
[ · Скриншот ] 20.03.2011, 16:52
Очень удобный и привлекательный мини-профиль. Также присутствует форма входа. Больше всего подойдет для светлых дизайнов, так как имеет светлые тонна. Мини-профиль компактный, но в тоже время функциональный, отображает всё, что нужно. Для гостей, мини-профиль не отображается, а отображается стильная форма входа. Установка не затруднит вас. Приступим к установке, начнем с CSS, зайдем в CSS и вставим в любое место пару строчек:
.loginField {background:#f1f1f1;border:1px solid #cbcbcb;color:#8B8881;height:20px;}  
.loginButton {background:#f1f1f1;border:1px solid #cbcbcb;color:#8B8881;width:97%;height:25%;float:left;}  
#about_pr {background:#f1f1f1;border:1px solid #cbcbcb;height:80px;}  
.buttonprofile {background:#f1f1f1;border:1px solid #cbcbcb;line-height:25px;width:100%;color:8B8881;text-align:center;margin-bottom:3px;

Теперь, сделаем стильную форму входа, для этого пройдем в редактирование дизайна и зайдем в редактирование формы входа пользователей и заменим всё, на:
<div style="width:180px;">  
<table border="0" cellspacing="1" cellpadding="0" width="100%">  
<td colspan="2" style="color:red;text-align:center;">$ERROR$</td>  
<tr><td><input class="loginField" type="text" name="user" onfocus="if(this.value=='E-Mail (uNet)')this.value=''" onblur="if(this.value=='')this.value='E-Mail (uNet)'" value="E-Mail (uNet)" size="20" style="width:96%;" maxlength="50"/></td></tr>  
<tr><td><input class="loginField" type="password" name="password" size="20" style="width:96%" onfocus="if(this.value=='Пароль')this.value=''" onblur="if(this.value=='')this.value='Пароль'" value="Пароль" maxlength="15"/></td></tr>  
</table>  
<table border="0" cellspacing="1" cellpadding="0" width="100%">  
<tr><td nowrap>
<input id="hid$PAGE_ID$" type="checkbox" name="hidden" value="1" /><label for="hid$PAGE_ID$">скрытый</label></td><td align="right" valign="top"><input class="loginButton" name="sbm" type="submit" value="Вход"/></td></tr>  
<tr><td width="40%"><input id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked"/><label for="rem$PAGE_ID$">запомнить</label></td><td colspan="2" width="60%"><div style="font-size:7pt;text-align:center;"><a href="$REMINDER_LINK$">Забыл пароль</a> | <a href="$REGISTER_LINK$">Регистрация</a></div></td></tr>  
</table>  
</div>

Ну и завершим всё, установив сам мини-профиль в блок. Создаем блок, и вставляем:
  
<table width="100%">  
<tbody>  
<tr>  
<td width="35%"><div class="avaa"><img src="$USER_AVATAR_URL$" width="80" height="80"><img src="http://ujava.3dn.ru/img/noava.png" width="80" height="80"></td>  
<td width="65%"><div id="about_pr">  
  Ник: <b>$USERNAME$</b>  

  ID: <b>$USER_ID$</b>  

  IP: <b>$IP_ADDRESS$</b>

  Пол: <b>$USER_GENDER$</b>

  Вы с нами: <b>$USER_REG_DAYS$ д4||$USER_REG_DAYS$%100>10&&$USER_REG_DAYS$%100<15)?>нейеньня</b>  
</div></td>  
</tr>  
</tbody>  
</table>  
<table width="100%">  
<tbody>  
<tr>  
<td width="100%">  
<input class="buttonprofile" type="button" onclick="document.location.href='/index/8'; return false;" value="Профиль"/>

<input class="buttonprofile" type="button" onclick="document.location.href='$PM_URL$'; return false;" value="Читать ЛС ($IS_NEW_PM$0)"/>

<input class="buttonprofile" type="button" onclick="document.location.href='$LOGOUT_LINK$'; return false;" value="Выход"/>  
</td>  
</tr>  
</tbody>  
</table>  
  
$LOGIN_FORM$  


Категория: Скрипты для ucoz | Добавил: Илья | Теги: форма, Мини-профиль, красивый, входа, скрипты
Просмотров: 459 | Загрузок: 0 | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]