Информационный спойлер статей

Особенности модуля:

• Позволяет выводить материалы Joomla в виде списка под спойлером;
• Имеется возможность тонкой настройки отображения материалов;
• Отсутствуют копирайты и вшитые скрытые ссылки;
• Модуль абсолютно бесплатен, разрабатывается и обновляется исключительно на личном энтузиазме и пожеланиях пользователей.

Стили модуля пришлось немного скорректировать под себя:

		/* --- «Модуль статей под спойлером» --- */

.mount-sys {
	padding-top: 0;
}
.mount-sys img {
	transition: all 1s ease;	
}
.mod-new-publ a img {
	float: left;
	margin: 2rem 0.4375rem 0 0;
	width: 300px;   
}
.mod-new-publ {
	margin: 0.65em 0 0;
} 
.mod-new-publ .card-body {
	padding: 0 0.25rem 0.5rem;
}
.mod-new-publ .article-title {
	background: rgba(90, 120, 215, 0.5) !important;
	border: 1px solid  blue;
}
.mod-new-publ .article-title h2 {
	color: black;
	font-family: 'helvetica neue';
	font-size: 1.3125rem;
	font-weight: 600;
}
.mod-new-publ .article-title h2:before  {
  content: "\f0da";
  color: yellow;
  font-family: FontAwesome;
  font-size: 1.25rem !important;
  line-height: 1 !important; 
}
.mount-sys .mount-article .article-title::after  {
	background: none;
	content: "\f077";
	font-family: 'Font Awesome 6 Pro';
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.3;
	right: 1rem; 
}
.mount-sys .mount-article .article-title::before  {
	background: none;	
	content: "\f078";
	font-family: 'Font Awesome 6 Pro';
	font-size: 1.25rem;
	font-weight: 400;	
	line-height: 1.3;
	right: 1rem;
}
@media screen and (max-width: 610px) {
	.mod-new-publ a img {
	width: 200px;   
	}
	.mod-new-publ .card-body {
		padding: 0.25rem;
	}	
	.card.mod-new-publ .card-header {
		font-size: 0.875rem !important;
	}
	.mod-new-publ .article-title h2 {
		font-size: 97% !important;
		margin-left: -1.35rem !important;
	}
	.mod-new-publ .article-title h2:before  {
		font-size: 0.75rem !important;
	}	
  .mount-sys .mount-article .article-title::after, .mount-sys .mount-article .article-title::before {
	font-size: 0.75rem !important;
    line-height: 2.3;
    right: 0;
  }
  .mount-sys .mount-article .article-content {
  padding: 0 0.25rem !important;
	}
  .mount-sys .article-description p {
	font-size: 1rem !important;
  }  
  .mount-sys .article-readmore a {
	font-size: 0.875rem;
	padding: 5px 7px !important;
	}	
}

@media screen and (max-width: 380px) {
	.mod-new-publ a img {
	width: 150px;   
	}
}

.mount-sys .mount-article .article-content {
  padding: 0 0.75rem;
}
.mount-sys .article-description {
  font-size: 1.125rem;
}
.mount-sys .article-description .introductory-text {
	background: #f5f5f5;
	margin-top: 0;
	padding: 0 0 0.75rem;	
}
.mount-sys .article-description p:first-letter {
    font: 110% 'Roboto';
    color: red;
	font-style: italic;
    font-weight: 500;
}

P.S. Чтобы модуль получился в таком виде, разработчик модуля очень усердно, терпеливо и грамотно выполнил все мои замечания по работе модуля. Спасибо за это!

Загрузить модуль:

• Bootstrap 5 Accordion

• Надежный VPN-клиент для Windows