Адаптация Блога Джумлы
3 колонки в одну
smyk
День добрый!
Подскажите, нужно сделать адаптивный вывод блога.
Т.е. Artesteer по умолчанию создает адаптивный дизайн, и при просмотре с телефона блоки прыгают друг под друга.
Но, если мы выводим статьи в виде блога, напрмер в 3 колонки, статьи находящиеся в одном ряду начинают налезать друг на друга.
А поидее должны перемещать друг под друга.

пробовал в .art-post добавлять
{
min-width:300px;
max-width:900px;
display:inline-block;
}
чего-то не помогает
Handy
smyk, попробуйте туда еще добавить position: relative; и на пробу display: block; вместо display: inline-block;

Правда даже если реализуете то что задумали последствия могут быть не предсказуемые в других местах music
Редактировалось: 1 раз (Последний: 18 января 2014 в 08:59)
качественное продвижение и раскрутка сайтов в сеопульте
WaRRan
А как подсказывать по луне или по звездам гадать? Уже несколько раз на сайте вижу просят подсказать по стилям или коду без ссылок. Здесь что так принято?
samson
smyk:
Т.е. Artesteer по умолчанию создает адаптивный дизайн, и при просмотре с телефона блоки прыгают друг под друга.
Но, если мы выводим статьи в виде блога, напрмер в 3 колонки, статьи находящиеся в одном ряду начинают налезать друг на друга.
А поидее должны перемещать друг под друга.

Все логически верно, ведь программа не может догадывать как нужно пользователю выводить блоки.
smyk, штука в том, что если Вы сейчас и решите вывод при адаптиве блок в блогах по одному то у Вас теряется сам принцип вывода блогов в колонку по три.
По крайней мере мне так кажется это будет выглядеть на практике.

В этом случае нужна технология мансори:
Скрытый текст виден только зарегистрированным пользователям



Посмотрите эту ссылку на разных разрешениях монитора в том числе и мобильном:

Скрытый текст виден только зарегистрированным пользователям




WaRRan:
А как подсказывать по луне или по звездам гадать?
rofl

Это уж как получится. Но не забывайте у некоторых проекты находятся на локальных машинах. Поэтому ссылку не всегда получится. Другой вопрос, что в таких случаях соответствующие и ответы joke
smyk
Нашел такое решение:
В конце CSS вставляем
@media (min-width: 300px){
.items-row .item {
display: inline-block;
}
}

Теперь статьи будут прыгать вниз при сжатии окна, но если стоит 3 колонки, то выглядеть будет как: 2 статьи, 1 статья,2,1,2,1 и т.д. Это потому, что более 3х статей создается новый ряд. Поэтому идем в настройки кнопки (которая выводит статьи в виде блога), ставим 333 колонки (или более например). Тогда они все будут выводится в ряд, а что не влезает, переносится ниже.
Редактировалось: 1 раз (Последний: 21 января 2014 в 10:03)
Перейти на форум:
Быстрый ответ
У вас нет прав, чтобы писать на форуме.