Новости 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 Гость просматривают эту тему.
  • 8 Ответов
  • 7664 Просмотров
*

mebeleko

  • Осваиваюсь на форуме
  • 41
  • 2 / 0
CSS и HTML: смена рисунка при наведении в меню
« : 14.07.2009, 18:41:25 »
Задача достаточно простая и об этом много информации в сети, но у меня не получается реализовать смену картинки при наведении мышью.

Для упрощения сделал простой сайт вот здесь:

noartistname . com / web / index.php (без пробелов)

На сайт загружено 4 картинки: 2 картинки для кнопки test 1 (когда на нее наводим и когда она выключена) и 2 картинки для кнопки test 2 (тоже самое). Все просто: при наведении на test 1 хочу чтобы менялась картинка и тоже самое для test 2. Пытался сделать с помощью класса hoover - не получается, через java script - вместо картинки почему то вопросики.

Вот код index.php:

Код
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
<title>Привет!</title>
</head>
<body>
<div class="text">Вы видите меню под углом 45 градусов!</div>
<div class="image2"></div>
<div class="image1"></div>
</body>
</html>

Вот код style.css:

Код
.text
{
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

.image1
{
	background-image:url('button_1.png');
	height: 60px;
	width: 60px;
}

.image2

{
	margin-bottom: -5px;
	margin-left: 55px;
	background-image:url('button_2.png');
	height: 60px;
	width: 60px;
}

Подскажите как это реализовать правильно?
Записан
*

zlideni

  • Захожу иногда
  • 337
  • 76 / 0
Re: CSS и HTML: смена рисунка при наведении в меню
« Ответ #1 : 14.07.2009, 18:48:04 »
попробуй прописать
div.image1:hover {background: другая картинка;}
Записан
*

mebeleko

  • Осваиваюсь на форуме
  • 41
  • 2 / 0
Re: CSS и HTML: смена рисунка при наведении в меню
« Ответ #2 : 14.07.2009, 18:58:46 »
Оперативно! Спасибо большое, получилось! Вот нигде в интернете такого не смог найти. А еще вопрос: можно как-то такое меню реализовать, чтобы вот так выглядело и работало, но когда наводишь только на закругленный прямоугольник (сейчас если даже навести на границу картинки уже она меняется)?
Записан
*

zlideni

  • Захожу иногда
  • 337
  • 76 / 0
Re: CSS и HTML: смена рисунка при наведении в меню
« Ответ #3 : 14.07.2009, 19:03:49 »
В Joomla 1.5 в Legacy Mode

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

mebeleko

  • Осваиваюсь на форуме
  • 41
  • 2 / 0
Re: CSS и HTML: смена рисунка при наведении в меню
« Ответ #4 : 14.07.2009, 19:34:51 »
Кстати, в эксплорере эта функция не работает! Почему? zlideni, посмотри мою страницу, при наведении рисунок не меняется, а в Safari меняется!
Записан
*

zlideni

  • Захожу иногда
  • 337
  • 76 / 0
Re: CSS и HTML: смена рисунка при наведении в меню
« Ответ #5 : 14.07.2009, 19:40:22 »
первые версий IE не поддерживают hover.... нужны сторонние скрипты...
Попробуй модуль который я прикрепил к предыдущему сообщению...
Записан
*

mebeleko

  • Осваиваюсь на форуме
  • 41
  • 2 / 0
Re: CSS и HTML: смена рисунка при наведении в меню
« Ответ #6 : 14.07.2009, 19:59:34 »
Хорошо, просто я не в Жумле :) Я сайт с нуля сам делаю :)
Записан
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: CSS и HTML: смена рисунка при наведении в меню
« Ответ #7 : 16.07.2009, 12:56:30 »
Цитата: zlideni от 14.07.2009, 18:48:04
попробуй прописать
div.image1:hover {background: другая картинка;}
Не лучшее решение. При таком подходе опять будет запрос на сервер и ожидание, чтобы подгрузить новую картинку.

Цитата: zlideni от 14.07.2009, 19:40:22
первые версий IE не поддерживают hover.... нужны сторонние скрипты...
Не вводите в заблуждения. Уточняйте, что поддерживает только для тега <a>, а вот для других элементов нужны скрипты.
« Последнее редактирование: 16.07.2009, 13:00:58 от gdX »
Записан
*

zlideni

  • Захожу иногда
  • 337
  • 76 / 0
Re: CSS и HTML: смена рисунка при наведении в меню
« Ответ #8 : 16.07.2009, 13:05:26 »
gdx, Вы совершено правы...
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работают стили CSS в html

Автор ВикуЛя

 Ответов: 1
Просмотров: 1299 		Последний ответ 27.05.2021, 12:31:15
от ShopES
html код для сайта

Автор lexin

 Ответов: 0
Просмотров: 1511 		Последний ответ 13.12.2017, 18:15:15
от lexin
Шаблон Protostar - Валидация HTML 100%

Автор leo78

 Ответов: 14
Просмотров: 7018 		Последний ответ 24.11.2017, 15:30:17
от leo78
Стиль для вышестоящего блока - HTML, CSS

Автор lalalag

 Ответов: 6
Просмотров: 2855 		Последний ответ 26.06.2017, 15:07:35
от Shustry
Где найти HTML каждой страницы сайта

Автор Sirius02030

 Ответов: 3
Просмотров: 8571 		Последний ответ 08.11.2016, 20:43:22
от Sirius02030