Тематика: По цвету: Красный Желтый Зеленый Синий Оранжевый Розовый Серый Белый Черный Мульти

Ваш сайт на CMS Joomla? Добавьте его в галерею Joomfans!

Вы можете совершенно бесплатно добавить ваш веб-сайт в нашу галерею сайтов. Подробнее...

Галерея Добавить

  • Страница:
  • 1
  • 2
  • 3

ТЕМА: Как приделать к модулю для joomla скроллер

Как приделать к модулю для joomla скроллер 2 года, 8 мес. назад #3002

Стоит такая задача : к модулю сайта на joomla приделать скроллер, что бы на малой площади в нем было большое кол-во новостей. Разбираюсь в css очень плохо, так что если можно подробнее.
  • heavybrain101
  • Вне сайта
  • Junior Boarder
  • Постов: 20
  • Репутация: 0
Изменено: 2 года, 8 мес. назад от heavybrain101.

Re: Как приделать к модулю для joomla скроллер 2 года, 7 мес. назад #3003

Добавьте overflow к классу модуля и все. Подробности ниже, на примере нашего модуля новостей на главной странице. CSS прокомментировал.

К примеру модуль имеет класс div.jftf_itemsbox, нам нужно в CSS модуля или шаблона (на выбор) добавить свойство overflow, для этого нужно сделать запись в CSS файле:

div.jftf_itemsbox {
    overflow: scroll; /* добавляем скролл (в нашем случае вертикальный) */
    height: 300px; /* высота модуля в px (задаем столько сколько нужно чтобы модуль был по высоте, остальное будет скрыто скроллом ) */
    overflow-x: hidden; /* убираем горизонтальный скролл (если в нем нет необходимости) */
}


Пример модуля со скроллом на нашем сайте:
jf_scroll_mod.jpg

Как видно на скриншоте, модуль имеет высоту в 300px и появился вертикальный скролл. Просмотр всех новостей которые находятся за пределами видимости окна, осуществляется скроллом.

Класс модуля можно узнать просмотрев HTML код страницы или просто в настройках модуля Joomla добавить CSS суффикс (например -scrollmodule). Также можно непосредственно в сам модуль добавить в выводе шаблона нужный класс. Тут уже на ваше усмотрение.

Вот и все.
  • JF
  • Вне сайта
  • Administrator
  • Постов: 20
  • Репутация: 4
Бесплатная поддержка по шаблонам и расширениям CMS Joomla.
Чем сможем,тем поможем

Re: Как приделать к модулю для joomla скроллер 2 года, 7 мес. назад #3004

А как применить это свойство только к одному модулю? Просто у меня при добавлении ко всем модулям привязывывается скроллер.
  • heavybrain101
  • Вне сайта
  • Junior Boarder
  • Постов: 20
  • Репутация: 0

Re: Как приделать к модулю для joomla скроллер 2 года, 7 мес. назад #3005

Выше написал. Добавьте CSS класс к модулю.

К примеру у вас класс всех модулей называется .modulesite. Т.е. при просмотре кода страницы у всех модулей прописан например такой код:

<div id="mod" class="modulesite">
     ....
</div>

идете в настройки модуля к которому нужно добавить скролл, открываете вкладку дополнительные параметры (справа) и в поле "Суффикс CSS-класса модуля" добавляете доп.класс к модулю, например scroll.


scroll_class.jpg


После у этого модуля будет новый класс, вот такой .modulesite .scroll, при просмотре кода шаблона все это будет выглядеть так:

<div id="mod" class="modulesite scroll">
     ....
</div>

Соответственно CSS создаете так:

.modulesite .scroll {...}


Это самый простой способ добавить новый класс к определенному модулю. Можно также добавить класс в выводе шаблона модуля, но думаю что вам вполне подойдет и этот вариант.
  • JF
  • Вне сайта
  • Administrator
  • Постов: 20
  • Репутация: 4
Бесплатная поддержка по шаблонам и расширениям CMS Joomla.
Чем сможем,тем поможем
Изменено: 2 года, 7 мес. назад от JF.

Re: Как приделать к модулю для joomla скроллер 2 года, 7 мес. назад #3006

У меня чтот не получается. Может ли вы ( или кого посоветуете) сделать это на моем сайте за вознаграждение? Ну и показать чтож у меня не получилось.
  • heavybrain101
  • Вне сайта
  • Junior Boarder
  • Постов: 20
  • Репутация: 0

Re: Как приделать к модулю для joomla скроллер 2 года, 7 мес. назад #3007

Ссылку на сайт покажите.
  • JF
  • Вне сайта
  • Administrator
  • Постов: 20
  • Репутация: 4
Бесплатная поддержка по шаблонам и расширениям CMS Joomla.
Чем сможем,тем поможем
  • Страница:
  • 1
  • 2
  • 3
Время создания страницы: 0.41 секунд