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

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Картинка-бирка (ярлык) поверх другого изображения
« : 29.05.2010, 18:17:26 »
Здравствуйте. Есть ряд изображений (не фоновые) и к некоторым из них нужно добавить небольшую картинку поверх в верхний правый угол. Например, что-то вроде "new" и т.п. т.е. по сути к таким "избранным" изображениям нужно добавить особый класс, но что в нем должно быть - ума не приложу.
Собственно, выглядеть в итоге должно примерно так:

Опишите, пожалуйста, параметры класса? Спасибо.
Записан
Помог? Поставь(те) плюс в репутацию.
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Картинка-бирка (ярлык) поверх другого изображения
« Ответ #1 : 30.05.2010, 15:10:17 »
Как пример:

Код: html4strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" >
<head>

	<style type="text/css">
		*{margin:0;padding:0;}
		.img{position:relative;float:left;}
		.img_new{position:absolute;top:0;right:0;background:red;padding:5px;}
	</style>

</head>
<body>

	<div class="img">
		<img src="http://joomlaportal.ru/templates/jp/images/logo.gif" alt="" />
		<img src="http://joomlaportal.ru/images/M_images/readon.gif" alt="" class="img_new" />
	</div>
	<div class="img">
		<img src="http://joomlaportal.ru/templates/jp/images/logo.gif" alt="" />
		<img src="http://joomlaportal.ru/images/M_images/readon.gif" alt="" class="img_new" />
	</div>
	<div class="img">
		<img src="http://joomlaportal.ru/templates/jp/images/logo.gif" alt="" />
		<img src="http://joomlaportal.ru/images/M_images/readon.gif" alt="" class="img_new" />
	</div>

</body>
</html>

Ну а с отступами и с мелочами, думаю, что разберетесь.
Записан
*

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Re: Картинка-бирка (ярлык) поверх другого изображения
« Ответ #2 : 30.05.2010, 16:07:49 »
Код: html4strict
<div class="img">
	<img src="http://joomlaportal.ru/templates/jp/images/logo.gif" alt="" />
	<img src="http://joomlaportal.ru/images/M_images/readon.gif" alt="" class="img_new" />
</div>
У меня нет div'ов и желательно их избегать. Поэтому не могу таким образом совместить 2 класса.
Записан
Помог? Поставь(те) плюс в репутацию.
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Картинка-бирка (ярлык) поверх другого изображения
« Ответ #3 : 30.05.2010, 16:55:13 »
Нужен HTML код, чтобы понять структуру.
Записан
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: Картинка-бирка (ярлык) поверх другого изображения
« Ответ #4 : 30.05.2010, 17:33:14 »
имея тупо элемент img ты на него ничего не наложишь. нужно его обязательно обернуть во чтонибудь.
Записан
【Мегапак Virtuemart】:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Картинка-бирка (ярлык) поверх другого изображения
« Ответ #5 : 30.05.2010, 17:54:41 »
Цитата: danik.html от 30.05.2010, 17:33:14
имея тупо элемент img ты на него ничего не наложишь. нужно его обязательно обернуть во чтонибудь.
Чистым CSS да, нужно к чему-то привязаться, но с вкраплением небольшого js можно.
Записан
*

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Re: Картинка-бирка (ярлык) поверх другого изображения
« Ответ #6 : 30.05.2010, 18:27:50 »
Убрал alt, title, blank и вот фрагмент:
Код
<td colspan="2" align="center" valign="top" width="548" class="bgc2">
<a href="site/amursvadba-big.jpg"><img src="site/amursvadba.jpg"/></a>
&nbsp; &nbsp;
<a href="site/dvsky-big.jpg"><img src="site/dvsky.jpg"/></a>
&nbsp; &nbsp;
<a href="site/giro-big.jpg"><img src="site/giro.jpg"/></a>
<br/><br/>
Снова повтор (по три картинки в каждом ряду)
</td>
При этом картинка New сопровождает абсолютно случайное изображение (не какой-то конкретный ряд и т.д.)
Возможно ли тогда изображение readon.gif ( условное "NEW", которое идет поверх) спрятать в класс, чтобы постоянно не прописывать его в HTML каждый раз? Лучше всего обойтись без JS. Спасибо.
П.с: тут: http://joomla1.5.youjoomla.info/youshopper/ значки "Top Deal" и "Free Delivery" в контенте идут как раз над текстом. Но ведь это не значит, что оно нормально наложится поверх картинки?
« Последнее редактирование: 30.05.2010, 18:33:23 от slepoy »
Записан
Помог? Поставь(те) плюс в репутацию.
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Позиция фонового изображения

Автор Forgiving

 Ответов: 2
Просмотров: 1151 		Последний ответ 30.03.2020, 10:58:49
от beliyadm
Рамка вокруг изображения (настройка)

Автор KingSnake

 Ответов: 10
Просмотров: 2335 		Последний ответ 12.08.2019, 14:48:41
от KingSnake
Ховер эффект для изображения

Автор Оксана6767

 Ответов: 16
Просмотров: 4807 		Последний ответ 17.04.2019, 09:30:15
от bayersoff
Как сделать чтоб картинка меняла масштаб вместе с ячейкой в которую вставлена?

Автор Dim

 Ответов: 7
Просмотров: 3981 		Последний ответ 02.12.2018, 23:54:36
от Dim
вывести элементы поверх остальных модулей

Автор lexxbry

 Ответов: 6
Просмотров: 2283 		Последний ответ 29.10.2017, 17:55:05
от lexxbry