Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Новая форма входа с мини-профилем
Дата: Пн, 08.10.2012, 00:13:52 | Сообщение # 1
Аватарка Oyes
:: ПЛАГИАТОР ::
OFF
Banned Users
676 Сообщения:
57 Награды:
0 Отзывы:
Skype пользователя:
Сайт пользователя:

Современный и симпатичный дизайн для формы входа ucoz, а также для мини профиля. Скрипт формы входа использует красивую кнопку "Вход". Мини-профиль сделан в стиле минимализма. Скрипт впишется под любой дизайн.

Установка:

1. Переходим в ПУ -> Глобальные блоки, тут выбираем контейнер, где хотим видеть данный скрипт, создаем там "новый блок" и вставляем туда следующий код:
Код

<?if($USER_LOGGED_IN$)?>       
<div class="miniprofUDS">      
<div class="miniprofname" align="center"> Добро пожаловать, <b>$USERNAME$</b>!</div>      
<div class="miniprofimage">      
<a href="#"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://isucoz.ru/uploads/posts/2012-10/1349460077_comm_added_no_av.png<?endif?>" style="border:0px; "/></a>       
</div>       
<div class="miniprofinfo">       
<a class="miniprofinfo" href="/index/8">Мой профиль</a><br>      
<a class="miniprofinfo" href="/index/14">Мои сообщения <span>($UNREAD_PM$)</span></a><br>      
<a class="miniprofinfo" href="/index/11">Мои настройки</a><br>      
<a class="miniprofinfo" href="/index/10">Выход с сайта</a><br>       
</div></div>      
<?else?>      
$LOGIN_FORM$       
<?endif?>


2. Также название блока можно изменить на:

Код
<?if($USER_LOGGED_IN$)?>Панель управления<?else?>Форма входа<?endif?>


3. Далее переходим в Таблицу стилей CSS и добавляем:

