Новости Joomla

JoomShaper SP Page Builder 6: динамический контент, комментарии и Joomla 6

JoomShaper SP Page Builder 6: динамический контент, комментарии и Joomla 6

JoomShaper SP Page Builder 6: динамический контент, комментарии и Joomla 6.Анонсирован выход новой версии одного из самых распространённых конструкторов страниц на Joomla от студии JoomShaper.v.6.0.0. Что нового?➕ Динамический контент. Добавлена ​​поддержка материалов Joomla в динамическом контенте.➕ Новые комментарии для Joomla. Введена встроенная система комментирования статей.➕ Плагин аватара пользователя. Включена поддержка изображений профиля через плагин SP Page Builder - Profile Image.🫥 Обновление: Добавлена ​​совместимость с моделями GPT-5.🫥 Обновление: добавлена ​​опция приоритета извлечения в надстройку «Изображение». 🫥 Обновление: улучшена скорость загрузки динамического контента.🫥 Обновление: включена поддержка вертикального видео в модулях «Видео» и «Модальные всплывающие окна».🛠 Исправление: исправлены ошибки, из-за которых дополнения к формам не работали на страницах динамических сведений.🛠 Исправление: устранены проблемы с разрывом макета и всплывающими окнами при разбиении на страницы динамической медиагалереи.🛠 Исправление: решена проблема с неработоспособностью списка ссылок на страницы в редакторе интерфейса.🛠 Исправление: Исправлены проблемы с маршрутизацией многоязычных страниц SEF.🛠 Исправление: устранена уязвимость критического обхода пути в Media Manager.Большое спасибо за ссылку участнику нашего сообщества Ринату Кажетову (@rkazhet)!Новость на сайте JoomShaper.@joomlafeed#joomla #расширения #шаблоны

WT Set elements v.1.0.0: плагин поля для RadicalMart

WT Set elements v.1.0.0: плагин поля для RadicalMart

Плагин пользовательского поля компонента интернет-магазина для Joomla - RadicalMart (@radicalmart). Плагин позволяет создавать набор элементов, включающих заголовок, изображение и краткое описание и выбирать необходимые из них в товаре. Отображать наборы элементов можно в виде товара и в списке товаров (в своих макетах).

IWS.BY VK app widget - Виджет приложения ВКонтакте для Joomla

IWS.BY VK app widget - Виджет приложения ВКонтакте для Joomla

👩‍💻 IWS.BY VK app widget - Виджет приложения ВКонтакте для Joomla.Модуль «Виджет приложения ВКонтакте» для Joomla поможет добавить на сайт виджет с карточкой приложения или игры из социальной сети ВКонтакте.У вас возникла потребность отобразить информацию о ваших приложениях или играх на сайте с кнопкой перехода в социальную сеть, то этот модуль для Вас. Вам не придется хранить информацию о приложении у себя на сайте, все данные получаются через публичное API социальной сети ВКонтакте. Хранение информации на стороне ВКонтакте позволит Вам не нагружать базу данных сайта.В модуле имеется всего несколько опций и полей, которые максимально упрощают публикацию виджета. Первая опция позволяет подключить публичное API социальной сети ВКонтакте, необходимое для работы виджетов. Следующее поле потребует ввести идентификатор приложения или игры, присвоенный в социальной сети ВКонтакте. Следующая опция позволит выбрать вид отображаемой информации в виджете.Модуль имеет 3 варианта отображения:- карточка- участники- кнопкаПоддерживаемые версии Joomla: Joomla 3, Joomla 4, Joomla 5.Страница расширенияJoomla Extensions Directory#joomla #расширения #vk

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

наталия

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Как сделать ссылки из картинки
« : 07.03.2012, 03:02:32 »
У меня такой вопрос:У меня в место фона на сайте картинка 1064х820 и я разрезала ее на куски чтобы сделать ссылки так чтобы при наведении они изменили цвет(это я могу сделать) но не только еще у меня есть меню и нужно чтобы при наведении на меню изменилось ссылка картинка которая находится на странице, я не знаю если вы поняли мой вопрос но вот сайт: http://ellatsarik.ru/Index.html и здесь находятся целая картинка собранная из кусков и ссылки при наведения на телефон и т.д. Помогите кто может скриптами! Заранее спасибо!
Записан
*

