crosschit
crosschit
crosschit
Вы хотите отреагировать на этот пост ? Создайте аккаунт всего в несколько кликов или войдите на форум.

crosschit

читы для онлайн игр
 
ФорумПоследние изображенияРегистрацияВход
Размещение баннерной рекламы
витрина Ссылок
Купить ссылку здесь
(Цена: 1 руб.)


Поставить к себе на сайт
Оплачиваемая реклама
Реклама 160-600
Размещение баннерной рекламы
счётчики
Яндекс.Метрика
Проверка тиц pr
Мы В Топ
serv-top.at.ua - Самый лучший топ сайтов серверов
Рейтинг TOP100
serv-top.at.ua - Самый лучший топ сайтов серверов
Рейтинг@Mail.ru
serv-top.at.ua - Самый лучший топ сайтов серверов
Атестат
Соц Сети

 

  Новая форма входа с мини-профилем

Перейти вниз 
АвторСообщение
Admin
Admin
Admin


Сообщения : 622
Очки : 1363
Спасибки : 24
Дата регистрации : 2013-02-03
Возраст : 32
Откуда : Россия оренбургская облость

	Новая форма входа с мини-профилем Empty
СообщениеТема: Новая форма входа с мини-профилем   	Новая форма входа с мини-профилем Icon_minitime1Пн Фев 24, 2014 5:03 pm

	Новая форма входа с мини-профилем 1349461285_40758844
Современный и симпатичный дизайн для формы входа 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>
Вернуться к началу Перейти вниз
http://crosschit1.sosbb.ru
 
Новая форма входа с мини-профилем
Вернуться к началу 
Страница 1 из 1
 Похожие темы
-
» новая группа!
» Ucoz » Мини-профиль внизу сайта

Права доступа к этому форуму:Вы не можете отвечать на сообщения
crosschit :: все для UCOZ :: Скрипты для uCoz-
Перейти:  
Размещение баннерной рекламы