Новости Joomla

VKGallery — плагин вставки альбомов VK для Joomla.VKGallery — расширение для Joomla 3.x–5

👩‍💻 VKGallery — плагин вставки альбомов VK для Joomla.VKGallery — расширение для Joomla 3.x–5.x, которое позволяет вставлять фотоальбомы ВКонтакте прямо в материалы сайта. Поддерживаются режимы: сетка, слайдер и кирпичная кладка (masonry). Мобильный UX и свайпы в комплекте.- 3 типа галерей: слайдер, сетка и masonry- Быстрая работа. AJAX-подгрузка, кэширование запросов, ленивая загрузка изображений.- Мобильный UX. Свайпы, оптимизация под сенсорное управление и адаптивный дизайн.Плагин использует шорткод {vkgallery type="album_grid"}album-123456789_987654321{/vkgallery}.Страница расширенияДемоРазработчик - участник нашего сообщества Сергей Парфёнов (@Aprol).@joomlafeed#joomla #vk #расширения

Swiper.js, документация на русском языке

👩‍💻 Swiper.js, документация на русском языке.Добавил переводы документации современного скрипта слайдера swiper.js на русский язык. Документация эта относится к плагину веб-ассета для Joomla WT JSwiper, который подключает скрипт нативным для Joomla 4+ способом - с помощью Web Asset Manager.Сегодня добавлены: - Модули: Autoplay- Модули: Grid- Модули: Free Mode- Модули: Manipulation- Эффекты: Затухание (Fade Effect)- Модули: Parallax- Модули: Lazy Loading- Эффекты: Перелистывание (Coverflow Effect)Читать документацию Swiper.js по-русски@joomlafeed#webdev #swiperjs #js #joomla

Модуль материалов Joomla на Vue.js.Модуль выводит материалы с помощью JavaScript фреймворка Vue.js

Модуль материалов Joomla на Vue.js.Модуль выводит материалы с помощью JavaScript фреймворка Vue.js

Модуль материалов Joomla на Vue.js.Модуль выводит материалы с помощью JavaScript фреймворка Vue.js.Предназначен для опытных разработчиков Joomla, желающих интегрировать Vue в уже существующий функционал сайта без глобальной переделки проекта.Главное преимущество этого способа вывода информации - Скорость!Для примера. При выводе материалов через стандартный модуль mod_articles_news в количестве 1200 элементов Request Duration (время отдачи страницы) составило 3 секунды!!!При использовании же модуля с vue.js - 104 ms и это время в принципе не зависит от числа элементов. Так как страница отдается сразу, а вся обработка в модуле происходит асинхронно.Разработчик - участник нашего сообщества Дмитрий Денисов @mitriy_bug Страница расширения@joomlafeed#joomla #расширения

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

THE KILLERS

  • Давно я тут
  • 932
  • 28 / 0
Firefox неправильно отображает отступы
« : 06.10.2013, 02:20:18 »
В Chrome, Opera, даже в IE (как ни странно) все норм, а вот в лисе вот так:

т.е. картинка с телефоном неправильно отображается (должны быть равные отступы от границ div блока, а видно, что сверху и слева все нормально, а снизу отступ почему-то больше, чем сверху)
В Chrome, Opera и IE все норм. (видно что у картинки везде равные отступы):

В template.css шаблона такой код:
Код: css
/*Top Menu2*/
#top-menu2{background-color:#FFED8E;border:1px solid #b5b5b5;float:right;margin:10px 300px 0 0}
#top-menu2 ul{list-style-type:none;padding:0;margin:0}
#top-menu2 li{float:left;background:none;padding:0;}
#top-menu2 a{font-size:11px;font-weight:bold;text-decoration:none;color:#666;margin:0;padding:0 8px}
#top-menu2 a:hover{color:#888;text-decoration:none}

Но я создал свой div в JCE редакторе посредством модуля "Произвольный HTML код" и вывел этот модуль в позицию top-menu2, CSS которого выше я написал.
Такой код в jce:
Код: css
<div style="font-size: 14px; font-style: normal; line-height: normal; width: 150px; padding: 5px; border-color: #000000;">
<img style="float: left;" alt="phone" src="images/images_for_store/icons/phone.png" height="32" width="32" />
&nbsp; <span style="color: #000000;">8-920-421-98-44</span><br />
<span style="color: #000000;">&nbsp; 8-920-421-93-90</span></div>

т.е. padding: 5px я задал и по идее отступы должны быть равные, но вот только в Firefox'e почему-то отображается не совсем так.
Сайт где можно посмотреть фаербагом http://tvoya-t-igra.ru
Версия лисы последняя, не могу понять почему так...

Помогите пожалуйста.
Записан
*