sapsan

  • Осваиваюсь на форуме
  • 30
  • 1 / 1
Re: Как сделать ссылки из картинки
« Ответ #1 : 07.03.2012, 03:24:07 »
ни чего не понял...
Записан
*

Go-destroy

  • Захожу иногда
  • 221
  • 4 / 1
Re: Как сделать ссылки из картинки
« Ответ #2 : 07.03.2012, 06:00:56 »
не понятно.....
Записан
*

bugmenot

  • Захожу иногда
  • 230
  • 11 / 2
  • za3.by
Re: Как сделать ссылки из картинки
« Ответ #3 : 07.03.2012, 08:54:35 »
Похожу имидж мапа там. разные части изображения  являются графическими ссылками на разделы сайта.

Можно флэш, можно яваскрипт, html5, canvas
можно порезать кустами, страницу заверстать в таблицу и в ячейку засунуть картинкассылку  типа
Код
<a href="http://www.сайт.com" target="_blank"> <img src="картинка.gif"> </a>
Записан
*

наталия

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Re: Как сделать ссылки из картинки
« Ответ #4 : 07.03.2012, 09:39:11 »
Да поэтому(потому что не знаю как правильно задать вопрос) я и не нахожу ответа в поисковике у меня такой скрипт: <script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}


<td valign="top" align="left"><a href="Contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Button5','','images/but_6_over.jpg',1)"><img src="" name="Button5" width="244" height="41" border="0" id="Button5"></a></td>

только здесь сделано так чтобы при наведение на картинку она поменяла цвет но я хочу чтобы при наведение на меню изменилось картинка которая находится  где то на странице
Записан
*

sapsan

  • Осваиваюсь на форуме
  • 30
  • 1 / 1
Re: Как сделать ссылки из картинки
« Ответ #5 : 07.03.2012, 13:16:22 »
так еще раз и по русски,без спешки... скрипт ваш не рабочий!   что вы хотите сделать если можете нарисуйте схему и приложите скрин
Записан
*

наталия

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Re: Как сделать ссылки из картинки
« Ответ #6 : 07.03.2012, 13:50:31 »
Вот сайт:http://ellatsarik.ru/ на главной странице при наведение на меню должна поменять цвет картинка которая находится на странице (там есть телефон, книги они должны поменять цвет при наведение на меню) подскажите как это сделать
Записан
*

наталия

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Re: Как сделать ссылки из картинки
« Ответ #7 : 07.03.2012, 14:42:17 »
Я сделала чтобы при наведение на картинки они поменяли цвет но как сделать еще и при наведение на меню  чтобы они картинки поменяли цвет http://ellatsarik.ru/ помогите пожалуйста!
Записан
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: Как сделать ссылки из картинки
« Ответ #8 : 07.03.2012, 15:07:41 »
Я бы не заморачивался с таблицами. Яб расположил 5 абсолютно спозиционированных дивов, в изначальном состонянии не имеющие фона, тоесть через них просвечивается общий фон с серыми предметами. а уже при наведении присваиваем фон состоящий из куска, содержащего цветной предмет. Все это делается на CSS, без js. А уж дальше, на js делаем чтоб по наведению на пункты меню менялся класс предмета на .active
Код: html4strict
<div id="container">
    <div id="phone"></div>
    <div id="photo"></div>
    <div id="books"></div>
    <div id="flame"></div>
    <div id="dosia"></div>
</div>
<style>
    #container{
        position: relative;
        background: url(background.png);
    }
    #phone{
        position: absolute;
        left: 300px;
        top: 200px;
        width: 60px;
        height: 80px;
     }
     #phone:hover,
     #phone.active{
         background: url(phone.png);
      }
</style>
И нарезаем цветные предметы. Кстати чета с графикой вы намудрили, много весит, долго грузится, уверен можно существенно ужать, например использовать png-8 (индексированные цвета)
И дизайн как по мне слегка убогий. Хотяб фоновый цвет изменить, не такой болотный чтоб был. И меню ужасное. И подсказки предметам, если вы желаете чтоб по ним кликаете, а то не понятно зачем мне кликать по камину или поросенку.
Записан
【Мегапак Virtuemart】:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

