Страница 1 из 11
Форум » Всё для uCoz » Скрипты от All-Cspro.Ru » Мини-профиль как на all-cspro
Мини-профиль как на all-cspro
-SAM- - Offline
Дата: Четверг, 05.02.2015, 23:36 | Сообщение # 1
Нет аватара
⇚ Stand Alone Man ⇛
Сообщения: 165
На этот раз решил выложить достаточно удобный и функциональный мини-профиль нашего сайта. Мини-профиль представляет собой отдельный блок, в котором выводиться персональная информация для зашедших на сайт пользователей (авторизированных). Так благодаря одному лишь блоку на сайте пользователи смогут управлять собственным аккаунтом, поэтому этот блок еще часто называют "персональный кабинет", возможно, слышали такое.

Выглядит мини-профиль 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(49Kb)

Админ - существо кроткое, пока не разозлить...٩(̾●̮̮̃̾•̃̾)۶
Форум » Всё для uCoz » Скрипты от All-Cspro.Ru » Мини-профиль как на all-cspro
Страница 1 из 11
Поиск:
Администрация проекта не несет ответственности за публикуемые материалы.
Дизайн полностью принадлежит "All-CsPro.Ru".
Дизайн сайта разработал life_man, сверстал sp1nn15.
Копирование материалов с сайта без разрешения запрещено. © 2011-2017 Хостинг от uCoz.