Блог
Главная » Мини профиль » Новый оригинальный профиль v 2.0 by Apocalypse для uCoz
23:33



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

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

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

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

Установка:

В то место, где должен быть профиль (Желательно в глобальный блок), вставляйте:
Code

<!-- <Мини-профиль 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 вставляйте:
Code

/* Мини-профиль 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

Источник материала: apo-ucoz.com

Категория: Мини профиль

Вы не авторизованы, по-этому вы не можете скачивать файлы к материалу, просматривать демо, читать и оставлять комментарии!

Knu.com
  • Опросик
  • Зайдете ли вы к нам еще?