Новости Joomla

NorrCompetition 3.0 — новые возможности компонента конкурсов и голосований для Joomla 6

Релиз NorrCompetition 3.0 — крупное обновление расширения для проведения конкурсов и голосований в Joomla.

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

Релиз безопасности Joomla 6.1.1 и Joomla 5.4.6

Проект Joomla! рад сообщить о выходе Joomla 6.1.1 и Joomla 5.4.6. Это релизы безопасности и исправления ошибок для серий 5.x и 6.x.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

В открытый доступ выложен видео-курс Дмитрия Гончарова по созданию интернет-магазина на связке Joomla + JoomShopping. Видеоуроки содержат пошаговые инструкции от регистрации хостинга до особенностей вёрстки, настройки способов оплаты и доставки.

В видео фигурирует JoomShopping 4 и Joomla 3, однако JoomShopping довольно консервативный компонент и многие способы и подходы в нём не менялись годами, поэтому данные видео могут быть по прежнему полезны.

Смотреть видео-курс

@joomlafeed

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

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

 Ответов: 1
Просмотров: 27082 		Последний ответ 15.11.2025, 17:26:59
от Beer
JoomGallery и joomimg ошибка

Автор kultvshale

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

Автор Grinders

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

Автор olstep

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

Автор zunix

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