Новости Joomla

Новогодние скидки от Nevigen.com

Новогодние скидки от Nevigen.com

Рады сообщить о специальном предложении от Nevigen, разработчика расширений для JoomShopping. С 29 декабря 2025 года по 7 января 2026 года будет действовать скидка 26% на все заказы от $50. Предложение распространяется на весь ассортимент продукции. Подробности и полный каталог расширений доступны по ссылке: https://nevigen.com/ru #joomshopping

Astroid обновился до версии 3.3.7!

Astroid обновился до версии 3.3.7!

Astroid — это мощный фреймворк для дизайнеров и разработчиков, позволяющий создавать адаптивные, быстрые и надежные веб-сайты и шаблоны на базе Joomla.

Главное в новой версии:

-   Исправлена загрузка файлов макетов

В предыдущем крупном релизе Astroid 3.3.6 были сделаны важные улучшения:

Основные моменты:

  • Улучшенный UI/UX в ключевых областях конфигурации
  • Повышенная стабильность и согласованность в Layout Builder и Form Builder
  • Исправления ошибок на основе отзывов сообщества
  • Улучшенная обработка визуальных эффектов, границ и шрифтов

Улучшения:

  • Обновленный UX Layout Builder
  • Улучшенный эффект предзагрузчика
  • Улучшенный стиль границ
  • Улучшенный UI/UX вкладки «Layout» в Template Options

Исправления ошибок:

  • Решены проблемы с некорректными динамическими значениями
  • Исправлен Color Transform при прокрутке
  • Устранены проблемы с работой Form Builder в Article Layout и Module Layout Builder
  • Исправлена проблема с созданием ненужных временных файлов при обработке шрифтов

Скачать: https://github.com/templaza/astroid-framework/releases/tag/v3.3.7

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

👩‍💻 Как тестировать Joomla PHP-разработчику? Компонент Patch tester.Joomla - open source PHP-фреймворк с готовой админкой. Его основная разработка ведётся на GitHub. Для того, чтобы международному сообществу разработчиков было удобнее тестировать Pull Requests был создан компонент Patch Tester, который позволяет "накатить" на текущую установку Joomla именно те изменения, которые необходимо протестировать. На стороне инфраструктуры Joomla для каждого PR собираются готовые пакеты, в которых находится ядро + предложенные изменения. В каждом PR обычно находятся инструкции по тестированию: куда зайти, что нажать, ожидаемый результат. Тестировщики могут предположить дополнительные сценарии, исходя из своего опыта и найти баги, о которых сообщить разработчику. Или не найти, и тогда улучшение или исправление ошибки быстрее войдёт в ядро Joomla. Напомню, что для того, чтобы PR вошёл в ядро Joomla нужны минимум 2 положительных теста от 2 участников сообщества, кроме автора. Видео на YouTubeВидео на VK ВидеоВидео на RuTubeКомпонент на GitHub https://github.com/joomla-extensions/patchtester@joomlafeed#joomla #php #webdev #community

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

наталия

  • Осваиваюсь на форуме
  • 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
Просмотров: 1944 		Последний ответ 01.07.2021, 13:11:51
от xpank
Как сделать кнопку формы аккаунта?

Автор Evgen Kulibin

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

Автор THeCMeX

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

Автор a-two

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

Автор Good_user

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