Делаем новость в несколько колонок DLE
» Просмотров: 1090
» Дата: 31-12-2010, 21:05
» Автор: NeoMurderer
Благодаря этому неплохому хаку дополнению, впору выводить новости в несколько колонок. Число колонок изменяется практически за пару кликов мышью в 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>
[attachment=259:Скачать: column.zip]
Уважаемый посетитель, Вы зашли к нам на сайт как незарегистрированный пользователь. Мы рекомендуем Вам бесплатно
зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.