Новости Joomla

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

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

Рады сообщить о специальном предложении от Nevigen, разработчика расширений для JoomShopping.

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

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

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

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

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Картинка в списке: смещение относительно
« : 21.11.2013, 13:37:58 »
Как реализовать смещение картинки относительно элемента списка вверх/вниз? Сейчас в примере показано, что нижняя граница картинки совпадает с нижней границей текста, а как сместить картинку вниз? Это реально? В частности, хочу спустить картинку до самой нижней границы букв р, у, ц, щ, ф.
Сейчас имею:
Код
#xmap ul {display: block;list-style: inherit;padding: 0px 0px 0px 4px;margin: 0px 0px 9px 21px;list-style-image: url(../images/sun.png);}
#xmap ul li {margin: 10px 0;padding: 0;background: transparent;}
#xmap ul.level_0 ul {padding: 0;list-style-position: outside;list-style-image: url(../images/camomile.png);}
#xmap ul.level_1 ul {padding: 0;list-style-position: outside;list-style-image: url(../images/star.png);}
Картинка: http://yadi.sk/d/SXv7AGNfD4t3j
« Последнее редактирование: 21.11.2013, 15:11:45 от AlekVolsk »
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Картинка в списке: смещение относительно
« Ответ #1 : 21.11.2013, 14:57:55 »
В общем, сам нашел решение:
Код
#xmap ul {display: block;list-style-type: none;padding: 0 0 10px 0;margin: 0 0 9px 0;}
#xmap ul li {margin: 10px 0;padding: 0 20px;background: url(../images/sun.png) 0 2px no-repeat;}
#xmap ul.level_0 ul {padding: 0;}
#xmap ul.level_0 ul li {background: url(../images/camomile.png) 0 2px no-repeat;}
#xmap ul.level_1 ul {padding: 0;}
#xmap ul.level_1 ul li {background: url(../images/star.png) 0 2px no-repeat;}

картинки 16х16, font-size: 14px;
для обычных списков в материалах (ранее был пример для карты сайта xmap) юзаю:
Код
ul li {margin: 0;padding: 0;background: transparent;}
ul.list-line {display: block;list-style: inherit;list-style-position: outside;padding: 0px 0px 0px 4px;margin: -4px 0px 4px -3px;}
ul.list-line li {margin: 0;padding: 0;background: transparent;list-style-type: none;}
ul.list-line li:before {content: "– ";} /* символ #0151 */
ul.list-sun {display: block;list-style-type: none;padding: 4px 0 4px 0;margin: 0 0 4px 0;}
ul.list-sun li {margin: 0;padding: 0 20px;background: url(../images/sun.png) 0px 2px no-repeat;}
ul.list-star {display: block;list-style-type: none;padding: 4px 0 4px 0;margin: 0 0 4px 0;}
ul.list-star li {margin: 0;padding: 0 20px;background: url(../images/star.png) 0px 2px no-repeat;}
ul.list-camomile {display: block;list-style-type: none;padding: 4px 0 4px 0;margin: 0 0 4px 0;}
ul.list-camomile li {margin: 0;padding: 0 20px;background: url(../images/camomile.png) 0px 2px no-repeat;}
« Последнее редактирование: 21.11.2013, 15:10:56 от AlekVolsk »
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работает transition для определенных элементов

Автор Bozhkov2

 Ответов: 5
Просмотров: 4252 		Последний ответ 12.10.2016, 17:07:41
от Bozhkov2
Как сделать такой заголовок модуля?

Автор Ilhom666

 Ответов: 9
Просмотров: 1872 		Последний ответ 22.03.2016, 11:55:33
от darkghost
Выставить относительно фона пункты меню ?

Автор warlocksp

 Ответов: 6
Просмотров: 1547 		Последний ответ 01.02.2016, 10:58:26
от warlocksp
Вставка шрифта?

Автор warlocksp

 Ответов: 16
Просмотров: 1702 		Последний ответ 18.01.2016, 19:04:11
от warlocksp
Удалить маркеры?

Автор warlocksp

 Ответов: 4
Просмотров: 2287 		Последний ответ 09.01.2016, 17:07:35
от warlocksp