Компактный мини-профиль для вашего сайта.
Установка:
1)Ставить в любое место, где хотите видеть:
Code <!-- <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> -->
2)Вставляем код в ваш CSS:
Code /* Profile Style */ .profile {border:1px solid #cfcfcf;background:#e6e6e6;opacity: 0.8;} .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;} /* ------------- */
|