Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru Стол заказов Размер изображения в новости (Dle 10.2)

Размер изображения в новости (Dle 10.2)


 Elqie    04.11.2014    Стол заказов    1502    5

Здравствуйте, проблема такая; нужно чтобы изображение в одной новости к примеру в категории "сериалы" было размеров 200х300, а второе в категории "обои" было 300х200. То есть, вставил картинку, выбрал категорию и вывел новость, а картинка уже отображается в данной категории нужных размеров.

Комментарии пользователей (5)

vitnet
218

2172 | 930

vitnet - 4 ноября 2014 10:21 - Эксперт

.class.medium img {max-width: 200px;}
.class.small img {max-width: 300px;}

<div class="class[category=1] small[/category][category=2] medium[/category]">.....</div>

Получится примерно такой результат

Elqie
10

Elqie - 4 ноября 2014 19:22 - Юзер

<div class="pamp-2">
                    <div class="name"><a href="{full-link}">{title}</a></div><div class="left"></div>
                        <div class="image"><a href="{full-link}"><img src="{image-1}" alt="{title}" title="{title}" /></a></div>

Куда его припаять?

FastFud
50

1599 | 588

FastFud - 4 ноября 2014 19:28 - Юзер

<div class="pamp-2[catlist=1]small[/catlist][catlist=2]medium [/catlist]">
<div class="name"><a href="{full-link}">{title}</a></div><div class="left"></div>
<div class="image"><a href="{full-link}"><img src="{image-1}" alt="{title}" title="{title}" /></a>
</div>
css
.pamp-2.medium img {max-width: 200px;}
.pamp-2.small img {max-width: 300px;}

Elqie
10

Elqie - 4 ноября 2014 19:52 - Юзер

Не помогло, + слетела оболочка самой новости.
Полностью все выглядит вот так:

Elqie
10

Elqie - 4 ноября 2014 21:00 - Юзер

Немного почесав голову сам ответил на свой вопрос. Спасибо, ваши подсказки очень помогли:)
<div class="pamp-2">
                    <div class="name"><a href="{full-link}">{title}</a></div><div class="left"></div>
                        <div class="image[catlist=2] image-1[/catlist]"><a href="{full-link}"><img src="{image-1}" alt="{title}" title="{title}" /></a></div>

CSS

.pamp-2 .image {
border: 1px solid #1b1b1d;
display: block;
margin-bottom: 0px;
width: 200px;
height: 290px;
overflow: hidden;
float: left;
margin-right: 15px;
}
.pamp-2 .image-1 {
border: 1px solid #1b1b1d;
display: block;
margin-bottom: 0px;
width: 290px;
height: 200px;
overflow: hidden;
float: left;
margin-right: 15px;
}

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