Новости Joomla

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

Вышел релиз Revo PageBuilder Toolkit for YOOtheme Pro 1.6

Вышел релиз Revo PageBuilder Toolkit for YOOtheme Pro 1.6.2PageBuilder Toolkit - это специализированный плагин для конструктора страниц Yootheme Pro, содержит набор различных утилит для ускорения процесса работы и отладки макета, множественные улучшения в интерфейсе, включая поддержку dark mode, подсказки, быстрая смена разрешения в окне просмотра и много чего еще.v.1.6.2 Что нового?- Индикатор статусов: теперь не просто показывает состояние запросов, но и делает автоматические попытки их отправки при кратковременных сбоях в сети, а если это не помогло, то переводит конструктор в ручной режим, что позволяет сохранит макет и настройки темы прежде чем вы потеряете все, что было сделано с момента последнего сохранения- Подсветка ошибок в макете: плагин анализирует код страницы и может автоматически подсвечивать data атрибуты с кучей мусора, которые попадают в код страницы при копипасте из Figma в TinyMCE (пригодится для старых макетов, в текущей работе плагин сам очищает код мусора). Также есть подсветка семантических ошибок сборки - дубли h1 тега на странице и вложенных друг в друга заголовков.- Улучшена поддержка будущего релиза Yootheme Pro 5 и редактора CodeMirror 6Плагин для русскоязычных пользователей доступен в каталоге расширений SovMart и распространяется за символическую плату (100р). Разработчики Joomla расширений и партнеры автора могут получить плагин бесплатно.Для работы плагина необходим конструктор страниц Yootheme Pro.Разработчик плагина - участник нашего сообщества Александр Судьбинов (@alexrevo), член официальной группы поддержки Yootheme Pro. Страница расширенияОписание на сайте автора@joomlafeed#joomla #yootheme

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

Demon572

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
[Решено] Редактирование стандартного шаблона Joomla - Beez5
« : 08.03.2012, 16:39:17 »
Подскажите пожалуйста как изменить/убрать выделение цветом ссылки при наведении.
Рылся в CSS, не нашел. Сильно не пинайте, только учусь, пытаюсь сделать первый сайт.
Заранее спасибо.
« Последнее редактирование: 10.03.2012, 07:15:52 от Demon572 »
Записан
*

assaru

  • Давно я тут
  • 763
  • 88 / 1
Re: Редактирование стандартного шаблона Joomla - Beez5
« Ответ #1 : 08.03.2012, 17:15:44 »
Слегка подпну в сторону FireBug :)
файл beez5.css стр. 37-43


a:hover,
a:active,
a:focus
{
background:#669933;
color:#FFF;
}
Записан
Проблему можно решить и по скрину и по эмоциям, счет на оплату через ЛС (с) Nobody
*

Demon572

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Re: Редактирование стандартного шаблона Joomla - Beez5
« Ответ #2 : 08.03.2012, 22:30:23 »
Спасибо. подскажите еще пожалуйста, если я к
Код
#social-icon {
	height: 240px;
	width: 60px;
	position: fixed;
	top: 150px;
	left: 2px;
	z-index: 999;
}
#social-icon span.facebook-icon {
	background-image: url(../images/social-icon.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	width: 60px;
	float: left;
}
#social-icon span.facebook-icon:hover {
	background-image: url(../images/social-icon.png);
	background-repeat: no-repeat;
	background-position: left -60px;
}
#social-icon span.twitter-icon {
	background-image: url(../images/social-icon.png);
	background-repeat: no-repeat;
	background-position: -60px top;
	height: 60px;
	width: 60px;
	float: left;
}
#social-icon span.twitter-icon:hover  {
	background-image: url(../images/social-icon.png);
	background-repeat: no-repeat;
	background-position: -60px -60px;
}
#social-icon span.vkontakte-icon {
	background-image: url(../images/social-icon.png);
	background-repeat: no-repeat;
	background-position: -120px top;
	height: 60px;
	width: 60px;
	float: left;
}
#social-icon span.vkontakte-icon:hover  {
	background-image: url(../images/social-icon.png);
	background-repeat: no-repeat;
	background-position: -120px -60px;
}
#social-icon span.youtube-icon {
	background-image: url(../images/social-icon.png);
	background-repeat: no-repeat;
	background-position: -180px top;
	height: 60px;
	width: 60px;
	float: left;
}
#social-icon span.youtube-icon:hover  {
	background-image: url(../images/social-icon.png);
	background-repeat: no-repeat;
	background-position: -180px -60px;
}
#social-icon span.googleplus-icon {
	background-image: url(../images/social-icon.png);
	background-repeat: no-repeat;
	background-position: -240px top;
	height: 60px;
	width: 60px;
	float: left;
}
#social-icon span.googleplus-icon:hover  {
	background-image: url(../images/social-icon.png);
	background-repeat: no-repeat;
	background-position: -240px -60px;
}
#social-icon span.facebook-icon a, #social-icon span.twitter-icon a,
#social-icon span.vkontakte-icon a,  #social-icon span.youtube-icon a, #social-icon span.googleplus-icon a {
	display: block;
    height: 60px;
	width: 60px;
    text-indent: -99999em;
