8Dle
Авторизация

Отображение новостей в несколько колонок

Отображение новостей в несколько колонок

Благодаря этому хаку дополнению, впору выводить новости в несколько колонок. Число колонок изменяется практически за пару кликов мышью в css файле, в том месте же настраивается ширина и степень колонок.

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

Следующий код:
<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 вместо вашего кода вставьте это:
<ul class="column">
<li>
<div class="block">
[full-link]{title}[/full-link]<br><br>
{short-story}
</div>
</li>
</ul>


Скачать:
column.rar [33,42 Kb] (cкачиваний: 1601)

Жмите на Кнопу ниже, или подписывайтесь!


Читайте также
  1. filin
    25 июля 2010 18:43
    Интересно или ровно выводит,мне нада попробую!Попробовал Нада с стилях дорабатывать
  2. TeberDini™
    22 октября 2010 16:44
    Какой то косяк при скачка, архив поврежден... залейте по новой column.ccs или здесь кто нить поделитесь пжлстааа!!!!

    Оу народ нужен код файлов jquery-latest.js и column.ccs

    НЕ МОГУ СКАЧАТЬ АРХИВ, ПОМОГИТЕ!
  3. ramazanaman
    19 января 2012 21:01
    Сделал как выше описано, только одна колонка появляется и пустые места для колонок. Вот так:http://clip2net.com/s/1v4cc
    Как сделать чтоб отображалось или 4 колонки. Попробовал изменить в column.css и ничего не изменяется.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.


Dle это движок который изначально проектировался для создания новостных сайтов, но по мере своего развития движка значительно расширил свою функциональность и стал универсальным средством разработки и сопровождения сайтов и блогов различной направленности и тематики. По сравнению с другими бесплатными (и некоторыми платными) CMS системами движок dle обладает довольно обширными возможности.

Авторизация