Мини-профиль с 3D кнопками by Apocalypse v 1.0 для сайтов на uCoz

Разместил: Apocalypse
Опубликовано: 6 июля 2015

Предоставляю вашему вниманию мою новую разработку. Не судите строго - это экспериментальный образец, который я рискнул выложить на всеобщее обозрение пользователям системы uCoz. Данный скрипт я создавал два дня, из которых 90% времени я потратил на адаптацию подо все самые популярные браузеры: Google Chrome, Opera, Mozilla, IE. По всем вопросам и предложениям пишите в комментариях к этому материалу Особенности скрипта: 1) Современный оригинальный профиль с динамичным контентом 2) Возможность подстройки под любую ширину блока 3) Открытый исходный код (Я не стал кодировать и шифровать участки скрипта) 4) Все функци переведены в ajax окна (Пользователям не придётся переходить на другую страницу, чтобы посмотреть профиль, сообщения и т.д.) 5) Кроссбраузерность Установка: 1#: В самый низ вашего CSS вставляйте:

/* © Styles of Profile by Apocalypse*/
.roundabout-holder {
width: 150;
height: 200;
overflow: hidden;
margin: 0;
position: relative;
}
.roundabout-moveable-item {
width: 150;
height: 10;
opacity: 0.5;
text-align: center;
cursor: pointer;
}
.roundabout-in-focus {
cursor: pointer;
}
.monolith { 
opacity:0.8;
position: absolute;
width: 50;
<?if($USER_AGENT$='opera')?>
top: 40;
<?else?>
top: 48;
<?endif?>
left: 48;
padding:0;
margin:0;
z-index: 200;
}
.monolith .pad {
padding: 0; 
text-align: center;
color: #999;
}
.pad em { color: #eee; }
/* © End styles of Profile by Apocalypse*/

/* © Styles of Profile by Apocalypse*/

.roundabout-holder {

width: 150;

height: 200;

overflow: hidden;

margin: 0;

position: relative;

}

.roundabout-moveable-item {

width: 150;

height: 10;

opacity: 0.5;

text-align: center;

cursor: pointer;

}

.roundabout-in-focus {

cursor: pointer;

}

.monolith {

opacity:0.8;

position: absolute;

width: 50;

<?if($USER_AGENT$='opera')?>

top: 40;

<?else?>

top: 48;

<?endif?>

left: 48;

padding:0;

margin:0;

z-index: 200;

}

.monolith .pad {

padding: 0;

text-align: center;

color: #999;

}

.pad em { color: #eee; }

/* © End styles of Profile by Apocalypse*/

2#: Следующий код вставьте после /head на нужных страницах:

<script type="text/javascript" src="/Apo/reflection.js"></script>
<script type="text/javascript" src="/Apo/Aposcript.js"></script> 
<script type="text/javascript" src="/Apo/jquery.easing.js"></script> 
<script type="text/javascript">
// © Profile by Apocalypse
$(document).ready(function() {
$('.holder').roundabout({
childSelector: '.moveme',
easing: 'easeInOutBack',
duration: 1400,
maxOpacity: 0.9,
minOpacity: 0.5,
tilt: -2
});
});
// © Apo 2010
</script>

// © Profile by Apocalypse

$(document).ready(function() {

$('.holder').roundabout({

childSelector: '.moveme',

easing: 'easeInOutBack',

duration: 1400,

maxOpacity: 0.9,

minOpacity: 0.5,

tilt: -2

});

// © Apo 2010

</script>

3#: Этот код в то место, где будет располагаться данный профиль (Желательно использовать в глобальных блоках):

<center>
<div align="center" class="holder">
<div class="monolith"> 
<div class="pad"> 
<center>
<?if($USER_LOGGED_IN$)?><img width="50" src="$USER_AVATAR_URL$" class="reflect" border="0"><?else?><img src="/Apo/is.gif" class="reflect" width="50" border="0"><?endif?>
</center>
</div> 
</div>
<?if($USER_LOGGED_IN$)?>
<script type="text/javascript"> 
function iAjaxpm(){new _uWnd('link','Личные сообщения',800,550,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1},'<iframe src="/index/14" scrolling="auto" frameborder="0" width="800" height="500"></iframe>');} 
</script> 
<script type="text/javascript"> 
function iAjaxprofile(){new _uWnd('link','Профиль',800,550,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1},'<iframe src="/index/8" scrolling="auto" frameborder="0" width="800" height="500"></iframe>');} 
</script> 
<script type="text/javascript"> 
function iAjaxquit(){new _uWnd('link','Выход из профиля',400,200,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1},'<center>В самом деле выйти из профиля?<br><br><a href="$LOGOUT_LINK$">ДА</a></center>');} 
</script> 
<script type="text/javascript"> 
function iAjaxedit(){new _uWnd('link','Редактирование личных данных',800,550,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1},'<iframe src="/index/11" scrolling="auto" frameborder="0" width="800" height="600"></iframe>');} 
</script>
<script type="text/javascript"> 
function iAjaxusers(){new _uWnd('link','Список пользователей',800,550,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1},'<iframe src="/index/15-1" scrolling="auto" frameborder="0" width="800" height="500"></iframe>');} 
</script> 
<div class="moveme"><?if($USER_AGENT$='ie')?><a onclick="javascript:iAjaxpm();" title="Личные сообщения [<?if($IS_NEW_PM$)?>Есть новые сообщения ($UNREAD_PM$)<?else?>Нет новых сообщений]<?endif?>"><img class="reflect" src="/Apo/pm_ie.png" width="20" border="0"></a><?else?><a href="javascript:iAjaxpm();" title="Личные сообщения [<?if($IS_NEW_PM$)?>Есть новые сообщения ($UNREAD_PM$)<?else?>Нет новых сообщений]<?endif?>"><img src="/Apo/pm.png" width="20" border="0"><?endif?></a></div> 
<div class="moveme"><?if($USER_AGENT$='ie')?><a onclick="javascript:iAjaxprofile();" title="Ваш профиль"><img class="reflect" src="/Apo/profile_ie.png" width="20" border="0"></a><?else?><a href="javascript:iAjaxprofile();" title="Ваш профиль"><img src="/Apo/profile.png" width="20" border="0"><?endif?></a></div>
<div class="moveme"><?if($USER_AGENT$='ie')?><a onclick="javascript:iAjaxquit();" title="Выйти из профиля"><img class="reflect" src="/Apo/logout_ie.png" width="20" border="0"></a><?else?><a href="javascript:iAjaxquit();" title="Выйти из профиля"><img src="/Apo/logout.png" width="20" border="0"><?endif?></a></div>
<div class="moveme"><?if($USER_AGENT$='ie')?><a onclick="javascript:iAjaxedit();" title="Редактировать личные данные"><img class="reflect" src="/Apo/edit_ie.png" width="20" border="0"></a><?else?><a href="javascript:iAjaxedit();" title="Редактировать личные данные"><img src="/Apo/edit.png" width="20" border="0"><?endif?></a></div>
<div class="moveme"><?if($USER_AGENT$='ie')?><a onclick="javascript:iAjaxusers();" title="Список пользователей"><img class="reflect" src="/Apo/users_ie.png" width="20" border="0"></a><?else?><a href="javascript:iAjaxusers();" title="Список пользователей"><img src="/Apo/users.png" width="20" border="0"><?endif?></a></div>
<?else?>
<div class="moveme"><a onmouseover="$LOGIN_LINK$" title="Войти в свой профиль"><?if($USER_AGENT$='ie')?><img class="reflect" src="/Apo/login_ie.png" width="20" border="0"><?else?><img src="/Apo/login.png" width="20" border="0"><?endif?></a></div>
<div class="moveme"><a onmouseover="$LOGIN_LINK$" title="Войти в свой профиль"><?if($USER_AGENT$='ie')?><img class="reflect" src="/Apo/login_ie.png" width="20" border="0"><?else?><img src="/Apo/login.png" width="20" border="0"><?endif?></a></div>
<div class="moveme"><a onmouseover="$LOGIN_LINK$" title="Войти в свой профиль"><?if($USER_AGENT$='ie')?><img class="reflect" src="/Apo/login_ie.png" width="20" border="0"><?else?><img src="/Apo/login.png" width="20" border="0"><?endif?></a></div>
<div class="moveme"><a onmouseover="$LOGIN_LINK$" title="Войти в свой профиль"><?if($USER_AGENT$='ie')?><img class="reflect" src="/Apo/login_ie.png" width="20" border="0"><?else?><img src="/Apo/login.png" width="20" border="0"><?endif?></a></div>
<div class="moveme"><a onmouseover="$LOGIN_LINK$" title="Войти в свой профиль"><?if($USER_AGENT$='ie')?><img class="reflect" src="/Apo/login_ie.png" width="20" border="0"><?else?><img src="/Apo/login.png" width="20" border="0"><?endif?></a></div>
<?endif?>
</div> 
</center>

