Новый Мини-Профиль

Новый Мини-Профиль
Новый мини профиль
установка
1) Скачаваем Архив и заливаем файлы в папку mini-prof
2) вставляем код в ваш блок:
Code
<div class="mpava"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$"><?else?><img src="/mini-prof/noavatar.png"><?endif?></div>  
<div class="opatb"><div class="mpname"><b><?if($USER_LOGGED_IN$)?>$USERNAME$<?else?>Гость<?endif?></b></div></div>  
<?if($USER_LOGGED_IN$)?><div class="mpin"><img src="/mini-prof/profile.png" class="mpimstr"><div class="mpstr"><a href="/index/8">Мой профиль</a></div></div>  
<div class="mpin"><img src="/mini-prof/email.png" class="mpimstr"><div class="mpstrls"><a href="/index/14" onclick="ajaxPm.start();return false;">Мои сообщения</a></div> <div class="unread"><a title="Количество новых сообщений">$UNREAD_PM$</a></div></div>  
<div class="mpin"><img src="/mini-prof/gnome-settings.png" class="mpimstr"><div class="mpstr"><a href="/index/11">Мои настройки</a></div></div>  
<div class="mpin" ><img src="/mini-prof/exit.png" style="border-bottom:1px solid #ccc" class="mpimstr"><div class="mpstr" style="border-bottom:1px solid #ccc"><a href="/index/10">Выход</a></div></div>  
<br><br>  
<?else?>  
<div style="float: left">$LOGIN_FORM$</div>

3) Вставляем в CSS:
Code
.opatb {background:#fff;border:1px solid #ccc;border-left:none;height:63px;}  
.mpava img {width:63px;height:63px;float:left;border:1px solid #d2d2d2;margin-bottom:4px;}  
.mpname {float:left;padding-left:27px;font-size:16px;color: rgb(8, 99, 151);padding-top:20px;display:inline-block}  
.mpin {text-align:left; padding:0px; clear:both; }  
.mpimstr {float:left;background:#f7f7f7;padding:3px;border:1px solid #ccc;border-right:1px dotted #ccc;border-bottom:none;display:inline-block}  
.mpstr {background:#fff;float:left;width:90%;height:17px;display:inline-block;padding-top:5px;border:1px solid #ccc;border-left:none;border-bottom:none;}  
.mpstr a {text-decoration:none;color: rgb(8, 99, 151);margin-left:4px;}  
.mpstr a:hover {text-decoration:underline;}  
.mpstrls {background:#fff;float:left;width:147px;height:17px;display:inline-block;padding-top:5px;border:1px solid #ccc;border-left:none;border-bottom:none;border-right:1px dotted #ccc;}  
.mpstrls a {text-decoration:none;color: rgb(8, 99, 151);margin-left:4px;}  
.mpstrls a:hover {text-decoration:underline;}  
.unread {background:#f7f7f7;border:1px solid #ccc;border-bottom:none;height:19px;text-align:center;font-weight:bold;padding:3px 2px 0 0;}

Автор материала:
Логин на сайте:
Группа:
Дата входа:
О материале:
Дата добавления: 27.03.2012 в 22:46
Материал просмотрен: 549 раз
Оставлены: 0 комментария
Рейтинг материала По мнению пользователей
0.0
Поделиться
Комментарии
0 комментариев
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Онлайн никого нет

Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0