Мы в твиттере Мы в телеграме!

Провеббер » DataLife Engine » DLE хаки » Спойлер в шаблоне DLE

Спойлер в шаблоне DLE

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Спойлер в шаблоне 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::..

Missing update?
Checkout our NULLED Web Community


Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных


+1
Просмотры: 10 673 :: Комментарии (11) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1KDA1

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

#2Milton

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

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

#3pleak

  • 9 декабря 2010 19:45
  • Регистрация: 15.02.2010
  • Был(а) онлайн: 12.10.2021
  • Комментариев: 139
  • -2
без понтовая штука, KDA1 верно подметил

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

#4DEN 007

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

#5Ubivatel

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

#6BR0kEN

  • 9 декабря 2010 22:32
  • Регистрация: 29.11.2009
  • Был(а) онлайн: 30.11.2013
  • Комментариев: 255
  • +1
Это должен уметь делать каждый уважающий себя веб-мастер - это раз.
Все можно реализовать проще, использовав 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>

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

#7kiber-nik

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

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

#8maclay

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

#9WooW

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

#10sytronik

  • 26 декабря 2010 19:06
  • Регистрация: 10.12.2010
  • Был(а) онлайн: 23.01.2016
  • Комментариев: 59
  • -1
maclay,
согласен...

#11Shramik

  • 26 января 2011 01:47
  • Регистрация: 29.12.2010
  • Был(а) онлайн: 1.02.2023
  • Комментариев: 74
  • 0
kep Точно )) Подмечено )

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

Архив новостей
Май 2024 (9)
Апрель 2024 (20)
Март 2024 (20)
Февраль 2024 (27)
Январь 2024 (11)
Декабрь 2023 (13)
Друзья сайта

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