наталия

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Re: Как сделать ссылки из картинки
« Ответ #9 : 07.03.2012, 15:17:31 »
Да согласна с вами но такие цвета хочет клиент и шрифт тоже и дизайн тоже а на счет подсказок на картинки я поняла, сделаю!Но так я и не поняла как сделать если меню просто текст не картинки и как сделать с js
Записан
*

наталия

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Re: Как сделать ссылки из картинки
« Ответ #10 : 07.03.2012, 15:55:08 »
danik.html Спасибо большое с дивами получилось теперь наверное мне следует сделать из меню картинки!
Записан
*

наталия

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Re: Как сделать ссылки из картинки
« Ответ #11 : 07.03.2012, 16:11:57 »
вот только с дивами получилось но только уже ссылка не работает при наведение на изображение
Записан
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: Как сделать ссылки из картинки
« Ответ #12 : 07.03.2012, 16:34:48 »
Смотрите как все элементарно и компактно:
Код: html4strict
<!doctype html>
<html lang="ru">
	<head>
		<title>Lorem ipsum dolor sit amet - Mirantur deo</title>
		<meta charset="utf-8" />
		<meta name="description" content="Lorem ipsum dolor sit amet" />
		<meta name="keywords" content="Lorem,ipsum,dolor,sit,amet" />
		<meta name="author" content="Ratione dedit" />
		<link rel="shortcut icon" href="favicon.ico" />
		<link rel="stylesheet" href="css/general.css" />
	</head>
	<body>
		<div id="interior">
			<div id="logo"><img src="images/logo.png" alt="" /></div>
			<a id="phone" title="Контакты" href="#"></a>
			<a id="photo" title="Контакты" href="#"></a>
			<a id="books" title="Контакты" href="#"></a>
			<a id="flame" title="Контакты" href="#"></a>
			<a id="dosia" title="Контакты" href="#"></a>
		</div>
		<ul id="nav">
			<li><a id="home-link" rel="photo" href="#">Главная</a></li>
			<li><a id="about-link" rel="photo" href="#">о себе</a></li>
			<li><a id="porfolio-link" rel="photo" href="#">портфолио</a></li>
			<li><a id="services-link" rel="photo" href="#">услуги и цены</a></li>
			<li><a id="creative-link" rel="photo" href="#">креатив</a></li>
			<li><a id="contacts-link" rel="phone" href="#">контакты</a></li>
		</ul>
		<script>
			(function(){
				var links = document.getElementById('nav').getElementsByTagName('a');

				for (var link in links)
				{
					links[link].onmouseover = function(){
						document.getElementById( this.rel ).className = 'active';
					}
					links[link].onmouseout = function(){
						document.getElementById( this.rel ).className = '';
					}
				}
			})();
		</script>
	</body>
</html>
Вобщем по доброте душевной, и в честь праздника вот вам готовенькое: http://dl.dropbox.com/u/61357638/ella.zip
Записан
【Мегапак Virtuemart】:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

наталия

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Re: Как сделать ссылки из картинки
« Ответ #13 : 07.03.2012, 17:10:23 »
Я очень благодарна вам! Спасибо большое! ^-^ ::)
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать?

Автор Twins

 Ответов: 3
Просмотров: 1863 		Последний ответ 01.07.2021, 13:11:51
от xpank
Как сделать кнопку формы аккаунта?

Автор Evgen Kulibin

 Ответов: 0
Просмотров: 1028 		Последний ответ 22.04.2021, 22:15:06
от Evgen Kulibin
Как сделать плавающий модуль?

Автор THeCMeX

 Ответов: 2
Просмотров: 1183 		Последний ответ 08.03.2021, 22:21:01
от Flexderection
[Решено] Как сделать чтобы фотография открылась в отдельном окне?

Автор a-two

 Ответов: 11
Просмотров: 2125 		Последний ответ 03.11.2020, 16:57:40
от Nikolay89
Как сделать плавающий блок/модуль. Пример есть!

Автор Good_user

 Ответов: 8
Просмотров: 12424 		Последний ответ 04.04.2020, 13:49:11
от jan_dax