Раздер Название темы Ответов Последний
Графика для сайта Shareman 3.70 RUS/2010 0 mandelsonsouggisse
Изготовление контента Нужен контент 10 ali7875
DataLife Engine Проблема регистрации. 1 JimaX
DataLife Engine Модальное окно в DataLife Engine 3 lionprizrak
DataLife Engine Настройка robots.txt 8 Prizrak_2012
Стол заказов на cmsko.ru Мини-чат. 2 JimaX
Общение пользователей Статьи 3 nastroenie
Хостинг TneHost - Хстинг провайдер 10 ali7875
DataLife Engine Установка банеров 9 JimaX
DataLife Engine Помогите с установой. dle95 2 nastroenie
Яндекс Apdate
Апдейты Яndex тИЦ
25.09.2013Последний |
02.07.2013
23.05.2013
Апдейты Яndex выдачи
18.10.2013Последний |
17.10.2013
12.10.2013
Апдейты ЯКаталога
23.10.2013Последний |
22.10.2013
21.10.2013

Информация
Главная страница » DLE » DLE Модули » Делаем новость в несколько колонок DLE
Делаем новость в несколько колонок DLE
» Просмотров: 1090 » Дата: 31-12-2010, 21:05 » Автор: NeoMurderer
Делаем новость в несколько колонок 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>


[attachment=259:Скачать: column.zip]



Комментарии: 0 Теги: Делаем, новость, несколько, колоно
 (голосов: 0)
Уважаемый посетитель, Вы зашли к нам на сайт как незарегистрированный пользователь. Мы рекомендуем Вам бесплатно зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.