Мини-профиль выполненный в серых тонах. Данный профиль компактен и содержит всё что нужно. Отлично будет смотретса, если профиль встроить в шапку сайта!
Установка скрипта очень проста:
Данный код ставите в общем-то куда хотите, лучше смотрится над блоками
Код
<!-- <profile> -->
<div class="profile">
<div class="pHello">Привет, $USERNAME$!<div style="float:right;padding-right:2px;" title="Текущее время (МСК)">$TIME$</div></div>
<table>
<tr>
<td>
<div class="pAvatar"><a href="$USER_AVATAR_URL$"><img src="$USER_AVATAR_URL$" style="max-width:48px;" title="Нажмите для просмотра полной версии аватара"></a><img src="/img/no_ava.png" style="max-width:48px;"></div>
</td>
<td valign="top">
<div class="pMenu">
<a href="/index/8">Профиль</a>
<a href="$PM_URL$">Личные Сообщения ($IS_NEW_PM$0)</a>
<a href="/index/11">Изменить информацию</a>
<a href="$LOGOUT_LINK$">Выход</a>
</div>
</td>
</tr>
</table>
<div class="pLogin">
$LOGIN_FORM$
</div>
</div>
<!-- </profile> -->
Ну а это собственно в CSS:
Код
/* Profile Style */
.profile {border:1px solid #cfcfcf;background:#e6e6e6;opacity: 0.8; width: 19%;}
.profile:hover {border:1px solid #cfcfcf;background:#e6e6e6;opacity: 1.0;}
.pHello {font-weight:bold;padding-left:2px;border-bottom:1px dashed #cfcfcf;}
.pAvatar {margin:3px;}
.pMenu {border-left:1px dashed #cfcfcf;}
.pMenu a {padding-left:3px;padding-bottom:3px;}
.pLogin {padding:3px;}
/* ------------- */
html:
<!-- <profile> -->
<div class="profile">
<div class="pHello">Привет, $USERNAME$!<div style="float:right;padding-right:2px;" title="Текущее время (МСК)">$TIME$</div></div>
<table>
175 |
0
