menu js added

This commit is contained in:
Zira 2019-11-19 22:57:06 +05:00
parent 19753f192a
commit 2a9ff864b7
7 changed files with 98 additions and 14 deletions

View File

@ -14,6 +14,7 @@
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/zira.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/lightbox.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/main.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/extra.css" />
<!--[if lt IE 9]><script src="/assets/js/html5shiv.min.js"></script><script src="/assets/js/respond.min.js"></script><![endif]-->
@ -58,9 +59,7 @@
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<div class="top-menu-logo top-menu-header-logo"><a href="/" title="Zira CMS"><img src="/assets/images/zira.png" alt="Zira CMS" /><span>Zira CMS</span></a></div><button type="button" class="mobile-search-button navbar-toggle collapsed" data-toggle="collapse" data-target=".mobile-search-wrapper" aria-expanded="false">
<span class="glyphicon glyphicon-search"></span>
</button>
<div class="top-menu-logo top-menu-header-logo"><a href="/" title="Zira CMS"><img src="/assets/images/zira.png" alt="Zira CMS" /><span>Zira CMS</span></a></div>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#top-menu-container" aria-expanded="false">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
@ -118,6 +117,15 @@
</div>
<div class="col-sm-4 sidebar">
<aside>
<div id="secondary-menu-wrapper">
<nav>
<ul class="nav nav-pills nav-stacked">
<li class="menu-item"><a href="https://github.com/ziracms/zira" title="Репозиторий Zira CMS" class="menu-link">Репозиторий</a></li>
<li class="menu-item"><a href="https://vk.com/ziracms.public" title="Сообщество Zira CMS" class="menu-link">Сообщество</a></li>
<li class="menu-item"><a href="/ziracms/download.html" title="Скачать Zira CMS" class="menu-link">Скачать</a></li>
</ul>
</nav>
</div>
<div class="block widget-category-wrapper">
<div class="page-header">
<h2 class="widget-title">Новости</h2>
@ -172,9 +180,11 @@
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/zira.js"></script>
<script src="/assets/js/parse.js"></script>
<script src="/assets/js/lightbox.min.js"></script>
<script type="text/javascript" src="https://vk.com/js/api/openapi.js?162"></script>
<script type="text/javascript" src="/assets/plugins/vk.js"></script>
<script src="/theme/js/extra.js"></script>
<script src="/assets/plugins/spread.js"></script>
<script type="text/javascript">
(function($){

View File

@ -8,6 +8,7 @@
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/zira.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/lightbox.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/main.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/extra.css" />
<!--[if lt IE 9]><script src="/assets/js/html5shiv.min.js"></script><script src="/assets/js/respond.min.js"></script><![endif]-->
@ -57,11 +58,9 @@
<footer>
<div class="container">
<div class="row">
<div id="footer-menu-wrapper">
<p><a href="https://github.com/ziracms/zira">Zira CMS</a> - бесплатная система управления сайтом.</p>
</div>
</div>
</div>
</footer>
</div></div><!--/main-container-wrapper-->
<a href="javascript:void(0)" class="scroll-top" title="Наверх"><span class="glyphicon glyphicon-circle-arrow-up"></span></a>
@ -69,8 +68,10 @@
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/zira.js"></script>
<script src="/assets/js/parse.js"></script>
<script src="/assets/js/lightbox.min.js"></script>
<script type="text/javascript" src="https://vk.com/js/api/openapi.js?162"></script>
<script type="text/javascript" src="/assets/plugins/vk.js"></script>
<script src="/theme/js/extra.js"></script>
</body>
</html>

69
theme/js/extra.js Normal file
View File

@ -0,0 +1,69 @@
zira_base = '/';
zira_scroll_effects_enabled = true;
zira_show_images_description = true;
(function($){
function buildTopMenu (container) {
if ($(container).length == 0) return;
if ($(container).children('#top-menu-wrapper').length > 0) return;
var menu = $('<div id="top-menu-wrapper"><nav class="navbar navbar-default"><div class="container-fluid"><div class="navbar-header">'+
'<div class="top-menu-logo top-menu-header-logo"><a href="/" title="Zira CMS"><img src="/assets/images/zira.png" alt="Zira CMS" /><span>Zira CMS</span></a></div>'+
'<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#top-menu-container" aria-expanded="false"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>'+
'</div><div class="collapse navbar-collapse" id="top-menu-container"><ul class="nav navbar-nav">'+
'<li class="top-menu-logo"><a href="/" title="Zira CMS"><img src="/assets/images/zira.png" alt="Zira CMS" /><span>Zira CMS</span></a></li>'+
'<li class="menu-item"><a href="/" title="Главная" class="menu-link">Главная</a></li>'+
'<li class="menu-item"><a href="/ziracms.html" title="Описание Zira CMS" class="menu-link">Описание</a></li>'+
'<li class="menu-item"><a href="/ziracms/install.html" title="Установка Zira CMS" class="menu-link">Установка</a></li>'+
'<li class="menu-item"><a href="/ziracms/update.html" title="Обновление Zira CMS" class="menu-link">Обновление</a></li>'+
'</ul></div></div></nav></div>');
$(container).append(menu);
var menuObj = $(container).find('#top-menu-container ul.nav.navbar-nav');
if ($(menuObj).length == 0) return;
$(menuObj).children('li.menu-item').each(function(){
var link = $(this).children('a');
if ($(link).length == 0) return true;
if ($(link).attr('href') == window.location.pathname) {
$(this).addClass('active');
}
});
}
function buildBottomMenu(container) {
if ($(container).length == 0) return;
if ($(container).children('#footer-menu-wrapper').length > 0) return;
var menu = '<div id="footer-menu-wrapper"><nav><ul class="menu">'+
'<li class="menu-item"><a href="/" title="Главная" class="menu-link">Главная</a></li>'+
'<li class="menu-item-separator"></li>'+
'<li class="menu-item"><a href="/" title="Zira CMS" class="menu-link">Zira CMS <span class="caret"></span></a>'+
'<ul class="footer-child-menu">'+
'<li><a href="/ziracms.html" title="Описание Zira CMS">Описание</a></li>'+
'<li><a href="/ziracms/install.html" title="Установка Zira CMS">Установка</a></li>'+
'<li><a href="/ziracms/update.html" title="Обновление Zira CMS">Обновление</a></li>'+
'<li><a href="/ziracms/download.html" title="Скачать Zira CMS">Скачать</a></li>'+
'<li><a href="https://github.com/ziracms/zira" title="Репозиторий Zira CMS">Репозиторий</a></li>'+
'</ul>'+
'</li>'+
'<li class="menu-item-separator"></li>'+
'<li class="menu-item"><a href="https://money.yandex.ru/to/410014796567498" title="Помощь проекту" class="menu-link">Помощь проекту</a></li>'+
'</ul></nav></div>';
$(container).prepend(menu);
}
function buildSecondaryMenu(container) {
if ($(container).length == 0) return;
if ($(container).children('#secondary-menu-wrapper').length > 0) return;
var menu = '<div id="secondary-menu-wrapper"><nav><ul class="nav nav-pills nav-stacked">'+
'<li class="menu-item"><a href="https://github.com/ziracms/zira" title="Репозиторий Zira CMS" class="menu-link">Репозиторий</a></li>'+
'<li class="menu-item"><a href="https://vk.com/ziracms.public" title="Сообщество Zira CMS" class="menu-link">Сообщество</a></li>'+
'<li class="menu-item"><a href="/ziracms/download.html" title="Скачать Zira CMS" class="menu-link">Скачать</a></li>'+
'</ul></nav></div>';
$(container).prepend(menu);
}
$(document).ready(function(){
buildTopMenu($('header .container .row').first());
buildBottomMenu($('footer .container .row').first());
buildSecondaryMenu($('.sidebar aside').first());
});
})(jQuery);

View File

@ -10,6 +10,7 @@
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/zira.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/lightbox.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/main.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/extra.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/slider3d.css" />
@ -113,11 +114,9 @@
<footer>
<div class="container">
<div class="row">
<div id="footer-menu-wrapper">
<p><a href="https://github.com/ziracms/zira">Zira CMS</a> - бесплатная система управления сайтом.</p>
</div>
</div>
</div>
</footer>
</div></div><!--/main-container-wrapper-->
<a href="javascript:void(0)" class="scroll-top" title="Наверх"><span class="glyphicon glyphicon-circle-arrow-up"></span></a>
@ -125,9 +124,11 @@
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/zira.js"></script>
<script src="/assets/js/parse.js"></script>
<script src="/assets/js/lightbox.min.js"></script>
<script type="text/javascript" src="https://vk.com/js/api/openapi.js?162"></script>
<script type="text/javascript" src="/assets/plugins/vk.js"></script>
<script src="/theme/js/extra.js"></script>
<script src="/assets/js/slider3d.js"></script>
<script type="text/javascript">
(function($){

View File

@ -10,6 +10,7 @@
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/zira.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/lightbox.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/main.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/extra.css" />
<!--[if lt IE 9]><script src="/assets/js/html5shiv.min.js"></script><script src="/assets/js/respond.min.js"></script><![endif]-->
@ -60,11 +61,9 @@
<footer>
<div class="container">
<div class="row">
<div id="footer-menu-wrapper">
<p><a href="https://github.com/ziracms/zira">Zira CMS</a> - бесплатная система управления сайтом.</p>
</div>
</div>
</div>
</footer>
</div></div><!--/main-container-wrapper-->
<a href="javascript:void(0)" class="scroll-top" title="Наверх"><span class="glyphicon glyphicon-circle-arrow-up"></span></a>
@ -72,8 +71,10 @@
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/zira.js"></script>
<script src="/assets/js/parse.js"></script>
<script src="/assets/js/lightbox.min.js"></script>
<script type="text/javascript" src="https://vk.com/js/api/openapi.js?162"></script>
<script type="text/javascript" src="/assets/plugins/vk.js"></script>
<script src="/theme/js/extra.js"></script>
</body>
</html>

View File

@ -10,6 +10,7 @@
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/zira.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/lightbox.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/main.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/extra.css" />
<!--[if lt IE 9]><script src="/assets/js/html5shiv.min.js"></script><script src="/assets/js/respond.min.js"></script><![endif]-->
@ -59,7 +60,7 @@
<h2>Шаг 1. Начало установки.</h2>
<p><img class="image" src="/uploads/zira/screens/screen-5.jpg" alt="Установка Zira CMS - Шаг 1." width="800" height="400" /></p>
<p>Собственно, если вы попытались открыть главную страницу вашего сайта, то вы уже были перенаправлены на эту страницу, где система предлагает вам начать процесс установки. На этом этапе, вы можете выбрать язык по-умолчанию.</p>
<p>Вы также можете начать установку набрав вручную адрес "<em>/install/index.php".</em></p>
<p>Вы также можете начать установку набрав в ручную адрес "<em>/install/index.php".</em></p>
<h2>Шаг 2. Проверка.</h2>
<p><img class="image" src="/uploads/zira/screens/screen-6.jpg" alt="Установка Zira CMS - Шаг 2." width="800" height="400" /></p>
<p>На этом шаге, система проверит, соответствие установленного программного обеспечения на сервере требованиям Zira CMS. Кроме того, если вы не подготовили файловую систему, как это было описано выше, то дальнейшая установка будет невозможна.</p>
@ -111,11 +112,9 @@
<footer>
<div class="container">
<div class="row">
<div id="footer-menu-wrapper">
<p><a href="https://github.com/ziracms/zira">Zira CMS</a> - бесплатная система управления сайтом.</p>
</div>
</div>
</div>
</footer>
</div></div><!--/main-container-wrapper-->
<a href="javascript:void(0)" class="scroll-top" title="Наверх"><span class="glyphicon glyphicon-circle-arrow-up"></span></a>
@ -123,8 +122,10 @@
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/zira.js"></script>
<script src="/assets/js/parse.js"></script>
<script src="/assets/js/lightbox.min.js"></script>
<script type="text/javascript" src="https://vk.com/js/api/openapi.js?162"></script>
<script type="text/javascript" src="/assets/plugins/vk.js"></script>
<script src="/theme/js/extra.js"></script>
</body>
</html>

View File

@ -10,6 +10,7 @@
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/zira.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/lightbox.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/main.css" />
<link rel="stylesheet" type="text/css" href="/theme/css/extra.css" />
<!--[if lt IE 9]><script src="/assets/js/html5shiv.min.js"></script><script src="/assets/js/respond.min.js"></script><![endif]-->
@ -84,11 +85,9 @@
<footer>
<div class="container">
<div class="row">
<div id="footer-menu-wrapper">
<p><a href="https://github.com/ziracms/zira">Zira CMS</a> - бесплатная система управления сайтом.</p>
</div>
</div>
</div>
</footer>
</div></div><!--/main-container-wrapper-->
<a href="javascript:void(0)" class="scroll-top" title="Наверх"><span class="glyphicon glyphicon-circle-arrow-up"></span></a>
@ -96,8 +95,10 @@
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/zira.js"></script>
<script src="/assets/js/parse.js"></script>
<script src="/assets/js/lightbox.min.js"></script>
<script type="text/javascript" src="https://vk.com/js/api/openapi.js?162"></script>
<script type="text/javascript" src="/assets/plugins/vk.js"></script>
<script src="/theme/js/extra.js"></script>
</body>
</html>