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

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

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


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

css разобралься сделал картинки по размеру
серавно все криво
картинки по раз стали

TipTop

Администраторы 4 марта 2010 23:18
Цитата: 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" />
Мама дорогая, мла все это делается стандартно возможностями самого движка wink
Подскажи каким образом?
Цитата: quqe.ru
Мама дорогая, мла все это делается стандартно возможностями самого движка


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

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

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

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

Подскажите пожалуйста!

Информация

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


Личные сообщения

Ваши переписки