Новости Joomla

Вставка VK VIDEO v.1.2.4 - плагин для Joomla.В новой версии добавлена поддержка вставки VK клипов

Компонент "Жимолость" 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 #расширения

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

marbert

  • Захожу иногда
  • 417
  • 9 / 0
a:hover в модуле JoomImg - не фурычит...
« : 20.02.2011, 00:46:53 »
Подскажите, пожалуйста, как сделать затемнение при наведении курсора в модуле JoomImg?

В самой галерее это реализовано в CSS строками:

Код
img.jg_photo, .jg_minis a img {
  opacity: 0.75;
}

a:hover img.jg_photo, .jg_minis a:hover img {
  opacity: 1;
}

Я пытался прописать эти строки в CSS модуля - результат ноль...

Подскажите, плз, кто знает.

Вот, исходный CSS модуля (он небольшой):

Код
.joomimg_clr{
  clear:both;
}

.joomimg_row{
  overflow:hidden;
  padding:0;
}

.joomimg_row ul{
  padding-left:0;
  margin-left:0;
}
.joomimg_row ul li{
  list-style:none;
  background:none;
}
Записан
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: a:hover в модуле JoomImg - не фурычит...
« Ответ #1 : 20.02.2011, 01:10:43 »
так попробуйте
Код
/* в CSS */
a.jg_photo, a.jg_photo:hover{
display:block;
} 
a.jg_photo  {
  opacity: 0.75;
}

a.jg_photo:hover {
  opacity: 1;
}
...
<!-- в HTML -->
<a  class="jg_photo">
« Последнее редактирование: 20.02.2011, 01:50:49 от dynamit »
Записан
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

marbert

  • Захожу иногда
  • 417
  • 9 / 0
Re: a:hover в модуле JoomImg - не фурычит...
« Ответ #2 : 20.02.2011, 10:00:25 »
Цитата: dynamit от 20.02.2011, 01:10:43
так попробуйте

не получилось, сейчас CSS mod_joomimg выглядит так:

Код
.joomimg_clr{
  clear:both;
}

.joomimg_row{
  overflow:hidden;
}

.joomimg_row ul{
  padding-left:0;
  margin-left:0;
}

.joomimg_row ul li{
  list-style:none;
  background:none;
}


/* в CSS */
a.jg_photo, a.jg_photo:hover{
display:block;
} 
a.jg_photo  {
  opacity: 0.75;
}

a.jg_photo:hover {
  opacity: 1;
}

и не совсем понял, куда прописать это:

Код
<!-- в HTML -->
<a  class="jg_photo">

Поскольку, HTML нет, есть PHP - а куда это там прописывать я не совсем понимаю...
Записан
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: a:hover в модуле JoomImg - не фурычит...
« Ответ #3 : 20.02.2011, 10:05:36 »
видимо туда где вывод изменяемой вами фотографии. в коде модуля. нужой ссылке назначить класс jg_photo
Записан
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

marbert

  • Захожу иногда
  • 417
  • 9 / 0
Re: a:hover в модуле JoomImg - не фурычит...
« Ответ #4 : 20.02.2011, 10:07:37 »
Цитата: dynamit от 20.02.2011, 10:05:36
видимо туда где вывод изменяемой вами фотографии. в коде модуля.

я понимаю, но куда именно прописывать?

абсолютно не разбираюсь в PHP, если можно, подскажите в формате "этот код заменяем на этот" - потому как, для меня PHP темный лес...
Записан
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: a:hover в модуле JoomImg - не фурычит...
« Ответ #5 : 20.02.2011, 10:14:02 »
я не знаю структуры этого модуля
Записан
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

marbert

  • Захожу иногда
  • 417
  • 9 / 0
Re: a:hover в модуле JoomImg - не фурычит...
« Ответ #6 : 20.02.2011, 10:19:11 »
Цитата: dynamit от 20.02.2011, 10:14:02
я не знаю структуры этого модуля
я прикрепил модуль, пожалуйста.

[вложение удалено Администратором]
Записан
*

marbert

  • Захожу иногда
  • 417
  • 9 / 0
Re: a:hover в модуле JoomImg - не фурычит...
« Ответ #7 : 20.02.2011, 10:27:38 »
А разве нужно менять что-то в модуле?

В компоненте я ничего не менял, просто прописал в CSS компонента строку:

opacity: 0.75; - и все заработало...

Добавляя в CSS модуля:

Код
.joomimg_row{
  overflow:hidden;
  padding:10px;
  opacity: 0.75;
}

эту же строку и добавляя это:

