|
   |
| Форум » Всё для uCoz » Скрипты от All-Cspro.Ru » Мини-профиль как на all-cspro |
| Мини-профиль как на all-cspro |
На этот раз решил выложить достаточно удобный и функциональный мини-профиль нашего сайта. Мини-профиль представляет собой отдельный блок, в котором выводиться персональная информация для зашедших на сайт пользователей (авторизированных). Так благодаря одному лишь блоку на сайте пользователи смогут управлять собственным аккаунтом, поэтому этот блок еще часто называют "персональный кабинет", возможно, слышали такое.
Выглядит мини-профиль All-CsPro.Ru следующим образом:  Как мы видим, по центру выводиться приветственное сообщение, аватарка пользователя, а чуть ниже - ссылка для личных сообщений, ссылка для поиска по сайту (посредством ввода запроса через отдельное окно на ajax), а также ссылка для выхода с профиля. Кроме того, присутствует ссылка "Дополнительно", при нажатии на которую мы сможем в отдельном модальном ajax-окне узнать следующее: выводиться ваш никнейм, ваша группа, ваш персональный ID, сколько дней прошло на сайте с момента вашей регистрации на нём, вывод вашего текущего IP адреса. Установка мини-профиля: Данный мини-профиль будет устанавливаться вместо блока "Форма входа" в контейнере сайта - находим этот блок через редактор шаблонов, в его содержимое прописываем следующий код: Код <noindex><center> <?if($USER_LOGGED_IN$)?><div align="center" style="margin:0 4px 0 4px;padding:2px;background-color:#0f0f0f;border:1px solid #737373;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#ffffff;">Здравствуйте,<br /><b><?if($USER_FULL_NAME$)?>$USER_FULL_NAME$<?else?>$USERNAME$<?endif?></b>!</div> <br /> <a href="/index/8" target="_self"><?if($USER_AVATAR_URL$)?><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" alt="Аватарка" border="0" /><?else?><img class="userAvatar" src="http://all-cspro.ru/ava/noavatar1.png" title="Аватар не установлен" alt="Нет аватара" border="0" /><?endif?></a> <hr /> <ul style="text-align:left;padding-left:32px;"> <li>» <a href="/index/14" target="_blank">Личные сообщения [$UNREAD_PM$]</a></li> <li>» <a href="javascript://" rel="nofollow" onclick="fun()">Дополнительно</a> <script type="text/javascript"> function fun() { new _uWnd('UserInfo','Дополнительные сведения',250,110,{autosize:1,fadespeed:100,fadeclosespeed:100,fadetype:1,fadeclosetype:2,icon:'/.s/img/icon/profile.png',min:0,modal:1,popup:1,shadow:1,close:1,header:1,nomove:1,fixed:1,header:1,max:0,resize:0},'<div align="left">• Вы вошли как: <b>$USERNAME$</b><BR />• Группа: <b>$USER_GROUP$</b><BR />• Вы пользователь: <b>№$USER_ID$</b><BR />• Вы с нами: <b>$USER_REG_DAYS$</b>-й день<BR />• Ваш IP: <b>$IP_ADDRESS$</b></div>'); } </script></li> <li>» <a href="javascript://" onclick="new _uWnd('Ss','Поиск по сайту',450,150,{align:'left',closeonesc:1,min:0,max:0},{url:'/index/45'});">Поиск по сайту</a></li> <li>» <a href="/index/10">Выход</a></li> </ul> <hr /><?else?><?if($LOGIN_FORM$)?>$LOGIN_FORM$<?endif?><?endif?> </center></noindex> Код <?if($USER_LOGGED_IN$)?>Мини-профиль<?else?>Форма входа<?endif?> Мини-профиль подойдёт как для светлого, так и для тёмного дизайна. На этом всё, устанавливайте и тестируйте! Прикрепления: 7018131.png(49.0 Kb)
Админ - существо кроткое, пока не разозлить...٩(̾●̮̮̃̾•̃̾)۶ 
 |
| |||
| |||