Не нравятся результаты поиска? Попробуйте другой поиск!

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


     10.09.2012    Общие вопросы по вёрстке    3130

вопрос
Всем доброго времени суток. Собственно интересует вопрос, а именно:
Можно ли при просмотре полной новости сделать вид страницы, как в примере ?
Пример:
Рамки  и упорядоченность для картинок в полной новости.
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
1

22 | 25

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

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

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

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