Новости Joomla

👩‍💻 Joomla User Guide - новый портал документации для пользователей.

👩‍💻 Joomla User Guide - новый портал документации для пользователей.

Обычно над сайтом работают разные специалисты: контент-менеджеры, разработчики, администраторы и т.д. Долгое время документация для пользователей была на docs.joomla.org. Там по-прежнему хранится информация, актуальная для Joomla 2.5, Joomla 3 и немного для Joomla 4.

Для Joomla 5+ создан портал документации для пользователей Joomla — https://guide.joomla.org. В нём вы найдёте инструкции для контент-менеджеров и веб-мастеров, администраторов сайта:
- как работать с категориями, материалами, страницами сайта
- работа с модулями, стилями отображения
- загрузка картинок и работа с ними
- модули, плагины, компоненты, поиск, теги. процессы, мультиязычность, шаблоны писем, планировщик задач, микроразметка Schema.org...
- ... и многое многое другое, что вызывает так много вопросов у обычных пользователей Joomla.

Информация дана на английском языке. Можно использовать браузерный автоперевод для чтения по-русски или воспользоваться сайтом одного из энтузиастов Joomla-сообщества - https://jdocmanual.org, где даны ИИ-переводы на 9 (на данный момент) языков, включая русский.

Также всячески приветствуется помощь в наполнении портала документации. Ваша небольшая заметка или статья с парой скриншотов, ваш опыт - могут сэкономить тысячам и тысячам людей не один час Точно так же как и вы, пользуясь Joomla используете результаты трудов сотен людей со всего мира: от кода до документации.

Присоединяйтесь - это не сложно ) Главное начать ))

- https://guide.joomla.org/ - новы портал документации для пользователей Joomla 5+.
- https://docs.joomla.org/ - старый портал документации для пользователей Joomla 3.
- https://jdocmanual.org/ - документация по-русски (ИИ-перевод).

@joomlafeed

👩‍💻 CMS Joomla победила в премии CMS Critics Awards - People's Choice Awards 2025.

👩‍💻 CMS Joomla победила в премии CMS Critics Awards - People's Choice Awards 2025.

С 2012 года премия CMS Critic Awards отмечает выдающиеся достижения сообщества CMS, награждая разработчиков за их инновации и сервис.
С конца декабря начинается номинирование CMS для участие в премии, которое заканчивается в январе. Из всех номинантов отбирается top 5. Затем в течение февраля идёт голосование.

В 2025 году:
⭐️ Best Free CMS: Joomla!
⭐️ Best Open Source CMS: Joomla!

Подобные рейтинги и награды оценивают технологичность, активность и консолидацию сообщества, складывающегося вокруг каждой CMS.

https://cmscritic.com/lights-camera-community-action-here-are-the-winners-of-the-14th-annual-cms-critic-awards

👩‍💻 Плагин микроразметки Schema.org в в пункте меню Joomla.

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

PNP

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Как разместить картинку за текстом в статье?
« : 10.08.2021, 17:22:05 »
Друзья, помогите решить вопрос.
Как разместить полноразмерную картинку фоном за текстом?
Сейчас это выглядит так
http://natalyaloginova.ru
кусочек картинки  в начале статьи.

Код фона и часть текста.
<div style="background-image: url('images/nature-3849873_1920.jpg'); background-position: center; background-repeat: no-repeat;"> </div>
<p style="text-align: center;"><span style="font-size: 18pt; color: #000000; font-family: verdana, geneva, sans-serif;">Индивидуальный онлайн-курс<br /></span></p>
<p style="text-align: center;"><span style="font-size: 12pt; color: #000000; font-family: verdana, geneva, sans-serif;"><strong><span style="font-size: 24pt;">ПАНИЧЕСКИЕ АТАКИ, ТРЕВОЖНОСТЬ</span><br /></strong></span></p>
Записан
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Как разместить картинку за текстом в статье?
« Ответ #1 : 10.08.2021, 17:27:58 »
проще через CSS
Код
.item-105 .com-content-article__body{}
Записан
*

PNP

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Re: Как разместить картинку за текстом в статье?
« Ответ #2 : 10.08.2021, 19:23:44 »
Цитата: effrit от 10.08.2021, 17:27:58
проще через CSS
Код
.item-105 .com-content-article__body{}

Спасибо. Добавила ваш код в template.css шаблона. Ситуация не изменилась.
Я новенькая в этой теме. В инете пересмотрела разные варианты, не работают. Или я что-то не то делаю.
Записан
*

ShopES

  • Захожу иногда
  • 426
  • 11 / 0