добавлю background-color: transparent будет при наведении картинка прозрачной? читал учебник, ниче не понял.сейчас при наведении она зеленая http://kemgma.org/ на сайте dgs понравилась с боку панель, решил  прикрутить, прикрутил, а она при наведении зеленая(
Записан
*

assaru

  • Давно я тут
  • 763
  • 88 / 1
Re: Редактирование стандартного шаблона Joomla - Beez5
« Ответ #3 : 08.03.2012, 23:25:00 »
#social-icon span.facebook-icon a, #social-icon span.twitter-icon a,
#social-icon span.vkontakte-icon a, #social-icon span.youtube-icon a, 
#social-icon span.googleplus-icon a 
{
    background: none repeat scroll 0 0 transparent;
    display: block;
    height: 60px;
    text-indent: -99999em;
    width: 60px;
}
Записан
Проблему можно решить и по скрину и по эмоциям, счет на оплату через ЛС (с) Nobody
*

Demon572

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Re: Редактирование стандартного шаблона Joomla - Beez5
« Ответ #4 : 09.03.2012, 08:41:16 »
Большое человеческое спасибо, все прекрасно работает! :D
Решил выложить готовый вариант с исправлениями assaru, вдруг кому пригодиться, надеюсь владельцы D-G-S меня не засудят, идея стырена у них
в CSS добавить:
Код
/*social-icon*/
#social-icon {
  height: 240px;
  width: 60px;
  position: fixed;
  top: 150px;
  left: 2px;
  z-index: 999;
}
#social-icon span.facebook-icon {
  background-image: url(http://ваш сайт/images/social-icon.png);
  background-repeat: no-repeat;
  background-position: left top;
  height: 60px;
  width: 60px;
  float: left;
}
#social-icon span.facebook-icon:hover {
  background-image: url(http://ваш сайт/images/social-icon.png);
  background-repeat: no-repeat;
  background-position: left -60px;
}
#social-icon span.twitter-icon {
  background-image: url(http://ваш сайт/images/social-icon.png);
  background-repeat: no-repeat;
  background-position: -60px top;
  height: 60px;
  width: 60px;
  float: left;
}
#social-icon span.twitter-icon:hover  {
  background-image: url(http://ваш сайт/images/social-icon.png);
  background-repeat: no-repeat;
  background-position: -60px -60px;
}
#social-icon span.vkontakte-icon {
  background-image: url(http://ваш сайт/images/social-icon.png);
  background-repeat: no-repeat;
  background-position: -120px top;
  height: 60px;
  width: 60px;
  float: left;
}
#social-icon span.vkontakte-icon:hover  {
  background-image: url(http://ваш сайт/images/social-icon.png);
  background-repeat: no-repeat;
  background-position: -120px -60px;
}
#social-icon span.youtube-icon {
  background-image: url(http://ваш сайт/images/social-icon.png);
  background-repeat: no-repeat;
  background-position: -180px top;
  height: 60px;
  width: 60px;
  float: left;
}
#social-icon span.youtube-icon:hover  {
  background-image: url(http://ваш сайт/images/social-icon.png);
  background-repeat: no-repeat;
  background-position: -180px -60px;
}
#social-icon span.googleplus-icon {
  background-image: url(http://ваш сайт/images/social-icon.png);
  background-repeat: no-repeat;
  background-position: -240px top;
  height: 60px;
  width: 60px;
  float: left;
}
#social-icon span.googleplus-icon:hover  {
  background-image: url(http://ваш сайт/images/social-icon.png);
  background-repeat: no-repeat;
  background-position: -240px -60px;
}
#social-icon span.facebook-icon a, #social-icon span.twitter-icon a,
#social-icon span.vkontakte-icon a, #social-icon span.youtube-icon a, 
#social-icon span.googleplus-icon a 
{
    background: none repeat scroll 0 0 transparent;
    display: block;
    height: 60px;
    text-indent: -99999em;
    width: 60px;
}
затем добавить HTML код на страницы:
Код
<!--social-icon-->
<div id="social-icon">
  <span class="facebook-icon"><a href="https://ссылка на вашу страницу" target="_blank" title="Мы на Facebook">Мы на Facebook</a></span>
  <span class="twitter-icon"><a href="http://ссылка на вашу страницу" target="_blank" title="Мы на Twitter">Мы на Twitter</a></span>
  <span class="vkontakte-icon"><a href="http://ссылка на вашу страницу" target="_blank" title="Вконтакте">Вконтакте</a></span>
  <span class="youtube-icon"><a href="http://ссылка на вашу страницу" target="_blank" title="Наш канал YouTube">Наш канал YouTube</a></span>
  <span class="googleplus-icon"><a href="https://ссылка на вашу страницу" target="_blank" title="Страница в Google+">Страница в Google+</a></span>
</div>
Положить картинку по указанному пути
Пример - http://www.d-g-s.ru/
Записан
*