Код
a:hover .joomimg_row a:hover img {
  opacity: 1;
}

я не получаю никакого результата при наведении курсора...
« Последнее редактирование: 20.02.2011, 10:32:10 от marbert »
Записан
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: a:hover в модуле JoomImg - не фурычит...
« Ответ #8 : 20.02.2011, 10:54:40 »
Код
.joomimg_row a:hover img {
  opacity: 1;
}
а, так?
Записан
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

marbert

  • Захожу иногда
  • 417
  • 9 / 0
Re: a:hover в модуле JoomImg - не фурычит...
« Ответ #9 : 20.02.2011, 11:09:28 »
Цитата: dynamit от 20.02.2011, 10:54:40
Код
.joomimg_row a:hover img {
  opacity: 1;
}
а, так?

увы... как и было.

более того, когда я прописываю:

Код
.joomimg_row{
  overflow:hidden;
  padding:10px;
  opacity: 0.75;
}

получаю странно-неравномерный эффект - первая строка с превью не изменяется, а последующие две - высветляются.
Записан
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: a:hover в модуле JoomImg - не фурычит...
« Ответ #10 : 20.02.2011, 23:28:14 »
пробуйте
Код
.joomimg_row img {
  opacity: .75;
}
.joomimg_row img:hover {
  opacity: 1;
}
« Последнее редактирование: 20.02.2011, 23:31:34 от dynamit »
Записан
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

marbert

  • Захожу иногда
  • 417
  • 9 / 0
Re: a:hover в модуле JoomImg - не фурычит...
« Ответ #11 : 20.02.2011, 23:40:43 »
Цитата: dynamit от 20.02.2011, 23:28:14
пробуйте
Код
.joomimg_row img {
  opacity: .75;
}
.joomimg_row img:hover {
  opacity: 1;
}

если сделать так, как Вы советуете, получаем:

1. первая строка с превью - без изменений...
2. остальные две - получилось!
3. но... слетели настройки padding - превью сбились в кучу, поэтому, я просто прописал Ваш код отдельно, не меняя прежний.

Получил:

3. настройки padding восстановились.

Как быть с пунктом "1"?..
« Последнее редактирование: 21.02.2011, 10:39:40 от marbert »
Записан
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: a:hover в модуле JoomImg - не фурычит...
« Ответ #12 : 20.02.2011, 23:59:26 »
именно по сайту сделайте так
Код
.joomimg_row img, .joomimg47_row img {
    opacity: .75;
}
.joomimg_row img:hover, .joomimg47_row img:hover {
    opacity: 1;
}
работает, но насколько это будет правильно для дальнейшей работы - не знаю.
Записан
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

marbert

  • Захожу иногда
  • 417
  • 9 / 0
Re: a:hover в модуле JoomImg - не фурычит...
« Ответ #13 : 21.02.2011, 00:22:26 »
Цитата: dynamit от 20.02.2011, 23:59:26
именно по сайту сделайте так
Код
.joomimg_row img, .joomimg47_row img {
    opacity: .75;
}
.joomimg_row img:hover, .joomimg47_row img:hover {
    opacity: 1;
}

кажется, работает... спасибо Вам :)

*с меня плюс*

Цитировать
работает, но насколько это будет правильно для дальнейшей работы - не знаю.

скажите, а что Вас смущает, чем может быть чревато?
Записан
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: a:hover в модуле JoomImg - не фурычит...
« Ответ #14 : 21.02.2011, 00:30:15 »
да не знаю, я с JGallery не работал - это все танцы с бубном. не берите в голову, работает и хорошо, если что - обращайтесь.
Записан
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как добавить lazy к миниатюрам в модуле?

Автор Maffo

 Ответов: 0
Просмотров: 24667 		Последний ответ 05.02.2025, 05:27:23
от Maffo
JoomGallery и joomimg ошибка

Автор kultvshale

 Ответов: 3
Просмотров: 1705 		Последний ответ 05.12.2013, 06:18:12
от kultvshale
Модуль joomimg формирование ссылки

Автор Grinders

 Ответов: 2
Просмотров: 2381 		Последний ответ 18.03.2012, 19:33:51
от Grinders
Как в модуле новостей mod_newsflash выводить модуль mod_joomimg?

Автор olstep

 Ответов: 1
Просмотров: 1437 		Последний ответ 28.04.2011, 08:02:42
от jem777
Как выставить топ фото недели в модуле?

Автор zunix

 Ответов: 4
Просмотров: 1889 		Последний ответ 14.04.2011, 13:03:44
от zunix