Хак для Dle Topnews со спойлером

Рубрика: Хаки для DLE » Хак DLE 11.2, 11.1, 11.0, 10.6, 10.5, 10.4, 10.3, 10.2, 10.1, 10.0, 9.8, 9.7, 9.6, 9.5, 9.4, 9.3, 9.2, 9.0
Хак для Dle Topnews со спойлером
Необычный и красивый хак для dle Topnews со спойлером для любой версии движка позволяет добавить спойлер для просмотра информации о популярной новости. Хак был немного адаптировано под блок размером больше 220px в коде css оформления кода, сам код и настройки взяты из дле шаблона Topskript.
Хак для Dle Topnews со спойлером
Установка:
Картинки из архива добавляем в свой шаблон в папку /images/
В topnews.tpl
вставляем данное содержимое:
<H2 class="acc_trigger">{title}</H2><div class="acc_container" style="display: none;">  <div class="block">    <div align="center">      <img src="{image-2}" alt="{title}"  width="120px" height="90px" />    </div>    <P>{text limit="200"}...</P>  </div>    <p class="readmore" align="right"><a href="{link}" title="{title}">Подробнее</a>  </p></div>


В main.tpl в ваш блок вставляем:
между тегами:
<ul> {topnews}</ul>


Ищем {topnews} в шаблоне и заменяем или в нужно вам месте
Вставляем код:
         <SCRIPT type="text/javascript">$(document).ready(function(){$('.acc_container').hide();$('.acc_trigger:first').addClass('active').next().show();$('.acc_trigger').click(function(){  if( $(this).next().is(':hidden') ) {    $('.acc_trigger').removeClass('active').next().slideUp();    $(this).toggleClass('active').next().slideDown();  }  return false;});});</SCRIPT>    <DIV class="container">{topnews}    </div>


В css добавляем следующие:
/*topnews*/  .container{width:220px; margin:0 auto}h2.acc_trigger{ padding:8px 20px 0 0; margin:0 0 8px 0; background:url("../images/off.png") no-repeat right;font-size:12px; font-weight:normal;cursor: pointer;border-bottom:1px dotted #d8d8d8}h2.acc_trigger a:hover{ color:#ccc}h2.active{background:url("../images/on.png") no-repeat right}.acc_container{ margin:0 0 5px;padding:0; overflow:hidden; font-size:12px; width:220px; clear:both}.acc_container .block{}.acc_container .block p{ padding:0; margin:0 0 12px 0}.acc_container img{ margin:10px 0 15px 0; padding:5px}.count_commentar{ color:#999; font-size:.9em; float:right}.bottomAcc{margin-bottom:10px}


Всё для dle предлагает скачать красивые хаки для dle Topnews со спойлером
  • 0
Рубрика: DLE хаки » Хак для DLE
Ранее » Dle хак ссылки на следующую и предыдущую в полной новости« Далее Хак Локация 1.0 место нахождения пользователя на сайте
Добавление комментарияОставить комментарий
  • № :4
  • 23 января 2014 08:19
Что то я не помню в своём шаблоне такого хака.

Инфа взята с другого ресурса... не в одном шаблоне данный хак тоже не был замечен...
  • № :3
  • 23 января 2014 01:38
Что то я не помню в своём шаблоне такого хака.
  • № :2
  • 5 января 2013 08:37
4ik,

img src="{image-2}"

попробуйте использовать {image - 1}
  • № :1
  • 5 января 2013 00:14
Красиво,только картинки из новостей не выводит,или я тупой.После попробую разобраться.Или подскажите что можно сделать?