Код
.miniprofimage a img {opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=70);}       
.miniprofimage a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}       
.miniprofUDS {font-family:tahoma; overflow:hidden; padding-bottom:5px;}      
.miniprofimage {padding:4px 5px 4px 5px;float:left;}      
.miniprofimage img {border:2px solid #fff;border-radius:1px;width:52px;height:52px;}      
.miniprofname {color: #333; widht:90%;background:#f3fafd;border:1px solid #e1ebf0;margin-bottom:4px;padding:5px;}      
.miniprofinfo {padding-top:4px}      
.miniprofinfo a:link,.miniprofinfo a:visited,.miniprofinfo a:active {background:url('miniprofimageurl.gif')no-repeat 3px 5px;text-decoration:none; color:#737474; padding:0px 5px 0px 10px;}      
.miniprofinfo a:hover {text-decoration:none; color:#939494;}      
.miniprofinfo span{font-weight: bold;}      
input#miniprofIN {vertical-align:middle; color:#666; font-size:11px; font-family:tahoma; border:1px solid #d5d7da; background:#fff; padding:3px 7px 3px 7px;}      
input#miniprofIN:active, input#miniprofIN:hover, input#miniprofIN:focus{outline:none; border:1px solid #bdbfc2;}      
div.input_submit {background:#2a3946 url("http://isucoz.ru/uploads/scripts/003/highlight_faint.png") repeat-x 0 0px; border:1px solid #202c36; color:#fff;      
display:inline-block; padding:5px 10px; text-align:center; text-shadow:rgba(0,0,0,0.7) 0px 1px 0px; -moz-box-shadow:rgba(0,0,0,0.43) 0px 1px 0px;-webkit-box-shadow:rgba(0,0,0,0.43) 0px 1px 0px;box-shadow:rgba(0,0,0,0.43) 0px 1px 0px; -moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;}      
div.input_submit:hover {background-color:#364959; color:#fff; cursor:pointer;}      
div.input_submit.alt {background:#758a9d url("http://isucoz.ru/uploads/scripts/003/highlight_faint.png") repeat-x 0 0px; border:1px solid #61768a;      
color:#e6edf4; text-shadow:rgba(0,0,0,0.3) 0px 1px 0px}      
div.input_submit.alt:hover {background-color:#8197aa; color:#fff; cursor:pointer;}


4. Ну и последний шаг: переходим в П.У. - Дизайн - Управление дизайном - Форма входа пользователей и всё меняем на следующий код:

Код
<div class="miniprofname" align="center"> Введите ваш <b>логин</b> и <b>пароль</b>!</div>      
<div><input id="miniprofIN" onfocus="if(value=='Логин...'){value='';}" onblur="if(value=='') {value='Логин...';}" value="Логин..." type="text" name="user" value="" size="20" style="width:100%;" maxlength="50"/></div>      
<div style="margin-bottom:2px; margin-top:1px; color:#777;"></div>      
<div><input id="miniprofIN" onfocus="if(value=='Пароль...'){value='';}" onblur="if(value=='') {value='Пароль...';}" value="Пароль..." class="loginField" type="password" name="password" size="20" style="width:100%" maxlength="15"/></div>      
<div style="display:none;">      
<table border="0" cellspacing="1" cellpadding="0" width="90%">      
<tr>      
<td nowrap><input id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked"/><label for="rem$PAGE_ID$">запомнить</label></td>      
<td align="right" valign="top"><input class="loginButton" id="EnterUser" name="sbm" type="submit" value="Вход"/></td>      
</tr>      
</table>      
</div>      
<div style="border:0px; border-top:1px solid #ccc; margin:5px; padding:5px;">      
<div style="float:right;"><div class="input_submit alt" onclick="$('#EnterUser').click()" style="padding:5px 10px;"><b>Войти</b></div></div>      
<div><a href="$REMINDER_LINK$" style="color:#999; text-shadow:0px 1px 0px #fff;">Забыли пароль</a></div>      
<div><a href="/index/3" style="color:#999; text-shadow:0px 1px 0px #fff;">Регистрация</a></div>      
<div style="clear:both"></div>      
</div>
Сообщение отредактировал Oyes - Пн, 08.10.2012, 13:09:05
Дата: Пн, 08.10.2012, 10:15:51 | Сообщение # 2
Аватарка FoL(cs)
OFF
Мошенник
318 Сообщения:
47 Награды:
9 Отзывы:
Oyes, скрин пожалуйста wink
Дата: Пн, 08.10.2012, 21:15:37 | Сообщение # 3
Аватарка KavkazeC_05
OFF
Премиум
141 Сообщения:
7 Награды:
4 Отзывы:
Skype пользователя:
Сайт пользователя:
Просто,но красиво. Спасибо. Забираю.

Дата: Вт, 09.10.2012, 23:54:42 | Сообщение # 4
Аватарка crowz
# SWAG
OFF
Banned Users
1364 Сообщения:
16 Награды:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
5.10. Так себе unsure
Дата: Чт, 25.10.2012, 14:45:15 | Сообщение # 5
Аватар не установлен
OFF
Пользователь
112 Сообщения:
3 Награды:
0 Отзывы:
Skype пользователя:
Норм . Забрал.
Дата: Чт, 01.11.2012, 22:01:02 | Сообщение # 6
Аватар не установлен
OFF
Пользователь
131 Сообщения:
0 Отзывы:
Просто,но красиво.
Дата: Пн, 05.11.2012, 22:11:42 | Сообщение # 7
Аватар не установлен
OFF
Премиум
294 Сообщения:
15 Награды:
16 Отзывы:
Skype пользователя:
забрал
Дата: Пт, 05.04.2013, 14:15:51 | Сообщение # 8
Аватар не установлен
OFF
Пользователь
393 Сообщения:
3 Награды:
2 Отзывы:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Скрин не работает mad

[Table]Заливаю файлы на ваш сайт. А так же пишу посты и создою темы на форуме.

Подробнее в теме: http://diz-cs.ru/forum/196-240739-1[/Table]
Дата: Пт, 05.04.2013, 14:26:45 | Сообщение # 9
Аватарка iliya
I Love Sports
OFF
Пользователь
231 Сообщения:
0 Отзывы:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Oyes, Спасибо взял

Привет Всем.
  • Страница 1 из 1
  • 1
Поиск: