Регистрация

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

TipTop 4-03-2010, 18:22 6403 Хаки DLE

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


Благодаря этому Хаку дополнению, впору выводить новости в несколько колонок. Число колонок изменяется практически за пару кликов мышью в 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>



Внимание! У вас нет прав для просмотра скрытого текста.

Другие публикации по категории:

Слайдер для сайта на DLE

Слайдер для сайта на DLE Рабочий хак, показывает новости из выбранной вами категории.

20.04.11 Хаки DLE
Генератор паролей

Хак добавляет на страницу регистрации генератор паролей с выбором количества символов.

26.07.10 Хаки DLE
Хак для вывода новости в 2 колонки

Хак для DataLife Engine вывод новости в 2 колонки.

08.10.09 Хаки DLE

Комментарии (8)

avatar
#1 timona
column.rar [33.42 Kb]
куда их ставлять

css разобралься сделал картинки по размеру
серавно все криво
картинки по раз стали
avatar
#2 Пользователь offline TipTop
Цитата: timona
куда их ставлять


куда хочеш только путь к файлу поставь

<script type="text/javascript" src="{THEME}/js/jquery-latest.js"></script>
<link rel="stylesheet" href="{THEME}/css/column.css" type="text/css" media="screen" />
avatar
#3 quqe.ru
Мама дорогая, мла все это делается стандартно возможностями самого движка wink
avatar
#4 Uragan
Подскажи каким образом?
avatar
#5 axl
Цитата: quqe.ru
Мама дорогая, мла все это делается стандартно возможностями самого движка


Ну так напиши хоть примерно как.Блин что не наравится в DataLife Engine так это мало инфы по стандартным изменения в уже в готовом двиге.
avatar
#6 ASMELS
блин, если вы не умеете ничего, зачем ваще в сайтостроение лезьт
автору респект! все пашет как часы)
avatar
#7 Vasya
Есть видеоурок как сделать новости в несколько колонок средствами движка. И не будет ни криво ни переустанавливать на новых версиях.

__http://70ts.ru/datalifeengine/91-v-dve-i-bolee-kolonok.html
avatar
#8 fortune
Спасибо! оченно пригодилось!

Один косяк! Все работает, но предутановленные жиквайри функции, такие как перелистывание календаря и редактирование статьи, когда появляется выпадающий список, они перестали работать! При удалении ссылки на скрипт jquery-latest.js опять все работает.

Для чего он (jquery-latest.js) вообще нужен можно узнать? Без него на CSS все тоже работает.

Подскажите пожалуйста!
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Powered by Dleshka.org. Сайт предназначен для выбора шаблонов и дополнений с использованием CMS DataLife Engine.
Закрыть