Тема: Спасайте ;(
Доброго времени суток.
Помогити реализовать вид shortstory как туть --> http://brb.to/video/films/
Буду очень благодарен !
Фишка в чем, при навидении на блок (див я так понимаю) он образует 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>Вот что получилось --> http://inferma.net
Теперь прошу помощи реализовать выше описанную проблему.
Если вы про, буду благодарен если подскажете ище почему при переключении на 3 страницу "переключатель" сверху !? Проверял дивы, вродe все закриты.
