Настоящий хак позволяет сделать блоки сайта передвежними. Это поддержит пользователям организовать их на собственный вкус
Данный хак позволяет сделать блоки сайта передвежними. Это поможет пользователям организовать их на свой вкус
1. Скачиваем архив в конце статьи
2. Заливаем папку на сайт в паку с шаблоном
3. В раздел вставляем:
<link href=»{THEME}/jdashboard/jdashboard.css» rel=»stylesheet» type=»text/css» />
<script src=»{THEME}/jdashboard/jdashboard.min.js» type=»text/javascript»></script>
<script type=»text/javascript»>
$(function() {
$(«#jDash»).jDashboard({ columns: 1 });
});
</script>
columns: 1 — можно менять на свое значение в зависимости от количества блоков
Затем создаем блоки по примеру:
<div class=»jdash-item»>
<h1 class=»jdash-head»>Название блока</h1>
<div class=»jdash-body»>
Содержание блока
</div>
</div>
Созданые блоки помещаем в тег:
<div id=»jDash»></div>
Например:
<div id=»jDash»>
<div class=»jdash-item»>
<h1 class=»jdash-head»>Название блока</h1>
<div class=»jdash-body»>
Содержание блока
</div>
</div>
<div class=»jdash-item»>
<h1 class=»jdash-head»>Название блока1</h1>
<div class=»jdash-body»>
Содержание блока1
</div>
</div>
<div class=»jdash-item»>
<h1 class=»jdash-head»>Название блока2</h1>
<div class=»jdash-body»>
Содержание блока2
</div>
</div>
</div>
Прикреплённые файлы:
Файл: jdashboard.rar
Размер: [11,67 Kb] (забрали: 15 раз)