<?if($USER_LOGGED_IN$)?><img width="50" src="$USER_AVATAR_URL$" class="reflect" border="0"><?else?><img src="/Apo/is.gif" class="reflect" width="50" border="0"><?endif?>

</center>

</div>

<?if($USER_LOGGED_IN$)?>

function iAjaxpm(){new _uWnd('link','Личные сообщения',800,550,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1},'<iframe src="/index/14" scrolling="auto" frameborder="0" width="800" height="500"></iframe>');}

</script>

function iAjaxprofile(){new _uWnd('link','Профиль',800,550,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1},'<iframe src="/index/8" scrolling="auto" frameborder="0" width="800" height="500"></iframe>');}

</script>

function iAjaxquit(){new _uWnd('link','Выход из профиля',400,200,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1},'<center>В самом деле выйти из профиля?<br><br><a href="$LOGOUT_LINK$">ДА</a></center>');}

</script>

function iAjaxedit(){new _uWnd('link','Редактирование личных данных',800,550,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1},'<iframe src="/index/11" scrolling="auto" frameborder="0" width="800" height="600"></iframe>');}

</script>

function iAjaxusers(){new _uWnd('link','Список пользователей',800,550,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1},'<iframe src="/index/15-1" scrolling="auto" frameborder="0" width="800" height="500"></iframe>');}

