Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Рамки и упорядоченность для картинок в полной новости.

Рамки и упорядоченность для картинок в полной новости.


     10.09.2012    dle 9.6, рамка, упорядочить    Все вопросы » Общие вопросы по вёрстке    4941

вопрос
Всем доброго времени суток. Собственно интересует вопрос, а именно:
Можно ли при просмотре полной новости сделать вид страницы, как в примере ?
Пример:
Рамки  и упорядоченность для картинок в полной новости.
3 изображения вверху, пример обычных вертикальных картинок.
2 левых нижних изображения, пример горизонтальных картинок. (Либо так, либо так. Главное, чтоб умещались в вертикальную рамку)
Нижнее правое изображение, пример изменения рамки при наведении мышкой.

Основной акцент, на рамку (Нашёл как сделать в цвете, но хотелось бы шаблонную)
и упорядочить изображения на странице, как в примере. Стандартом в DLE 9,6 разбрасывает не аккуратно.

Заранее благодарен за полезные советы, всем удачи и успехов.

Ответил: ПафНутиЙ


Если грубо то:
.news {
    margin-left: -20px;
    }
.news img {
    max-width: 200px;
    border: solid 1px #f96;
    -webkit-box-shadow: inset 0px 0px 0px 5px #fff;
    box-shadow: inset 0px 0px 0px 5px #fff;
    float: left;
    margin: 0 0 20px 20px;
    }
    .news img:hover {
        -webkit-box-shadow: inset 0px 0px 0px 5px #f96;
        box-shadow: inset 0px 0px 0px 5px #f96;
        }
.clr {clear: both; height: 0; overflow: hidden;}  



    jQuery(function($) {
        $(".news img:nth-child(3n)").after("<div class='clr'/>");
    });

1 комментарий

Texty
Юзер

Texty - 13 сентября 2012 06:52 -

Огромное спасибо за ответ, Пафнутий. Если вам не сложно, не могли бы вы подсказать, как адаптировать код в полную новость dle ? Если сложно, не обижусь)

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх