Browse Source

Resolved issue #2: Spoilers

explain
Alexander Yakovlev 5 years ago
parent
commit
5e3cb744f8
  1. 34
      assets/css/colors.css
  2. 2
      assets/css/layout.css
  3. BIN
      assets/images/spoiler.icon.png
  4. 14
      assets/js/ifhub.js
  5. 77
      settings/config/config.php

34
assets/css/colors.css

@ -32,3 +32,37 @@ ol.classic {
.ls-nav--userbar > .ls-nav-item > a > img {
display: none;
}
/** Спойлер
* Modified by fedorov mich // 2014 // bSpoiler LS 1.0
**/
.spoiler-title {
color: #6da3bd;
border-bottom: 1px dashed;
font-weight: normal;
cursor: pointer;
}
.spoiler-title:hover {
color: #4d7285;
}
.spoiler-body {
display: none;
padding: 10px;
border: 1px solid #eee;
background: #f9f9f9;
margin-top: 10px;
overflow: hidden;
}
.spoiler-title:before {
float: left;
content: " ";
width: 16px;
height: 16px;
margin-top: 2px;
display: block;
border: 0px solid red;
background: url(../images/spoiler.icon.png) no-repeat left top;
}
.spoiler-title.open:before {
background: url(../images/spoiler.icon.png) no-repeat left bottom;
}

2
assets/css/layout.css

@ -74,4 +74,4 @@
*/
.ls-jumbotron {
background-image: url(../images/header.jpg);
}
}

BIN
assets/images/spoiler.icon.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1022 B

14
assets/js/ifhub.js

@ -0,0 +1,14 @@
/**
* Инициализации модулей
*
* @license GNU General Public License, version 2
* @author Alexander Yakovlev <keloero@oreolek.ru>
*/
jQuery(document).ready(function($){
$('.spoiler-title').on('click touchstart', function(){
$(this).toggleClass('open');
$(this).parent().children('div.spoiler-body').toggle('normal');
return false;
});
});

77
settings/config/config.php

@ -1,38 +1,39 @@
<?php
$config = array();
/**
* Тип сетки
*
* fluid - резина
* fixed - фиксированная ширина
*/
$config['view']['grid']['type'] = 'fluid';
// Настройки резины
$config['view']['grid']['fluid_min_width'] = '320px';
$config['view']['grid']['fluid_max_width'] = '1200px';
// Настройки фиксированная ширина
$config['view']['grid']['fixed_width'] = '1000px';
// Показывать баннер с лого и описанием или нет
$config['view']['layout_show_banner'] = false;
// Подключение скриптов шаблона
$config['head']['template']['js'] = array(
'___path.skin.assets.web___/js/init.js'
);
// Подключение стилей шаблона
$config['head']['template']['css'] = array(
"___path.skin.assets.web___/css/layout.css",
"___path.skin.assets.web___/css/colors.css",
"___path.skin.assets.web___/css/print.css"
);
$config['view']['seo']['topic_heading'] = 'h1';
$config['view']['seo']['topic_heading_list'] = 'h2';
return $config;
<?php
$config = array();
/**
* Тип сетки
*
* fluid - резина
* fixed - фиксированная ширина
*/
$config['view']['grid']['type'] = 'fluid';
// Настройки резины
$config['view']['grid']['fluid_min_width'] = '320px';
$config['view']['grid']['fluid_max_width'] = '1200px';
// Настройки фиксированная ширина
$config['view']['grid']['fixed_width'] = '1000px';
// Показывать баннер с лого и описанием или нет
$config['view']['layout_show_banner'] = false;
// Подключение скриптов шаблона
$config['head']['template']['js'] = array(
'___path.skin.assets.web___/js/init.js',
'___path.skin.assets.web___/js/ifhub.js',
);
// Подключение стилей шаблона
$config['head']['template']['css'] = array(
"___path.skin.assets.web___/css/layout.css",
"___path.skin.assets.web___/css/colors.css",
"___path.skin.assets.web___/css/print.css"
);
$config['view']['seo']['topic_heading'] = 'h1';
$config['view']['seo']['topic_heading_list'] = 'h2';
return $config;

Loading…
Cancel
Save