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


Используем родной спойлер DLE для скрытия объёмной и маловажной информации в шаблоне.
Это мой первый хак для DLE.
Всё очень просто, я добавил на сайт комментарий со спойлером и в исходном коде страницы нашёл его:

<!--dle_spoiler--><div class="title_spoiler"><img id="image-935940ce50a4de96f0d6c3b96d4ccef7" style="border: medium none; vertical-align: middle;" alt="" src="/templates/Шаблон/dleimages/spoiler-plus.gif">&nbsp;<a href="javascript:ShowOrHide('935940ce50a4de96f0d6c3b96d4ccef7')"><!--spoiler_title-->Показать / Скрыть текст<!--spoiler_title_end--></a></div><div id="935940ce50a4de96f0d6c3b96d4ccef7" class="text_spoiler" style="display: none;"><!--spoiler_text-->Здесь скрытый текст<!--spoiler_text_end--></div><!--/dle_spoiler-->


Я удалил из него лишние комментарии и в 3-х местах поменял ID с 935940ce50a4de96f0d6c3b96d4ccef7 на spoilerid1. Обращаю ваше внимание на то, что ID у каждого спойлера должен быть уникальным, если на странице будет 2 спойлера с одинаковым ID, то работать будет только первый.

<!--spoiler--><div class="title_spoiler"><img id="image-spoilerid1" style="border: medium none; vertical-align: middle;" alt="" src="/templates/Шаблон/dleimages/spoiler-plus.gif">&nbsp;<a href="javascript:ShowOrHide('spoilerid1')"> Показать / Скрыть текст </a></div><div id="spoilerid1" class="text_spoiler" style="display: none;">
Здесь скрытый текст
</div><!--spoiler_end-->


В результате у меня получилась готовая конструкция, в которую я могу вставить то, что мне нужно. Для примера я вставил в неё список похожих новостей. В файл /templates/Шаблон/fullstory.tpl добавил:

<!--spoiler--><div class="title_spoiler"><img id="image-spoilerid1" style="border: medium none; vertical-align: middle;" alt="" src="/templates/Шаблон/dleimages/spoiler-plus.gif">&nbsp;<a href="javascript:ShowOrHide('spoilerid1')"> Похожие новости:</a></div><div id="spoilerid1" class="text_spoiler" style="display: none;">
        {related-news}
</div><!--spoiler_end-->


Результат вы можете увидеть на скрине в начале статьи.

Дата: 04.11.2010
Автор: ..::NiK::..


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

#1KDA1

  • 9 декабря 2010 16:31
  • Регистрация: 22.12.2009
  • ICQ: --
  • Комментариев: 3
для чего это нужно вообще? чем это лучше стандарного? можно поподробнее...

0

#2Milton

  • 9 декабря 2010 17:37
  • Регистрация: 1.02.2010
  • ICQ: --
  • Комментариев: 11
KDA1,
Используем родной спойлер DLE для скрытия объёмной и маловажной информации в шаблоне.

Читай внимательно

0

#3pleak

  • 9 декабря 2010 19:45
  • Регистрация: 15.02.2010
  • ICQ: --
  • Комментариев: 139
  • Выкл.
без понтовая штука, KDA1 верно подметил

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

-2

#4DEN 007

  • 9 декабря 2010 20:14
  • Регистрация: 3.05.2010
  • ICQ: --
  • Комментариев: 18
Кто не понял, просто берется стандартный спролер из настроек DLE, а дле берет это из библиотеки jQuery, которую в 9 версии наконец то подключили к дле.

+1

#5Ubivatel

  • 9 декабря 2010 20:24
  • Регистрация: 27.05.2010
  • ICQ: --
  • Комментариев: 52
бесполезный хак

-1

#6BR0kEN

  • 9 декабря 2010 22:32
  • Регистрация: 29.11.2009
  • ICQ: --
  • Комментариев: 255
Это должен уметь делать каждый уважающий себя веб-мастер - это раз.
Все можно реализовать проще, использовав js - это два.

<a href="javascript://" onclick="$('#dle-sp').slideToggle('slow'
1;;" class="sp" style="text-decoration:none">Название спойлера</a>
<div id="dle-sp" style="display:none; margin-bottom:5px;">
скрытый текст, отображающийся при нажатии на название
</div>

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

+1

#7kiber-nik

  • 10 декабря 2010 07:57
  • Регистрация: 28.10.2010
  • ICQ: --
  • Комментариев: 32
Упрятал также как и на скрине похожие новости и хак ссылки на новость.
Удобно, зачёт smile

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

+1

#8maclay

  • 10 декабря 2010 11:32
  • Регистрация: 21.01.2010
  • ICQ: --
  • Комментариев: 72
Думал такое каждый вебмастер познает сам. удивлен что существует такая новость, еще и хаком обозвана biggrin

-1

#9WooW

  • 10 декабря 2010 20:17
  • Регистрация: 22.10.2009
  • ICQ: --
  • Комментариев: 504
Баян, было уже, куда смотрят модераторы?

-1

#10sytronik

  • 26 декабря 2010 19:06
  • Регистрация: 10.12.2010
  • ICQ: 649334786
  • Комментариев: 59
maclay,
согласен...

-1

#11Shramik

  • 26 января 2011 01:47
  • Регистрация: 29.12.2010
  • ICQ: 2277313
  • Комментариев: 74
kep Точно )) Подмечено )

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)

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

Искать людей

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