Новости Joomla

Компонент "Жимолость" v.1.2.0 (ex

Компонент "Жимолость" v.1.2.0 (ex. Спам-оборона для Joomla) Бесплатный компонент работает под Joomla и позволяет защищать формы сайта от атак спам ботов.👩‍💻 v.1.2.0. Что нового?Компонент полностью поддерживает работу с Joomla 6 без необходимости использования плагина совместимости. При этом поддержка Joomla 4 прекратилась, поскольку уже к Joomla 5 отличия между четвертой и пятой версиями были заметны. Компонент бесплатный. Существует версия для Joomla 3. Разработчик - участник нашего сообщества Владимир Егоров (@sitogon)Страница расширения#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

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

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Картинка в списке: смещение относительно
« : 21.11.2013, 13:37:58 »
Как реализовать смещение картинки относительно элемента списка вверх/вниз? Сейчас в примере показано, что нижняя граница картинки совпадает с нижней границей текста, а как сместить картинку вниз? Это реально? В частности, хочу спустить картинку до самой нижней границы букв р, у, ц, щ, ф.
Сейчас имею:
Код
#xmap ul {display: block;list-style: inherit;padding: 0px 0px 0px 4px;margin: 0px 0px 9px 21px;list-style-image: url(../images/sun.png);}
#xmap ul li {margin: 10px 0;padding: 0;background: transparent;}
#xmap ul.level_0 ul {padding: 0;list-style-position: outside;list-style-image: url(../images/camomile.png);}
#xmap ul.level_1 ul {padding: 0;list-style-position: outside;list-style-image: url(../images/star.png);}
Картинка: http://yadi.sk/d/SXv7AGNfD4t3j
« Последнее редактирование: 21.11.2013, 15:11:45 от AlekVolsk »
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Картинка в списке: смещение относительно
« Ответ #1 : 21.11.2013, 14:57:55 »
В общем, сам нашел решение:
Код
#xmap ul {display: block;list-style-type: none;padding: 0 0 10px 0;margin: 0 0 9px 0;}
#xmap ul li {margin: 10px 0;padding: 0 20px;background: url(../images/sun.png) 0 2px no-repeat;}
#xmap ul.level_0 ul {padding: 0;}
#xmap ul.level_0 ul li {background: url(../images/camomile.png) 0 2px no-repeat;}
#xmap ul.level_1 ul {padding: 0;}
#xmap ul.level_1 ul li {background: url(../images/star.png) 0 2px no-repeat;}

картинки 16х16, font-size: 14px;
для обычных списков в материалах (ранее был пример для карты сайта xmap) юзаю:
Код
ul li {margin: 0;padding: 0;background: transparent;}
ul.list-line {display: block;list-style: inherit;list-style-position: outside;padding: 0px 0px 0px 4px;margin: -4px 0px 4px -3px;}
ul.list-line li {margin: 0;padding: 0;background: transparent;list-style-type: none;}
ul.list-line li:before {content: "– ";} /* символ #0151 */
ul.list-sun {display: block;list-style-type: none;padding: 4px 0 4px 0;margin: 0 0 4px 0;}
ul.list-sun li {margin: 0;padding: 0 20px;background: url(../images/sun.png) 0px 2px no-repeat;}
ul.list-star {display: block;list-style-type: none;padding: 4px 0 4px 0;margin: 0 0 4px 0;}
ul.list-star li {margin: 0;padding: 0 20px;background: url(../images/star.png) 0px 2px no-repeat;}
ul.list-camomile {display: block;list-style-type: none;padding: 4px 0 4px 0;margin: 0 0 4px 0;}
ul.list-camomile li {margin: 0;padding: 0 20px;background: url(../images/camomile.png) 0px 2px no-repeat;}
« Последнее редактирование: 21.11.2013, 15:10:56 от AlekVolsk »
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работает transition для определенных элементов

Автор Bozhkov2

 Ответов: 5
Просмотров: 4144 		Последний ответ 12.10.2016, 17:07:41
от Bozhkov2
Как сделать такой заголовок модуля?

Автор Ilhom666

 Ответов: 9
Просмотров: 1832 		Последний ответ 22.03.2016, 11:55:33
от darkghost
Выставить относительно фона пункты меню ?

Автор warlocksp

 Ответов: 6
Просмотров: 1497 		Последний ответ 01.02.2016, 10:58:26
от warlocksp
Вставка шрифта?

Автор warlocksp

 Ответов: 16
Просмотров: 1669 		Последний ответ 18.01.2016, 19:04:11
от warlocksp
Удалить маркеры?

Автор warlocksp

 Ответов: 4
Просмотров: 2243 		Последний ответ 09.01.2016, 17:07:35
от warlocksp