</script>

<div class="moveme"><?if($USER_AGENT$='ie')?><a onclick="javascript:iAjaxpm();" title="Личные сообщения [<?if($IS_NEW_PM$)?>Есть новые сообщения ($UNREAD_PM$)<?else?>Нет новых сообщений]<?endif?>"><img class="reflect" src="/Apo/pm_ie.png" width="20" border="0"></a><?else?><a href="javascript:iAjaxpm();" title="Личные сообщения [<?if($IS_NEW_PM$)?>Есть новые сообщения ($UNREAD_PM$)<?else?>Нет новых сообщений]<?endif?>"><img src="/Apo/pm.png" width="20" border="0"><?endif?></a></div>

<?else?>

<?endif?>

</div>

</center>

Теперь создайте в Файловом менеджере папку Apo и залейте в неё все файлы из прикрелённого архива

Автор публикации

не в сети 4 месяца

Apocalypse

Я не понял вашего вопроса, но постараюсь на него ответить...

Комментарии: 393Публикации: 1096Регистрация: 27-08-2018

Метки: 3D Apocalypse uCoz Мини-профиль

Apocalypse

Я не понял вашего вопроса, но постараюсь на него ответить...

Вам может также понравиться...

0 Комментарий

Старые

Межтекстовые Отзывы

Посмотреть все комментарии

Всевидящее око

Новый комментарий от пользователя Эдуард: «Забыл добавить. Снег появляется то в футере (когда ставил перед закрывающим тегом body), то наоборот почему-то в самом верху (причем сам блог сдвигался вниз), когда ставил его после открывающего тега, как было указано в статье.» в материале Приятный Новогодний снежок на HTML5 Canvas

2024-12-29 16:26:03

VVL99

Всех с новым годом!

2025-01-02 17:46:18

Всевидящее око

Новый комментарий от пользователя Acıbadem su kaçak tespiti: «Acıbadem su kaçak tespiti Kadıköy su kaçağı tespiti: Kadıköy’deki su sızıntılarında noktasal tespit için yanınızdayız. https://www.grand-indonesia.com/author/kacak/» в материале Фон из анимированных самолётов на CSS3

2025-01-02 18:25:49

Всевидящее око

Новый комментарий от пользователя elavil for anxiety reviews: «elavil for anxiety reviews

elavil for anxiety reviews» в материале Крутой анимированный индикатор загрузки в виде снежка на CSS3

2025-01-03 19:51:39

Всевидящее око

Новый комментарий от пользователя how long can you take elavil: «how long can you take elavil

how long can you take elavil» в материале След за курсором из частиц на HTML5 Canvas

2025-01-05 15:00:13

stalker1313

Привет. Может кто-нибудь знает почему не получается зайти на сайт playstation через vpn и как это исправить? Без vpn захожу на сайт, но не могу зарегать акк.
Ошибка:
Страница недоступна
Сайт playstation.com не отправил данных.
ERR_EMPTY_RESPONSE

2025-01-08 18:00:15

Al-Sher

@stalker1313, Привет. Возможно впн блочит их сайт. Попробовал со своим личным впном - сайт открывается

2025-01-08 19:56:24

stalker1313

@Al-Sher, бесплатный, хороший vpn посоветуете?

2025-01-08 22:01:35

stalker1313

Можно как-то сохранить все статьи с сайта wp в отдельные вордовские документы?

2025-01-09 19:50:03

Al-Sher

@stalker1313, Увы, я уже давно пользуюсь только личным впн на своей впске)

2025-01-10 20:41:42

......

Для публикации сообщений в чате необходимо авторизоваться

Мини-профиль с 3D кнопками by Apocalypse v 1.0 для сайтов на uCoz

Автор публикации

Apocalypse

Вам может также понравиться...

Посетители сайта

Панель управления

Июнь 2025
Пн	Вт	Ср	Чт	Пт	Сб	Вс
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30

Мини-профиль с 3D кнопками by Apocalypse v 1.0 для сайтов на uCoz

Автор публикации

Apocalypse

Вам может также понравиться...

3D облако тегов на HTML5 и jQuery

Уведомление о вошедших и сваливших с сайта в uWnd.alert окне для uCoz

Статус пользователя + смайл настроения by uCodes для сайтов на uCoz

Посетители сайта

Панель управления