Рэм

  • Осваиваюсь на форуме
  • 18
  • 1 / 0
Re: Firefox неправильно отображает отступы
« Ответ #1 : 07.10.2013, 18:50:53 »
browser reset используете?
Записан
*

Pazys

  • Завсегдатай
  • 1738
  • 241 / 4
  • <a>А где я ошибся-то?</b>
Re: Firefox неправильно отображает отступы
« Ответ #2 : 07.10.2013, 19:09:56 »
line-height: 16px; - для span с номерами телефонов
Записан
Ишак меня нюхал ...
Если помог - плюсуйте в карму.
*

THE KILLERS

  • Давно я тут
  • 932
  • 28 / 0
Re: Firefox неправильно отображает отступы
« Ответ #3 : 07.10.2013, 21:09:17 »
Цитата: Рэм от 07.10.2013, 18:50:53
browser reset используете?
Вы про кнопку в Фаерфоксе Справка>Информация для решения проблем>Сбросить Firefox? Нет, не использую, не нажимал.

Цитата: Pazys от 07.10.2013, 19:09:56
line-height: 16px; - для span с номерами телефонов
т.е. вместо line-height: normal; вот здесь:
Цитата: THE KILLERS от 06.10.2013, 02:20:18
Такой код в jce:
Код: css
<div style="font-size: 14px; font-style: normal; line-height: normal; width: 150px; padding: 5px; border-color: #000000;">
<img style="float: left;" alt="phone" src="images/images_for_store/icons/phone.png" height="32" width="32" />
&nbsp; <span style="color: #000000;">8-920-421-98-44</span><br />
<span style="color: #000000;">&nbsp; 8-920-421-93-90</span></div>
заменить на line-height: 16px; ?
Я заменил-все отлично! Теперь во всех браузерах все норм отображается. Но правильно ли я заменил (в том месте)?
Записан
*

Pazys

  • Завсегдатай
  • 1738
  • 241 / 4
  • <a>А где я ошибся-то?</b>
Re: Firefox неправильно отображает отступы
« Ответ #4 : 08.10.2013, 11:56:55 »
<span style="color: #000000; line-height: 16px;">8-920-421-98-44</span><br />
<span style="color: #000000; line-height: 16px;">&nbsp; 8-920-421-93-90</span>
Подчеркнул правильное
Жирным выделил непонятный непереносимый и обычный пробел
Записан
Ишак меня нюхал ...
Если помог - плюсуйте в карму.
*

THE KILLERS

  • Давно я тут
  • 932
  • 28 / 0
Re: Firefox неправильно отображает отступы
« Ответ #5 : 08.10.2013, 13:09:03 »
Цитата: Pazys от 08.10.2013, 11:56:55
<span style="color: #000000; line-height: 16px;">8-920-421-98-44</span><br />
<span style="color: #000000; line-height: 16px;">&nbsp; 8-920-421-93-90</span>
Подчеркнул правильное
Жирным выделил непонятный непереносимый и обычный пробел
Ясно, спасибо, исправил. Насчет пробела-сам хотел сделать вместо &nbsp; обычный пробел, JCE редактор урезал, залез в его настройки и нашел опцию "Param Keep Nbsp", выставил ее на "Нет" и терь все норм. В итоге причесал код, так получилось:
Код: css
<div style="font-size: 14px; padding: 5px;">
<img style="float: left;" alt="phone" src="images/images_for_store/icons/phone.png" height="32" width="32" />
<span style="line-height: 16px;">  8-920-421-98-44</span><br />
<span style="line-height: 16px;">  8-920-421-93-90</span></div>
Pazys, спасибо большое! +
« Последнее редактирование: 08.10.2013, 13:41:36 от THE KILLERS »
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как убрать боковые отступы в мобильной версии шаблона?

Автор Евгений1980

 Ответов: 2
Просмотров: 1668 		Последний ответ 18.01.2021, 18:24:53
от arma
Как убрать отступы между меню и каруселью?

Автор Vanya

 Ответов: 0
Просмотров: 1351 		Последний ответ 22.07.2019, 17:13:10
от Vanya
Убрать отступы на главной странице в шаблоне Helix 3

Автор shrek_01

 Ответов: 2
Просмотров: 2408 		Последний ответ 13.01.2017, 11:48:53
от Ragivort
Валидатор отображает - "Sorry! This document cannot be checked", как исправить?

Автор stimyl

 Ответов: 0
Просмотров: 2234 		Последний ответ 01.07.2016, 15:41:19
от stimyl
Неправильно отображается шаблон на мобильных устройствах

Автор hyperion

 Ответов: 1
Просмотров: 1451 		Последний ответ 14.01.2016, 18:33:15
от arma