FAIL (the browser should render some flash content, not this).
{info}{content}
Контент - либо любая ваша надпись
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Новый оригинальный мини-профиль с 3D кнопками by Apocalypse
Дата: Четверг, 10.03.2011, 00:46 | Сообщение # 1
Титул не установлен
аватар
ReDer - Пользователь
Профиль / У пользователя нет сайта / ЛС
Сообщений: 746
Репутация: 80  ±

Предоставляю вашему вниманию мою новую разработку. Не судите строго - это экспериментальный образец, который я рискнул выложить на всеобщее обозрение пользователям системы uCoz. Данный скрипт я создавал два дня, из которых 90% времени я потратил на адаптацию подо все самые популярные браузеры: Google Chrome, Opera, Mozilla, IE. По всем вопросам и предложениям пишите в комментариях к этому материалу

Особенности скрипта:

1) Современный оригинальный профиль с динамичным контентом
2) Возможность подстройки под любую ширину блока
3) Открытый исходный код (Я не стал кодировать и шифровать участки скрипта)
4) Все функци переведены в ajax окна (Пользователям не придётся переходить на другую страницу, чтобы посмотреть профиль, сообщения и т.д.)
5) Кроссбраузерность

Установка:

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

Code
<style type="text/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*/   
</style>   

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

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

Теперь создайте в Файловом менеджере папку Apo и залейте в неё все файлы из прикрелённого архива
Автор Apocalypse
Прикрепления: 1739_1739_by_Ap.rar (60.0 Kb)


 
  • Страница 1 из 1
  • 1
Поиск:
Поиск Go
TOP ИГР
  • {topnews}

Блок тип 1
1) Если выделить элемент страницы в тег "strong" то он станет синим, а если в спан то красным.
Блок тип 2






Новый оригинальный мини-профиль с 3D кнопками by Apocalypse - Форум
Сайт в разброботке!
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Новый оригинальный мини-профиль с 3D кнопками by Apocalypse
Дата: Четверг, 10.03.2011, 00:46 | Сообщение # 1
Титул не установлен
аватар
ReDer - Пользователь
Профиль / У пользователя нет сайта / ЛС
Сообщений: 746
Репутация: 80  ±

Предоставляю вашему вниманию мою новую разработку. Не судите строго - это экспериментальный образец, который я рискнул выложить на всеобщее обозрение пользователям системы uCoz. Данный скрипт я создавал два дня, из которых 90% времени я потратил на адаптацию подо все самые популярные браузеры: Google Chrome, Opera, Mozilla, IE. По всем вопросам и предложениям пишите в комментариях к этому материалу

Особенности скрипта:

1) Современный оригинальный профиль с динамичным контентом
2) Возможность подстройки под любую ширину блока
3) Открытый исходный код (Я не стал кодировать и шифровать участки скрипта)
4) Все функци переведены в ajax окна (Пользователям не придётся переходить на другую страницу, чтобы посмотреть профиль, сообщения и т.д.)
5) Кроссбраузерность

Установка:

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

Code
<style type="text/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*/   
</style>   

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

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

Теперь создайте в Файловом менеджере папку Apo и залейте в неё все файлы из прикрелённого архива
Автор Apocalypse
Прикрепления: 1739_1739_by_Ap.rar (60.0 Kb)


 
  • Страница 1 из 1
  • 1
Поиск:

css-mania.ucoz.com © 2026