Новый оригинальный профиль v 2.0 by Apocalypse для uCoz


Мини профиль для uCoz  - Новый оригинальный профиль v 2.0 by Apocalypse для uCoz

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




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





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



Установка:


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

Code
<!-- <Мини-профиль by Apocalypse> -->
<center>
<table cellpadding="0" cellspacing="0" width="200">
<tr>
<td class="apoava" style="width:30;height:100;">

<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">

<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>

</td>
<td><div class="apogl"></div></td>
<td width="120">
<img title="Ваш аватар" src="$USER_AVATAR_URL$" class="apoava" width="100" height="100" border="0"><img title="У вас нет аватара" src="/apomp/noavatar.png" class="apoava" width="100" border="0">
</td>
<td height="10" width="10"><div class="apogl"></div></td>
<td class="apoava" style="width:30;height:100;">

<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">

<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>

</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;">

<a href="$LOGIN_LINK$">-==Вход на сайт==-</a><br>

<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>

</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




  Категория: Ucoz-профиль | Добавил: AID | Дата: 09.09.2011
Скачать Новый оригинальный профиль v 2.0 by Apocalypse для uCoz с файлообменника

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Хостинг от uCoz