0 Пользователей и 1 Гость просматривают эту тему.
  • 8 Ответов
  • 1898 Просмотров
*

GMan

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Добрый день всем joomla'водам))

Ребят, подскажите как реализовать следующую вещь:
Есть статья, которую необходимо вывести в несколько столбцов (что-то наподобие журнальной, газетной).
Пример: http://people.opera.com/pepelsbey/experiments/multicol/

Как решить данную задачу средствами только Joomla? Или есть какие-то плагины, модули .. Желательно конечно свой мозг (первый пункт отсутствует)) + средства joomla))

Заранее благодарен.
*

alex_st

  • Захожу иногда
  • 60
  • 3 / 0
средствами CSS это решается: -moz-column-count: 3; для контейнера статьи, ну и смотреть кроссбраузерность естественно
*

GMan

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
средствами CSS это решается: -moz-column-count: 3; для контейнера статьи, ну и смотреть кроссбраузерность естественно
Я так понимаю это хак для Firefox? .. column-count глянул. Понял.
Вот так просто добавить стиль в шаблоне и всё?))
*

alex_st

  • Захожу иногда
  • 60
  • 3 / 0
*

GMan

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
*

strogole

  • Новичок
  • 1
  • 0 / 0
Обалдеть)) Спасибо.
Хотел спросить, как, получилось? У меня проблема в том, что данная фишка работает только в Мозилле и Chrome. ИЕ и Opera отказываются разбивать контент на столбцы.
Засунул такой CSS в template.css

#jv-component {
margin: 0 0 0px 0;
padding: 0px 0;
display: block;
overflow: hidden;
height: 700px;
padding-left: 80px;
padding-right: 80px;
width: 800px;
text-align: justify;
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
-moz-column-gap: 40px;
-webkit-column-gap: 70px;
column-rule: 0px solid #000;
-moz-column-rule: 0px solid #000;
-webkit-column-rule: 0px solid #000;
}

Искал решение для IE и Opera, нашёл. http://www.csscripting.com/css-multi-column/
Попробывал на простом файле реализовать, всё работает, а вот когда начинаю прикручивать к Joomla работать это решение отказывается на IE и Opera.

Вот пример сайта: Разное отображение контента в ИЕ, Opera и Chrome и Мозилле
http://www.lenta.ee/audit/index.php?option=com_content&view=article&id=53&Itemid=48

Есть у кого какие мысли, почему так происходит? второй день бьюсь :(
*

oshpz

  • Захожу иногда
  • 149
  • 5 / 0
Цитировать
Искал решение для IE и Opera, нашёл. http://www.csscripting.com/css-multi-column/
Попробывал на простом файле реализовать, всё работает, а вот когда начинаю прикручивать к Joomla работать это решение отказывается на IE и Opera.

Натолкнулся сейчас на аналогичную проблему, только у меня этот скрипт не работает исключительно в IE любых версии. В Opera, FF, Chrome, Safari разбивается на колонки замечательно.

Товарищи пользователи Joomla подскажите как решить проблему разбиения на колонки в IE!
« Последнее редактирование: 28.02.2013, 10:33:07 от oshpz »
*

oshpz

  • Захожу иногда
  • 149
  • 5 / 0
как вариант попробовал использовать плагин JQuery Columnizer
*

oshpz

  • Захожу иногда
  • 149
  • 5 / 0
ТОЛЬКО Joomla! 2.5.11

По моему универсальное решение, можно даже в FAQ закрепить ссылку. ::)

Тестировалось на Firefox, Chromium, IE9, IE10.

1)способ - используем jQuery. Подключаем в файл шаблона *.php
Код
 <script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/js/jquery.columnizer.js"></script>
 <script type="text/javascript">
    $(function(){
        $('.blog').columnize({
        columns : 2,
        accuracy : 1,
        buildOnce : true
      })   });
  </script>

Блог разбивается, при этом создаются адекватные классы. Можно даже не использовать стили, вполне сносно отображается (не много не ровные колонки по высоте получаются)


2)способ - используем стили для стандартных классов сгенерированных Joomla!
Код: css
.blog > .items-leading, .items-row{
float:left;
width:49%;
padding: 2px;
}
Код получается маленький, к тому же используем только стандартные классы!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Убрать название пункта меню из URL материала

Автор fortuner

Ответов: 15
Просмотров: 7186
Последний ответ 31.10.2020, 00:46:04
от spas
Вывод товара по двум параметрам

Автор anny_k

Ответов: 0
Просмотров: 399
Последний ответ 12.06.2019, 10:59:18
от anny_k
Joomla 2.5 использование изображений материала в модуле Новости

Автор varion

Ответов: 21
Просмотров: 10125
Последний ответ 26.09.2018, 20:50:52
от pH43
Вывод блога из нескольких категорий

Автор GrandEscudo

Ответов: 7
Просмотров: 4313
Последний ответ 24.08.2018, 09:33:45
от vasmed
Как настроить автоматический вывод первых 100 символов каждой статьи?

Автор MultiMatrix83

Ответов: 9
Просмотров: 878
Последний ответ 07.08.2018, 17:45:53
от Bake