вопрос
Доброго времени суток.
Помогити реализовать вид shortstory как zdes`.
Буду очень благодарен ! Фишка в чем, при навидении на блок (див я так понимаю) он образует border и увеличивает height !?
Я использую стандартный шаблон Pisces, поставил 6 колонок новостей. (сделал новости сеткой)
В shortstory добавил:
Воть весь shortstory:
В css прописал стили: (спасибо гуглу)
В main.tpl добавил jQuery:
Вот что получилось.
Теперь прошу помощи реализовать выше описанную проблему.
Если вы про, буду благодарен если подскажете ище почему при переключении на 2 страницу "переключатель" сверху !?
Помогити реализовать вид shortstory как zdes`.
Буду очень благодарен ! Фишка в чем, при навидении на блок (див я так понимаю) он образует border и увеличивает height !?
Я использую стандартный шаблон Pisces, поставил 6 колонок новостей. (сделал новости сеткой)
В shortstory добавил:
<div class="news">здесь сам код shortstory </div>
Воть весь shortstory:
<div class="news">
<div class="base shortstory">
<div class="dpad">
<div class="maincont">{short-story}
<h3 class="btl">[full-link]{title}[/full-link]</h3>
<div class="clr"></div></div>
<div class="mlink"><div class="mlink">
</div></div></div></div></div>
В css прописал стили: (спасибо гуглу)
.news.float {
float: left;
width: 16.3%; //значение зависит от желаемого количества колонок (например для 5ти колонок нужно указать 18-20%)
}
.clr {
clear: both;
height: 0;
overflow: hidden;
}
В main.tpl добавил jQuery:
<script type="text/javascript">
jQuery(function($) {$(".news").addClass("float").filter(":nth-child(6n)").after('<div class="clr"></div>');
});
</script>
Вот что получилось.
Теперь прошу помощи реализовать выше описанную проблему.
Если вы про, буду благодарен если подскажете ище почему при переключении на 2 страницу "переключатель" сверху !?