Данный хак позволяет сделать блоки сайта передвежними. Это поможет пользователям организовать их на свой вкус
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.zip [11.67 Kb] (cкачиваний: 189)
MD5: 493981d7db82c7dfb2d2f487025ca188
MD5: 493981d7db82c7dfb2d2f487025ca188
Главная
