Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

Адаптация Блога Джумлы

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

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

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

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

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



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

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




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

Это уж как получится. Но не забывайте у некоторых проекты находятся на локальных машинах. Поэтому ссылку не всегда получится. Другой вопрос, что в таких случаях соответствующие и ответы joke
Посетитель
smyk
Сообщений: 7
1249 дней назад
Нашел такое решение:
В конце 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)
|
Перейти на форум:
Быстрый ответ
У вас нет прав, чтобы писать на форуме.