prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Всё для вебмастера » Всё для DataLife Engine » DLE хаки » Передвижные блоки в DLE

Передвижные блоки в DLE


Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
У нас вы можете скачать бесплатно Передвижные блоки в DLE.


Передвижные блоки в DLE


Данный хак позволяет сделать блоки сайта передвежними. Это поможет пользователям организовать их на свой вкус

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>


Жывой пример можно увидеть сдесь



0
Просмотры: 4114 VIP ProWebber | Комментарии (16)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1Albion

  • 14 августа 2011 17:58
  • Регистрация: 12.01.2011
  • ICQ: --
  • Комментариев: 14
Забавно. Это найдёт применение в каких-небудь онлайн сервисах (мне кажется).

0

#2GroupR

  • 14 августа 2011 18:57
  • Регистрация: 5.02.2011
  • ICQ: --
  • Комментариев: 14
  • Выкл.
а как сделать чтобы не эти блоки были а свои перемещались ?

0

#3bizZz0n

  • 14 августа 2011 18:59
  • Регистрация: 21.09.2010
  • ICQ: --
  • Комментариев: 87
Картинка в новости не отображается!

0

#4D-mon

  • 14 августа 2011 19:13
  • Регистрация: 24.10.2010
  • ICQ: --
  • Комментариев: 9
чё за шаблон на сайте где демо?

0

#5Julius

  • 14 августа 2011 19:21
  • Регистрация: 1.01.2011
  • ICQ: 622368858
  • Комментариев: 171
Слушай а ты можеш скинуть такой слайдер как в демо?)

--------------------

0

#6GroupR

  • 14 августа 2011 19:24
  • Регистрация: 5.02.2011
  • ICQ: --
  • Комментариев: 14
  • Выкл.
лучше скажите как сделать свои блоки передвижными а не те которые стандартно выводятся, у меня получилось что мой блок внутри этого, а как сделать чтобы только мой передвижной был ?

0

#7Julius

  • 14 августа 2011 19:46
  • Регистрация: 1.01.2011
  • ICQ: 622368858
  • Комментариев: 171
GroupR,
У меня эта же проблема... когда заменяю на эти блоки что в инструкции то работает, а с моими блоками не работает!

--------------------

0

#8AvAtAr

  • 14 августа 2011 20:09
  • Регистрация: 15.05.2010
  • ICQ: 91477666
  • Комментариев: 203
Цитата: D-mon
чё за шаблон на сайте где демо?


http://prowebber.ru/buy/buytemplate/7485-shablon-sakura-ripadaptaciya.html

--------------------

0

#9Antoxa15

  • 14 августа 2011 21:16
  • Регистрация: 16.10.2010
  • ICQ: --
  • Комментариев: 20
GroupR,
Редактируйте содержание блока

Julius,
Сори. Он только с шаблоном. Но можете написать мне в аську 584160380

0

#10Julius

  • 15 августа 2011 14:02
  • Регистрация: 1.01.2011
  • ICQ: 622368858
  • Комментариев: 171
Antoxa15,
А может сделать что бы в моем шаблоне блоки передвигались, за $ ?))

--------------------

0

#11Antoxa15

  • 15 августа 2011 14:44
  • Регистрация: 16.10.2010
  • ICQ: --
  • Комментариев: 20
Julius,
584160380

0

#12FC1488SM

  • 15 августа 2011 21:20
  • Регистрация: 25.05.2010
  • ICQ: --
  • Комментариев: 11
чё за шаблон на сайте где демо?
могу продать за 100 руб, для дле 9.0 и 9.2
Пиши 478477448

0

#13Antoxa15

  • 15 августа 2011 21:33
  • Регистрация: 16.10.2010
  • ICQ: --
  • Комментариев: 20
FC1488SM,
Очень не хорошо

0

#14StyLLeR

  • 17 августа 2011 23:08
  • Регистрация: 22.06.2011
  • ICQ: --
  • Комментариев: 118
  • Выкл.
cookie имееются или как?

0

#15Flopy

  • 20 октября 2011 01:32
  • Регистрация: 14.08.2011
  • ICQ: --
  • Комментариев: 9
Привет всем. Пожалуйста подскажите как изменить вид, чтоб было не вертикально, а горизонтально... Подскажите пожалуйста очень надо.

0

#16Niko0O

  • 5 декабря 2011 00:25
  • Регистрация: 7.03.2011
  • ICQ: --
  • Комментариев: 1
здесь привязка к классам в файле js
откройте jdashboard.min.js - перекодируйте в читабельный формат и посмотрите там к каждому классу привязка, нужно на свои классы заметить, что довольно сложно..

0
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

Последние комментарии:

Искать людей

Ваши переписки