Форум русской поддержки Joomla!® CMS
09.12.2016, 15:32:37 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Адаптивность колонок Joomla

 (Прочитано 132 раз)
0 Пользователей и 1 Гость смотрят эту тему.
fragmatic92
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 2


« : 04.11.2016, 20:28:17 »

Joomla 3 , шаблон от Artisteer
Имеется вывод материала в блоке категорий, по 2 - 4 колонки.
При уменьшении ширины окна, статьи не перемещаются друг под друга,  надо чтоб статьи перемещались друг под друга (вместо 2 - 4 колонок выводилась одна ).

Ранее натыкался на подобные темы http://joomlaforum.ru/index.php?topic=286224.0 - ответа для себя не нашел.

Собственно прошу поподробней описать название ccs документа и класс стиля, так как не могу понять где находятся стили, которые отвечают за положение колонок!
Записан
Strikerus
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 38


Aka Smyke


« Ответ #1 : 07.11.2016, 11:38:46 »

Artisteer- дикое зло, учитесь работать руками.
А вообще, для того чтобы решить вашу проблему нужна ссылка на опубликованный сайт, дабы нам увидеть что из себя представляет данный шаблон. В слепую могу только дать совет:
- Научитесь пользоваться FireBug
- Используя FireBug изучите CSS на готовых примерах, достаточно просто некоторое время поэкспериментировать
Записан
fragmatic92
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 2


« Ответ #2 : 07.11.2016, 14:10:00 »

Ну первое ссылка - http://only-football.ru/pryamye-translyatsii-futbolnykh-matchej

FireBug активно использую и понятия про стили имею . В firebuge все выходит сделать но не могу найти это в корне сайта . вот в чем проблема
http://prntscr.com/d44as1
http://prntscr.com/d44aux
Записан
Strikerus
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 38


Aka Smyke


« Ответ #3 : 08.11.2016, 06:28:56 »

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

Теперь по поводу 1 колонки при малой ширине экрана:
Достаточно использовать чудесный медиа-запрос @media, который позволит нам установить ширину колонки в 100% на малом экране

Код:
.item {
    height: 200px;
    overflow: hidden;
    margin: 5px;
}
@media screen and (max-width: 1920px) {
  .item {
    width: 200px;
  }
}
@media screen and (max-width: 600px) {
  .item {
    width: 100%;
  }
}

Приведенный выше код просто добавляем в конец CSS файла шаблона Joomla
« Последнее редактирование: 08.11.2016, 09:30:43 от Strikerus » Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet