Новости 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 Ответов
  • 1684 Просмотров
*

zigzagrus

  • Осваиваюсь на форуме
  • 40
  • 0 / 0
Обтекание картинки текстом и выравнивание блока картинок
« : 27.07.2015, 08:00:53 »
Приветствую уважаемые! Прошу помощи более опытных сотоварищей, не хватает своих знаний. 2 проблемы которые никак не решу.
1. Ссылка "Вернуться назад" никак не хочет размещаться ниже всех картинок и размещается слева.
2. Как выровнять по центру блок картинок.
Адрес проблемы http://забтех.рф/glavnaya/535-v-tekhnikume-proshel-den-otkrytykh-dverej-na-kotorom-prisutstvovalo-bolee-200-shkolnikov?template=accessibility
пс: пусть вас не смущает "странность" сайта, по действующему российскому законодательству каждое учебное заведение обязано иметь версию сайта для слабовидящих. Вот это она и есть.
пс2: надеюсь не ошибся разделом.
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Обтекание картинки текстом и выравнивание блока картинок
« Ответ #1 : 27.07.2015, 08:32:38 »
Для начала все ссылки с картинками объедините в один блок (сейчас их три, причем в первых двух всего по одной ссылке). В стилях пропишите:
Код: css
.clearfix {display:block;float:none;clear:both;}
и в конец блока добавьте <span class="clearfix"></span> - это заставит ссылку "вернуться назад" сместиться вниз.

Для всего блока картинок задайте выравнивание по центру, далее поправьте стили вывода ссылок:
Код: css
.highslide {
    outline: medium none;
    text-decoration: none;
    display: inline-block;
    float: none !important;
}
Записан
*

IzrA

  • Захожу иногда
  • 322
  • 27 / 0
Re: Обтекание картинки текстом и выравнивание блока картинок
« Ответ #2 : 27.07.2015, 08:37:26 »
1.
Код
#back_link {
  float: left;
  width: 100%;
}
2. Все картинки полижите в один параграф. Параграфу text-align:center; У картинок уберите float: left;
Вот содержимое div class="item-page" после исправлений.
Код
<div class="item-page">

<h2>
  <a href="/glavnaya/535-v-tekhnikume-proshel-den-otkrytykh-dverej-na-kotorom-prisutstvovalo-bolee-200-shkolnikov">
		В техникуме прошел «День открытых дверей», на котором присутствовало более 200 школьников. </a>
</h2>

<p style="text-align: justify;">Коллектив и студенты охотно приглашали учащихся школ на обучение &nbsp;в техникум по различным специальностям.&nbsp;</p>
<p style="text-align: center;">
  <a href="/images/vosprab/april2015/1/image035.jpg" class="modal"></a>
  <a style="margin: 0px 10px 0px 0px; padding: 5px;" title="В техникуме прошел «День открытых дверей», на котором присутствовало более 200 школьников. " onclick="return hs.expand(this, hs_image)" class="highslide" href="/images/vosprab/april2015/1/image035.jpg" id="thumb5351"><img class="hs_border" title="В техникуме прошел «День открытых дверей», на котором присутствовало более 200 школьников. " alt="image035" src="/plugins/content/hsimage/highslide/image.php?image=/images/vosprab/april2015/1/image035.jpg&amp;width=250&amp;height=1&amp;cropratio=&amp;quality=80&amp;color=fff&amp;reduce=1"></a>
  <span title="Close" onclick="return hs.close(this)" class="highslide-overlay closebutton" id="closebutton"></span>
  <a href="/images/vosprab/april2015/1/image036.jpg" class="modal"></a>
  <a style="margin: 0px 10px 0px 0px; padding: 5px;" title="В техникуме прошел «День открытых дверей», на котором присутствовало более 200 школьников. " onclick="return hs.expand(this, hs_image)" class="highslide" href="/images/vosprab/april2015/1/image036.jpg" id="thumb5352"><img class="hs_border" title="В техникуме прошел «День открытых дверей», на котором присутствовало более 200 школьников. " alt="image036" src="/plugins/content/hsimage/highslide/image.php?image=/images/vosprab/april2015/1/image036.jpg&amp;width=250&amp;height=1&amp;cropratio=&amp;quality=80&amp;color=fff&amp;reduce=1"></a>
  <span title="Close" onclick="return hs.close(this)" class="highslide-overlay closebutton" id="closebutton"></span>
  <a href="/images/vosprab/april2015/1/image037.jpg" class="modal"></a><a style="margin: 0px 10px 0px 0px; padding: 5px;" title="В техникуме прошел «День открытых дверей», на котором присутствовало более 200 школьников. " onclick="return hs.expand(this, hs_image)" class="highslide" href="/images/vosprab/april2015/1/image037.jpg" id="thumb5353"><img class="hs_border" title="В техникуме прошел «День открытых дверей», на котором присутствовало более 200 школьников. " alt="image037" src="/plugins/content/hsimage/highslide/image.php?image=/images/vosprab/april2015/1/image037.jpg&amp;width=250&amp;height=1&amp;cropratio=&amp;quality=80&amp;color=fff&amp;reduce=1"></a><span title="Close" onclick="return hs.close(this)" class="highslide-overlay closebutton" id="closebutton"></span><a href="/images/vosprab/april2015/1/image039.jpg" class="modal"></a><a style="margin: 0px 10px 0px 0px; padding: 5px;" title="В техникуме прошел «День открытых дверей», на котором присутствовало более 200 школьников. " onclick="return hs.expand(this, hs_image)" class="highslide" href="/images/vosprab/april2015/1/image039.jpg" id="thumb5354"><img class="hs_border" title="В техникуме прошел «День открытых дверей», на котором присутствовало более 200 школьников. " alt="image039" src="/plugins/content/hsimage/highslide/image.php?image=/images/vosprab/april2015/1/image039.jpg&amp;width=250&amp;height=1&amp;cropratio=&amp;quality=80&amp;color=fff&amp;reduce=1"></a><span title="Close" onclick="return hs.close(this)" class="highslide-overlay closebutton" id="closebutton"></span><a href="/images/vosprab/april2015/1/image040.jpg" class="modal"></a><a style="margin: 0px 10px 0px 0px; padding: 5px;" title="В техникуме прошел «День открытых дверей», на котором присутствовало более 200 школьников. " onclick="return hs.expand(this, hs_image)" class="highslide" href="/images/vosprab/april2015/1/image040.jpg" id="thumb5355"><img class="hs_border" title="В техникуме прошел «День открытых дверей», на котором присутствовало более 200 школьников. " alt="image040" src="/plugins/content/hsimage/highslide/image.php?image=/images/vosprab/april2015/1/image040.jpg&amp;width=250&amp;height=1&amp;cropratio=&amp;quality=80&amp;color=fff&amp;reduce=1"></a><span title="Close" onclick="return hs.close(this)" class="highslide-overlay closebutton" id="closebutton"></span><a href="/images/vosprab/april2015/1/image042.jpg" class="modal"></a><a style="margin: 0px 10px 0px 0px; padding: 5px;" title="В техникуме прошел «День открытых дверей», на котором присутствовало более 200 школьников. " onclick="return hs.expand(this, hs_image)" class="highslide" href="/images/vosprab/april2015/1/image042.jpg" id="thumb5356"><img class="hs_border" title="В техникуме прошел «День открытых дверей», на котором присутствовало более 200 школьников. " alt="image042" src="/plugins/content/hsimage/highslide/image.php?image=/images/vosprab/april2015/1/image042.jpg&amp;width=250&amp;height=1&amp;cropratio=&amp;quality=80&amp;color=fff&amp;reduce=1"></a><span title="Close" onclick="return hs.close(this)" class="highslide-overlay closebutton" id="closebutton"></span><a href="/images/vosprab/april2015/1/image045.jpg" class="modal"></a><a style="margin: 0px 10px 0px 0px; padding: 5px;" title="В техникуме прошел «День открытых дверей», на котором присутствовало более 200 школьников. " onclick="return hs.expand(this, hs_image)" class="highslide" href="/images/vosprab/april2015/1/image045.jpg" id="thumb5357"><img class="hs_border" title="В техникуме прошел «День открытых дверей», на котором присутствовало более 200 школьников. " alt="image045" src="/plugins/content/hsimage/highslide/image.php?image=/images/vosprab/april2015/1/image045.jpg&amp;width=250&amp;height=1&amp;cropratio=&amp;quality=80&amp;color=fff&amp;reduce=1"></a><span title="Close" onclick="return hs.close(this)" class="highslide-overlay closebutton" id="closebutton"></span><a href="/images/vosprab/april2015/1/image046.jpg" class="modal"></a><a style="margin: 0px 10px 0px 0px; padding: 5px;" title="В техникуме прошел «День открытых дверей», на котором присутствовало более 200 школьников. " onclick="return hs.expand(this, hs_image)" class="highslide" href="/images/vosprab/april2015/1/image046.jpg" id="thumb5358"><img class="hs_border" title="В техникуме прошел «День открытых дверей», на котором присутствовало более 200 школьников. " alt="image046" src="/plugins/content/hsimage/highslide/image.php?image=/images/vosprab/april2015/1/image046.jpg&amp;width=250&amp;height=1&amp;cropratio=&amp;quality=80&amp;color=fff&amp;reduce=1"></a><span title="Close" onclick="return hs.close(this)" class="highslide-overlay closebutton" id="closebutton"></span><a href="/images/vosprab/april2015/1/image048.jpg" class="modal"></a><a style="margin: 0px 10px 0px 0px; padding: 5px;" title="В техникуме прошел «День открытых дверей», на котором присутствовало более 200 школьников. " onclick="return hs.expand(this, hs_image)" class="highslide" href="/images/vosprab/april2015/1/image048.jpg" id="thumb5359"><img class="hs_border" title="В техникуме прошел «День открытых дверей», на котором присутствовало более 200 школьников. " alt="image048" src="/plugins/content/hsimage/highslide/image.php?image=/images/vosprab/april2015/1/image048.jpg&amp;width=250&amp;height=1&amp;cropratio=&amp;quality=80&amp;color=fff&amp;reduce=1"></a><span title="Close" onclick="return hs.close(this)" class="highslide-overlay closebutton" id="closebutton"></span></p> 
	
</div>

UPD:
Уже ответили пока писал. :)
Записан
Спасибо для меня слишком много. Стакан вина Плюс в репутацию - в самый раз.

Велосипедист — бедствие для экономики. Он не покупает автомобиля и не берет под него кредит. Не покупает бензин. Не пользуется услугами ремонтных мастерских. Не страхует «гражданскую ответственность». Не пользуется платными стоянками. Не страдает от ожирения. Да он еще и здоров, черт возьми! Здоровые люди не нужны для экономики. Они не покупают лекарства. Они не ходят к частным врачам. Они не увеличивают ВВП.
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Обтекание картинки текстом и выравнивание блока картинок
« Ответ #3 : 27.07.2015, 08:39:46 »
Судя по всему, картинки выводятся плагином галереи.
Записан
*

zigzagrus

  • Осваиваюсь на форуме
  • 40
  • 0 / 0
Re: Обтекание картинки текстом и выравнивание блока картинок
« Ответ #4 : 27.07.2015, 17:35:39 »
Цитата: AlekVolsk от 27.07.2015, 08:39:46
Судя по всему, картинки выводятся плагином галереи.
да, вы правы, выводятся модулем highslide(hsimage). Поэтому в коде 3 абзатца, которые не получается собрать в один. Максимум что у меня получилось так это обрамить их одним DIVом, но выровнять по центру не удалось.
Записан
*

zigzagrus

  • Осваиваюсь на форуме
  • 40
  • 0 / 0
Re: Обтекание картинки текстом и выравнивание блока картинок
« Ответ #5 : 01.08.2015, 14:08:02 »
Очередная победа плагина надо мной 0:3. Толком не пойму работу плагина чтобы поправить код так как советовали. Или превьюшки центрируются, но сами вертикально выстраиваются, либо получилось все отцентровать, но первые 2 картинки из первых двух параграфов стоят особняком.
А нельзя как-то прописать CSS стили для этого кода, который сейчас формируется плагином чтобы все стало по центру?
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как разместить картинку за текстом в статье?

Автор PNP

 Ответов: 11
Просмотров: 2112 		Последний ответ 10.08.2021, 20:59:27
от PNP
Div с картинкой и текстом как ссылка

Автор suic

 Ответов: 5
Просмотров: 2412 		Последний ответ 11.04.2020, 12:47:15
от suic
Вертикальное выравнивание текста внутри textarea [РЕШЕНО]

Автор dm-krv

 Ответов: 11
Просмотров: 8299 		Последний ответ 23.03.2019, 21:53:08
от sivers
Дублирование блока при переключение на английский модулем GTranslate

Автор kostey

 Ответов: 1
Просмотров: 1389 		Последний ответ 07.12.2018, 14:18:17
от kostey
Увиличение картинки при наведении

Автор vova630

 Ответов: 0
Просмотров: 1140 		Последний ответ 25.03.2018, 02:45:33
от vova630