Dleshka.org
Авторизация

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

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


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

Установка:

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



<script type="text/javascript" src="/templates/dleshka/js/jquery-latest.js"></script>
<link rel="stylesheet" href="/templates/dleshka/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]Отображение новостей в несколько колонок[/full-link]<br><br>
{short-story}
</div>
</li>
</ul>



Внимание! У Вас нет прав для просмотра скрытого текста.
Читайте также
timona
4 марта 2010 20:07
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" />
quqe.ru
5 марта 2010 21:12
Мама дорогая, мла все это делается стандартно возможностями самого движка wink
Uragan
7 марта 2010 00:08
Подскажи каким образом?
axl
7 марта 2010 10:18
Цитата: quqe.ru
Мама дорогая, мла все это делается стандартно возможностями самого движка


Ну так напиши хоть примерно как.Блин что не наравится в DataLife Engine так это мало инфы по стандартным изменения в уже в готовом двиге.
ASMELS
16 апреля 2010 17:58
блин, если вы не умеете ничего, зачем ваще в сайтостроение лезьт
автору респект! все пашет как часы)
Vasya
21 сентября 2010 22:39
Есть видеоурок как сделать новости в несколько колонок средствами движка. И не будет ни криво ни переустанавливать на новых версиях.

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

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

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

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