Тестовый

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Тестовый » Новый форум » ещё одна темка†i¤


ещё одна темка†i¤

Сообщений 31 страница 60 из 67

31

оооооо

0

32

1

0

33

11

0

34

111

0

35

щ

0

36

444444

0

37

00000

0

38

00000

0

39

1111111

0

40

кеггггккгнгнкегкгке

0

41

ггггг гггг ггггг ггггг

0

42

234567654345675676567

0

43

7777

0

44

5

0

45

Тестовое сообщение

0

46

111

0

47

тест

0

48

11111

0

49

Тестовое сообщение для моего железного друга

0

50

000

0

51

1111111

0

52

ой ё

0

53

111

0

54

000

0

55

[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]

0

56

[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]

0

57

[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]

0

58

[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]

0

59

000

0

60

000

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»



Вы здесь » Тестовый » Новый форум » ещё одна темка†i¤