Voprosss

  • Новичок
  • 5
  • 0 / 0
RE: Редактирование стандартного шаблона Joomla - Beez5
« Ответ #5 : 28.04.2013, 19:21:02 »
Цитата: assaru от 08.03.2012, 17:15:44
Слегка подпну в сторону FireBug :)
файл beez5.css стр. 37-43


a:hover,
a:active,
a:focus
{
background:#669933;
color:#FFF;
}

Поменять цвет при наведении получилось!))
А подскажите пожалуйста как поменять цвет когда уже нажимаешь на ссылку?цвет фона все равно остается зеленым как в шаблоне(((
Записан
*

Voprosss

  • Новичок
  • 5
  • 0 / 0
RE: Редактирование стандартного шаблона Joomla - Beez5
« Ответ #6 : 28.04.2013, 22:06:00 »
ааааа, ответьте кто- нибудь на вопрос выше!ПОЖАЛУЙСТА!
Заранее спасибо:)
Записан
*

r88

  • Новичок
  • 4
  • 0 / 0
Re: Редактирование стандартного шаблона Joomla - Beez5
« Ответ #7 : 15.08.2013, 23:42:37 »
Подскажите пожалуйста, всю голову уже сломал...
в haeder вставлен модуль авторизации для JoomShopping из этой темы. На главной странице выпадающее окно правильно отображается, а на странице каталога и корзины залезает под contentarea. z-index менял для модуля, безрезультатно...

P.s. стоит расширение JoomShopping.
« Последнее редактирование: 16.08.2013, 11:27:27 от r88 »
Записан
*

jss

  • Осваиваюсь на форуме
  • 36
  • 9 / 0
Re: Редактирование стандартного шаблона Joomla - Beez5
« Ответ #8 : 16.08.2013, 18:36:46 »
Цитировать
А подскажите пожалуйста как поменять цвет когда уже нажимаешь на ссылку?цвет фона все равно остается зеленым как в шаблоне(((

Не понятно что вы хотите.... менять цвет при нажатии на линк или же в нажатом положении.
P.S. ссылку на сайт
Записан
*

r88

  • Новичок
  • 4
  • 0 / 0
RE: Редактирование стандартного шаблона Joomla - Beez5
« Ответ #9 : 17.08.2013, 15:01:45 »
Цитата: r88 от 15.08.2013, 23:42:37
Подскажите пожалуйста, всю голову уже сломал...
в haeder вставлен модуль авторизации для JoomShopping из этой темы. На главной странице выпадающее окно правильно отображается, а на странице каталога и корзины залезает под contentarea. z-index менял для модуля, безрезультатно...

P.s. стоит расширение JoomShopping.

Может это быть связанно, что модуль находится в одном div'e с параметром position:relative, и поэтому другой div с таким же значением перекрывает его?
Записан
*

r88

  • Новичок
  • 4
  • 0 / 0
Re: Редактирование стандартного шаблона Joomla - Beez5
« Ответ #10 : 17.08.2013, 15:20:07 »
Код
<div id="back">
      <div id="header">
             <header id="header">
		   <div class="topmenu">
                          <jdoc:include type="modules" name="topmenu" />
                   </div>
                   ...
       </div>
       </header>
       <div id="<?php echo $showRightColumn ? 'contentarea2' : 'contentarea'; ?>">
	      <div id="breadcrumbs">
              ...
              </div>
        </div>

CSS
Код
#back {margin: 0; padding: 0px;}
#header {display: block; position: relative; padding: 0px; overflow: hidden;}
#contentarea, #contentarea2 {position: relative; overflow: hidden; margin: 0;}

« Последнее редактирование: 17.08.2013, 15:24:30 от r88 »
Записан
*

r88

  • Новичок
  • 4
  • 0 / 0
RE: Редактирование стандартного шаблона Joomla - Beez5
« Ответ #11 : 17.08.2013, 17:17:46 »
Разобрался...
Вынес <div class="topmenu"> в <div id="back">
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Создание страниц сайта по шаблону Joomla

Автор romanln2016

 Ответов: 0
Просмотров: 10837 		Последний ответ 13.08.2025, 16:25:06
от romanln2016
На локал сервере страницы сайта без шаблона, CSS и картинок

Автор Fati

 Ответов: 0
Просмотров: 854 		Последний ответ 15.06.2025, 11:57:45
от Fati
Изменение шаблона Joomla! 2.5.24

Автор SecondPC

 Ответов: 0
Просмотров: 4436 		Последний ответ 26.03.2021, 18:09:33
от SecondPC
Как в Joomla 3 отключить позицию вывода или убрать надпись?

Автор Алексей Лоскутов

 Ответов: 2
Просмотров: 7856 		Последний ответ 10.04.2020, 19:07:02
от Алексей Лоскутов
Руководство - создание шаблона для Joomla 2.5

Автор dynamit

 Ответов: 6
Просмотров: 31284 		Последний ответ 02.02.2020, 22:28:15
от AlinaBut