Главная » Файлы » Всё для Dle » Модули для Dle [ Добавить материал ]
Отображение новостей в несколько колонок
[ · Скриншот ] 07.03.2011, 17:14
Благодаря этому хаку дополнению, впору выводить новости в несколько колонок. Число колонок изменяется практически за пару кликов мышью в css файле, в том месте же настраивается ширина и степень колонок.

Установка:
Открыть файл main.tpl вашего шаблона и вставить между

Code
<head></head>

Следующий код:

Code
<script type="text/javascript" src="{THEME}/js/jquery-latest.js"></script>
<link rel="stylesheet" href="{THEME}/css/column.css" type="text/css" media="screen" />
<script type="text/javascript">
$(document).ready(function(){
  $('a[href^="http://"]') .attr({ target: "_blank" });

  function smartColumns() {
   
  $("ul.column").css({ 'width' : "100%"});
   
  var colWrap = $("ul.column").width();
  var colNum = Math.floor(colWrap / 200);
  var colFixed = Math.floor(colWrap / colNum);
   
  $("ul.column").css({ 'width' : colWrap});
  $("ul.column li").css({ 'width' : colFixed});
   
  }  
   
  smartColumns();  

  $(window).resize(function () {
  smartColumns();
   
  });  
});
</script>

Откройте shortstory.tpl вместо вашего кода вставьте это:

Code
<ul class="column">
<li>
<div class="block">
[full-link]{title}[/full-link]<br><br>
{short-story}
</div>
</li>
</ul>
Категория: Модули для Dle | Добавил: Sky_DM | Теги: Несколько, Колонок, Новостей, Отображение
Просмотров: 396 | Загрузок: 0 | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]