Поиск:
  • Страница 1 из 1
  • 1
Модератор форума: Senator  
Новый оригинальный профиль v 2.0
Дата: Воскресенье, 10.04.2011, 19:42 | Сообщение # 1
Offline
  • Проверенный
  • 1828 Сообщения
[Table]

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

Установка:

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

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

[Table]В самый верх вашего css вставляйте: [/Table]

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

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

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

  • Страница 1 из 1
  • 1
Поиск:
Администрация проекта не несет ответственности за публикуемые материалы.
Дизайн полностью принадлежит "Up-Rise.Ru".
Дизайн сайта разработал life_man.
© 2024 Сайт управляется системой uCoz.