Re: Как разместить картинку за текстом в статье?
« Ответ #3 : 10.08.2021, 19:27:31 »
так а в боди бэкграунд с картинкой то вставили?
Записан
*

draff

  • Гуру
  • 5801
  • 434 / 7
  • ищу работу
Re: Как разместить картинку за текстом в статье?
« Ответ #4 : 10.08.2021, 19:30:26 »
Код
<div style="background-image: url('images/nature-3849873_1920.jpg'); background-position: center; background-repeat: no-repeat;"> 
<p style="text-align: center;"><span style="font-size: 18pt; color: #000000; font-family: verdana, geneva, sans-serif;">Индивидуальный онлайн-курс<br /></span></p>
<p style="text-align: center;"><span style="font-size: 12pt; color: #000000; font-family: verdana, geneva, sans-serif;"><strong><span style="font-size: 24pt;">ПАНИЧЕСКИЕ АТАКИ, ТРЕВОЖНОСТЬ</span><br /></strong></span></p>
</div>
Разместите текст в блоке с фоном, или текст выводите вне потока, т.е. position:absolute
Записан
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Как разместить картинку за текстом в статье?
« Ответ #5 : 10.08.2021, 19:44:54 »
ну полная версия вот так выглядит
а неполная, конечно, покажет ровно ничего  ;D
Код
.item-105 .com-content-article__body{background-image: url('images/nature-3849873_1920.jpg'); background-position: center; background-repeat: no-repeat;}
Записан
*

PNP

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Re: Как разместить картинку за текстом в статье?
« Ответ #6 : 10.08.2021, 20:01:05 »
Потерпите меня немного@charset "UTF-8";
*,:after,:before {
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
HTML {
 font-family:sans-serif;
 line-height:1.15;
 -webkit-text-size-adjust:100%;
 -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
 display:block
}
body {
 margin:0;
 font-family:Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 font-size:1rem;
 font-weight:400;
 line-height:1.7143;
 color:#333;
 text-align:left;
 background-color:#fff
}
.item-105 .com-content-article__body {
background-image: url('images/nature-3849873_1920.jpg');
background-position: center; background-repeat: no-repeat;
}
[tabindex="-1"]:focus {
 outline:0!important
}

Все равно не выводит. Опять что-то не то сделала...
Записан
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Как разместить картинку за текстом в статье?
« Ответ #7 : 10.08.2021, 20:16:14 »
вот на это поменяйте
Код
background: url('/images/nature-3849873_1920.jpg') top center no-repeat;
Записан
*

PNP

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Re: Как разместить картинку за текстом в статье?
« Ответ #8 : 10.08.2021, 20:25:52 »
Цитата: effrit от 10.08.2021, 20:16:14
background: url('/images/nature-3849873_1920.jpg') top center no-repeat;
Все получилось! Спасибо))))))))) :D :D :D
Записан
*

PNP

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Re: Как разместить картинку за текстом в статье?
« Ответ #9 : 10.08.2021, 20:28:03 »
А можно в догонку еще один вопрос. Между меню и статье белое поле. Не смогла его уменьшить.  Когда смотрю через "Исследовать элемент№, этого поля нет.
Записан
*

Olg

  • Завсегдатай
  • 1183
  • 91 / 2
Re: Как разместить картинку за текстом в статье?
« Ответ #10 : 10.08.2021, 20:32:44 »
Код
.t4-main-body {
    padding-top: 8.58rem;
    padding-bottom: 8.58rem;
}
замените на
Код
.t4-main-body {
    padding-top: 0;
    padding-bottom: 8.58rem;
}
или поставьте вместо нуля нужную вам величину.
Записан
*

PNP

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Re: Как разместить картинку за текстом в статье?
« Ответ #11 : 10.08.2021, 20:59:27 »
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Можно ли прописать в scss ссылку и установить картинку?

Автор vova630

 Ответов: 0
Просмотров: 1247 		Последний ответ 02.01.2021, 13:56:09
от vova630
Div с картинкой и текстом как ссылка

Автор suic

 Ответов: 5
Просмотров: 2657 		Последний ответ 11.04.2020, 12:47:15
от suic
Не могу вывести картинку нужно размера

Автор stonehand

 Ответов: 3
Просмотров: 1689 		Последний ответ 22.03.2019, 21:55:29
от sivers
Картинку уменьшить при сжимание

Автор GuN

 Ответов: 1
Просмотров: 1408 		Последний ответ 10.08.2017, 11:57:15
от SheriffDM
Адаптировать картинку с анмацией

Автор GuN

 Ответов: 1
Просмотров: 1221 		Последний ответ 10.08.2017, 11:50:23
от SheriffDM