Благодаря этому хаку дополнению, впору выводить анонсы в несколько колонок. Число колонок меняется фактически за пару кликов мышью в 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>
<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>
<li>
<div class="block">
[full-link]{title}[/full-link]<br><br>
{short-story}
</div>
</li>
</ul>
Скачать:
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.