Настройка сайтаОпубликованСтраницы контентаОсновные параметрыПоле h1Настройка сайтаНастройки тарифаТекст уведомления о неуплатеСкорость загрузки сайта может быть снижена <a href="#"> ссылка </a>Текст отключения сайтаСайт временно недоступен <a href="#"> ссылка </a>Блоки главной страницыШапкаОсновные блокиПодвалНастройки цветаОсновной цвет#38bafeДополнительный цвет - светлее основного#7bd2ffДополнительный цвет - темнее основногоrgba(14,97,139,0.29)Полупрозрачный для обводокrgba(14,97,139,0.29)Отдельный цвет для блоковrgba(14,97,139,0.29)Цвет 6#000000Настройка шрифтовРазмер шрифта 114Размер шрифта 216Настройки формОсновное cкругление форм50pxДополнительное скругление форм20pxПодключаемые файлыДополнительные стилиbody {
background: #fefefe;
}Дополнительные скриптыdocument.addEventListener("DOMContentLoaded", function() {
// Массив путей к изображениям
const imagePaths = Array.from({ length: 8 }, (_, i) => `/images/pgp1/grafik_new_year/${i + 1}.jpg`);
// Уникальный идентификатор для карусели
const carouselId = 'carouselExampleIndicators';
// Создание HTML-кода карусели
const carouselHTML = `
<div id="${carouselId}" class="carousel slide carousel-dark" data-bs-ride="carousel" data-bs-interval="3000">
<div class="carousel-indicators">
${imagePaths.map((_, index) => `
<button type="button" data-bs-target="#${carouselId}" data-bs-slide-to="${index}" ${index === 0 ? 'class="active" aria-current="true"' : ''} aria-label="Слайд ${index + 1}"></button>
`).join('')}
</div>
<div class="carousel-inner">
${imagePaths.map((path, index) => `
<div class="carousel-item ${index === 0 ? 'active' : ''}">
<img src="${path}" class="d-block w-100 img-fluid" alt="Слайд ${index + 1}">
</div>
`).join('')}
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#${carouselId}" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Предыдущий</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#${carouselId}" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Следующий</span>
</button>
</div>
`;
// Создание нового div с классом "container" и установкой max-width:600px
const carouselContainer = document.createElement('div');
carouselContainer.className = 'container';
carouselContainer.style.maxWidth = '600px'; // Установка максимальной ширины
carouselContainer.innerHTML = carouselHTML;
// Поиск секции с id "service-7"
const serviceSection = document.getElementById('service-7');
if (serviceSection) {
// Вставка контейнера с каруселью перед секцией "service-7"
serviceSection.parentNode.insertBefore(carouselContainer, serviceSection);
} else {
console.error('Секция с id "service-7" не найдена.');
}
});
Дополнительные файлы скриптов<script type="text/javascript" src= "../templates/demorb/js/main.js">СтатистикаПросмотров0