Главная » Файлы » Скрипты для uCoz » Пользователи

Новый оригинальный профиль v 2.0 by Apocalypse для uCoz
23.06.14, 13:47:39

Скачать файл




Вот решил на днях разработать новый оригинальный мини-профиль. Идей реализации было много, но я решил сделать профиль, который был бы лёгок в установке и настройке, а также не нагружал сайт. Думаю, мне это удалось

Развёрнутый вид:


Вид профиля для гостей:


Все основные опции, такие как просмотр и редактирование профиля, Личных сообщений и списка пользователей, выводятся в ajax окнах. Выход из профиля так же подтверждается в ajax окне. Все ajax окна можно закрывать нажатием кнопки esc

Установка:

В то место, где должен быть профиль (Желательно в глобальный блок), вставляйте:
Код
<!-- <Мини-профиль by Apocalypse> -->  
  <center>  
  <table cellpadding="0" cellspacing="0" width="200">  
  <tr>  
  <td class="apoava" style="width:30;height:100;">  
  <?if($USER_LOGGED_IN$)?>  
  <img onclick="new _uWnd('','Личные сообщения [$UNREAD_PM$]',600,400,{autosize:1,maxh:500,minh:200,closeonesc:1},'<iframe src=$PM_URL$ frameborder=0 width=600 height=400>');" title="Личные сообщения [$UNREAD_PM$]" width="30" src="/apomp/pm.png" border="0">  
  <img onclick="new _uWnd('','Персональная страница',600,400,{autosize:1,maxh:500,minh:200,closeonesc:1},'<iframe src=/index/8 frameborder=0 width=600 height=400>');" title="Ваш профиль" width="30" src="/apomp/profile.png" border="0">  
  <img onclick="new _uWnd('','Редактирование данных',600,450,{autosize:1,maxh:500,minh:200,closeonesc:1},'<iframe src=/index/11 frameborder=0 width=600 height=450>');" title="Редактировать данные" width="30" src="/apomp/set.png" border="0">  
  <?else?>  
  <a title="Для гостей опции мини-профиля недоступны">  
  <img src="/apomp/unlog.png" width="30" border="0"><img src="/apomp/unlog.png" width="30" border="0"><img src="/apomp/unlog.png" width="30" border="0">  
  </a>  
  <?endif?>  
  </td>  
  <td><div class="apogl"></div></td>  
  <td width="120">  
  <?if($USER_AVATAR_URL$)?><img title="Ваш аватар" src="$USER_AVATAR_URL$" class="apoava" width="100" height="100" border="0"><?else?><img title="У вас нет аватара" src="/apomp/noavatar.png" class="apoava" width="100" border="0"><?endif?>  
  </td>  
  <td height="10" width="10"><div class="apogl"></div></td>  
  <td class="apoava" style="width:30;height:100;">  
  <?if($USER_LOGGED_IN$)?>  
  <a href="$HOME_PAGE_LINK$"><img title="Обратная связь" width="30" src="/apomp/home.png" border="0"></a>  
  <img onclick="new _uWnd('','Список пользователей',600,450,{autosize:1,maxh:500,minh:200,closeonesc:1},'<iframe src=$USERS_LIST_URL$ frameborder=0 width=600 height=450>');" title="Список пользователей" width="30" src="/apomp/ulist.png" border="0">  
  <img onclick="new _uWnd('','Выход из профиля',300,100,{autosize:1,maxh:500,minh:50,modal:1,closeonesc:1},'<center>В самом деле выйти из профиля?<br><br><a href=$LOGOUT_LINK$>Да, я уверен</a></center>');" title="Выйти из профиля" width="30" src="/apomp/lout.png" border="0">  
  <?else?>  
  <a title="Для гостей опции мини-профиля недоступны">  
  <img src="/apomp/unlog.png" width="30" border="0"><img src="/apomp/unlog.png" width="30" border="0"><img src="/apomp/unlog.png" width="30" border="0">  
  </a>  
  <?endif?>  
  </td>  
  </tr>  
  <tr>  
  <td style="width:30;"></td>  
  <td><div style="height:10;width:10;"></div></td>  
  <td>  
  <div class="apogl2" style="margin-left:45;"></div>  
  </td>  
  <td><div style="height:10;width:10;"></div></td>  
  <td style="width:30;"></td>  
  </tr>  
  </table>  
  <table cellpadding="0" cellspacing="0" width="220">  
  <td>  
  <div onclick="$('#apoinfo').slideToggle(200);" align="center" class="apoava" style="width:220;background:#666;">  
  <?ifnot($USER_LOGGED_IN$)?>  
  <a href="$LOGIN_LINK$">-==Вход на сайт==-</a><br>  
  <?else?>  
  <a title="Клик для открытия/скрытия подробной информации">  
  Здравствуйте, $USERNAME$<br>  
  <div id="apoinfo" style="display:none;">  
  Сколько дней вы на сайте: $USER_REG_DAYS$<br>  
  Вы в группе: $USER_GROUP$<br>  
  Ваш браузер: $USER_AGENT$ $USER_AGENT_VER$<br>  
  Ваш IP: $IP_ADDRESS$<br>  
  Ваш ID: $USER_ID$  
  </div>  
  </a>  
  <?endif?>  
  </div>  
  </td>  
  </table>  
  </center>  
  <!-- </Мини-профиль by apo-ucoz.com> -->


В самый верх вашего css вставляйте:
Код
/* Мини-профиль by Apocalypse */  
  a {outline: none;}  
  .apoava {font-size:12px;font-weight:bold;cursor:pointer;opacity:0.7;background:#696969;border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius:10px;border:10px solid #707070;}  
  .apoava:hover {font-size:12px;font-weight:bold;cursor:pointer;opacity:1;background:#696969;border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius:10px;border:10px solid #707070;}  
  .apogl {opacity:0.5;height:30;width:10;background:#606060;}  
  .apogl2 {opacity:0.5;height:10;width:30;background:#606060;}  
  /* /Мини-профиль by Apocalypse */


В файловом менеджере создайте папку apomp и загрузите в неё все картинки из прикреплённого архива

Профиль очень гибок в настройке, так как практически полностью основан на css каркасе. Все цвета и размеры вы легко сможете адаптировать под свой сайт (Но только в том случае, если разбираетесь в css и html)

Автор скрипта: Apocalypse

Источник материала: http://www.apo-ucoz.com
Категория: Пользователи | Добавил: Apocalypse | Теги: 2.0, профиль, Apocalypse, оригинальный, ucoz, by, для, новый
Просмотров: 418 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: