оооооо
ещё одна темка†i¤
Сообщений 31 страница 60 из 67
Поделиться402025-09-30 09:54:51
кеггггккгнгнкегкгке
Поделиться412025-09-30 09:54:59
ггггг гггг ггггг ггггг
Поделиться422025-09-30 10:13:12
234567654345675676567
Поделиться452025-09-30 10:20:45
Тестовое сообщение
Поделиться492025-09-30 10:32:05
Тестовое сообщение для моего железного друга
Поделиться552025-10-02 20:07:29
[html]<style>
.korpus > div, .korpus > input { display: none; }
.korpus label { padding: 5px; border: 1px solid #aaa; line-height: 28px; cursor: pointer; position: relative; bottom: 1px; background: #fff; }
.korpus input[type="radio"]:checked + label { border-bottom: 2px solid #fff; }
.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3) { display: block; padding: 5px; border: 1px solid #aaa; }
</style>
<div class="korpus">
<input type="radio" name="odin" checked="checked" id="vkl1"/><label for="vkl1">Слайд 1</label><input type="radio" name="odin" id="vkl2"/><label for="vkl2">Слайд 2</label><input type="radio" name="odin" id="vkl3"/><label for="vkl3">Слайд 3</label>
<div>первая вкладка</div>
<div>вторая вкладка</div>
<div>третья вкладка</div>
</div>[/html]
Поделиться562025-10-03 03:41:42
[html]<!-- Подключаем стили -->
<link rel="stylesheet" href="https://forumstatic.ru/files/001a/f0/7d/94827.css">
<!-- Данные: только URL изображений! -->
<script>
window.sliderSlidesData = [
"https://placehold.co/800x450/4A90E2/FFFFFF",
"https://placehold.co/600x600/50C878/FFFFFF",
"https://placehold.co/450x800/FF6F61/FFFFFF",
"https://placehold.co/800x600/FFD700/333333",
"https://placehold.co/900x600/9B59B6/FFFFFF",
"https://placehold.co/600x900/1ABC9C/FFFFFF"
// Просто перечислите URL — соотношение определится автоматически!
].map(src => ({ src })); // преобразуем в массив объектов { src: "..." }
</script>
<!-- Разметка слайдера -->
<div class="slider-container">
<div class="slider-viewport">
<div class="slider-wrapper"></div>
</div>
<div class="slider-dots"></div>
<div class="slider-controls">
<button class="slider-arrow left">‹</button>
<button class="slider-autoplay-toggle">
<svg class="play-icon" viewBox="0 0 24 24" width="16" height="16">
<polygon points="8,6 8,18 18,12"/>
</svg>
<svg class="pause-icon" viewBox="0 0 24 24" width="16" height="16" style="display:none">
<rect x="6" y="4" width="4" height="16"/>
<rect x="14" y="4" width="4" height="16"/>
</svg>
</button>
<button class="slider-arrow right">›</button>
</div>
<div class="slider-switches">
<div class="slider-switch">
<input type="checkbox" id="animationSwitch" checked />
<label for="animationSwitch">Анимация</label>
</div>
<div class="slider-switch">
<input type="checkbox" id="carouselSwitch" />
<label for="carouselSwitch">Карусель</label>
</div>
<div class="slider-switch">
<input type="checkbox" id="uniformRatioSwitch" />
<label for="uniformRatioSwitch">Единый формат</label>
<select id="uniformRatioSelect">
<option value="21/9">21:9</option>
<option value="16/9" selected>16:9</option>
<option value="4/3">4:3</option>
<option value="3/2">3:2</option>
<option value="1/1">1:1</option>
<option value="2/3">2:3</option>
<option value="9/16">9:16</option>
<option value="239/100">2.39:1</option>
</select>
</div>
</div>
</div>
<!-- Подключаем скрипт с автоопределением ratio -->
<script src="https://forumstatic.ru/files/001a/f0/7d/98661.js"></script>[/html]
Поделиться572025-10-03 04:00:17
[html]<!-- Подключаем стили -->
<link rel="stylesheet" href="https://forumstatic.ru/files/001a/f0/7d/94827.css">
<!-- Данные: только URL изображений! -->
<script>
window.sliderSlidesData = [
"https://forumstatic.ru/files/0013/44/56/61036.png",
"https://forumstatic.ru/files/0013/44/56/73446.png",
"https://forumstatic.ru/files/0013/44/56/54143.png",
"https://forumstatic.ru/files/0013/44/56/21344.png",
"https://forumstatic.ru/files/0013/44/56/87837.png"
// Просто перечислите URL — соотношение определится автоматически!
].map(src => ({ src })); // преобразуем в массив объектов { src: "..." }
</script>
<!-- Разметка слайдера -->
<div class="slider-container">
<div class="slider-viewport">
<div class="slider-wrapper"></div>
</div>
<div class="slider-dots"></div>
<div class="slider-controls">
<button class="slider-arrow left">‹</button>
<button class="slider-autoplay-toggle">
<svg class="play-icon" viewBox="0 0 24 24" width="16" height="16">
<polygon points="8,6 8,18 18,12"/>
</svg>
<svg class="pause-icon" viewBox="0 0 24 24" width="16" height="16" style="display:none">
<rect x="6" y="4" width="4" height="16"/>
<rect x="14" y="4" width="4" height="16"/>
</svg>
</button>
<button class="slider-arrow right">›</button>
</div>
<div class="slider-switches">
<div class="slider-switch">
<input type="checkbox" id="animationSwitch" checked />
<label for="animationSwitch">Анимация</label>
</div>
<div class="slider-switch">
<input type="checkbox" id="carouselSwitch" />
<label for="carouselSwitch">Карусель</label>
</div>
<div class="slider-switch">
<input type="checkbox" id="uniformRatioSwitch" />
<label for="uniformRatioSwitch">Единый формат</label>
<select id="uniformRatioSelect">
<option value="21/9">21:9</option>
<option value="16/9" selected>16:9</option>
<option value="4/3">4:3</option>
<option value="3/2">3:2</option>
<option value="1/1">1:1</option>
<option value="2/3">2:3</option>
<option value="9/16">9:16</option>
<option value="239/100">2.39:1</option>
</select>
</div>
</div>
</div>
<!-- Подключаем скрипт с автоопределением ratio -->
<script src="https://forumstatic.ru/files/001a/f0/7d/98661.js"></script>[/html]
Поделиться582025-10-03 04:27:05
[html]<!-- Подключаем стили -->
<link rel="stylesheet" href="https://forumstatic.ru/files/001a/f0/7d/94827.css">
<!-- Данные: только URL изображений! -->
<script>
window.sliderSlidesData = [
"https://forumstatic.ru/files/0013/44/56/61036.png",
"https://forumstatic.ru/files/0013/44/56/73446.png",
"https://forumstatic.ru/files/0013/44/56/54143.png",
"https://forumstatic.ru/files/0013/44/56/21344.png",
"https://forumstatic.ru/files/0013/44/56/87837.png"
// Просто перечислите URL — соотношение определится автоматически!
].map(src => ({ src }));
</script>
<!-- Разметка слайдера -->
<div class="slider-container">
<div class="slider-viewport">
<div class="slider-wrapper"></div>
</div>
<div class="slider-dots"></div>
<div class="slider-controls">
<button class="slider-arrow left">‹</button>
<!-- Кнопка автопрокрутки с SVG-иконками -->
<button class="slider-autoplay-toggle">
<svg class="play-icon" viewBox="0 0 24 24" width="16" height="16">
<polygon points="8,6 8,18 18,12" fill="white"/>
</svg>
<svg class="pause-icon" viewBox="0 0 24 24" width="16" height="16" style="display:none">
<rect x="6" y="4" width="4" height="16" fill="white"/>
<rect x="14" y="4" width="4" height="16" fill="white"/>
</svg>
</button>
<button class="slider-arrow right">›</button>
</div>
<div class="slider-switches">
<div class="slider-switch">
<input type="checkbox" id="animationSwitch" checked />
<label for="animationSwitch">Анимация</label>
</div>
<div class="slider-switch">
<input type="checkbox" id="carouselSwitch" />
<label for="carouselSwitch">Карусель</label>
</div>
<div class="slider-switch">
<input type="checkbox" id="uniformRatioSwitch" />
<label for="uniformRatioSwitch">Единый формат</label>
<select id="uniformRatioSelect">
<option value="21/9">21:9</option>
<option value="16/9" selected>16:9</option>
<option value="4/3">4:3</option>
<option value="3/2">3:2</option>
<option value="1/1">1:1</option>
<option value="2/3">2:3</option>
<option value="9/16">9:16</option>
<option value="239/100">2.39:1</option>
</select>
</div>
</div>
</div>
<!-- Подключаем скрипт с автоопределением ratio -->
<script src="https://forumstatic.ru/files/001a/f0/7d/98661.js"></script>[/html]
