Здесь делается вжух 🪄

BRIGHTWYNN / 01.2026
хомяк
БИНГО!
новости
казино
сувениры
каталог
flame vector
постап, хоррор, способности
Adam and Jan [Когда путь только начинается]
Трудовые недели изматывали его до состояния почти прозрачной усталости...читать далее
Навигация
сюжет путеводитель правила фракции занятые внешности

    Вектор Пламени

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

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

    Вы здесь » Вектор Пламени » Реклама » Взаимная #1

    Взаимная #1

    Страница:   1 … 20 21 22 23 24 … 34  
    Тема закрыта

    Сообщений 631 страница 660 из 1001

    1

    • Автор: vector
    • Администратор
    • vector
    • Сообщений: 176
    • Уважение: +69

    https://upforme.ru/uploads/001c/a4/b9/4/771290.png

    Код:
    [align=center][url=https://flamevector.rusff.me][img]https://upforme.ru/uploads/001c/a4/b9/4/771290.png[/img][/url][/align]

    https://upforme.ru/uploads/001c/a4/b9/4/225454.png

    Код:
    [align=center][url=https://flamevector.rusff.me/viewtopic.php?id=11#p4366][img]https://upforme.ru/uploads/001c/a4/b9/4/225454.png[/img][/url][/align]

    https://upforme.ru/uploads/001c/a4/b9/4/386149.png

    Код:
    [align=center][url=https://flamevector.rusff.me/viewtopic.php?id=11#p61][img]https://upforme.ru/uploads/001c/a4/b9/4/386149.png[/img][/url][/align]

    [hideprofile]

    0

    631

    • Автор: Phillip Morgan
    • выебоны 24/7
    • Phillip Morgan
    • Лип, 25
      владелец автомастерской
      Мы ничего не приносим в этот мир и ничего не можем из него унести
    • Сообщений: 1082
    • Уважение: +255
    • валюты: 200$
    • постов: 1
    • КАРАТЕЛЬНЫЙ ОРГАН
      не половой

    DOCTOR WHO: Night Terror
    https://upforme.ru/uploads/0013/70/40/107/34798.png
    WE NEED:
    14th Doctor | 15th Doctor | Ruby Sunday

    Подпись автора

    [html]<div class="battery-wrapper" data-level="6">
      <div class="battery">
        <div class="title">MY SOCIAL BATTERY</div>

        <div class="segments">
          <div class="seg">😢</div>
          <div class="seg">🙁</div>
          <div class="seg">😕</div>
          <div class="seg">😐</div>
          <div class="seg">🙂</div>
          <div class="seg">😊</div>
          <div class="seg">😄</div>

          <div class="track">
            <div class="indicator">⚡</div>
          </div>
        </div>
      </div>

      <div class="side"></div>
    </div>

    <style>
    @font-face {  font-family: 'Cinzel';  src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
    }
    .battery-wrapper{
      position: relative;
      width: 300px;
      transform: scale(0.7);
      transform-origin: top left;
      margin: 0 auto;
    }

    .battery{
      background:#000;
      border-radius:16px;
      padding:12px;
      color:#fff;
      font-family:sans-serif;
    }

    .side{
      position:absolute;
      right:-14px;
      top:50%;
      transform:translateY(-50%);
      width:14px;
      height:50%;
      background:#000;
      border-radius:0 8px 8px 0;
    }

    .title{
      text-align:center;
      margin-bottom:10px;
      font-size:20px;
      font-family: 'Cinzel';
    }

    .segments{
      display:flex;
      overflow:hidden;
      border-radius:10px;
      margin-bottom:8px;
      position:relative;
    }

    .seg{
      flex:1;
      text-align:center;
      padding:8px 0 40px;
      font-size:14px;
    }

    .seg:nth-child(1){background:#ff3b3b;}
    .seg:nth-child(2){background:#ff6b3b;}
    .seg:nth-child(3){background:#ff9b3b;}
    .seg:nth-child(4){background:#ffd93b;}
    .seg:nth-child(5){background:#b7e23b;}
    .seg:nth-child(6){background:#6be23b;}
    .seg:nth-child(7){background:#2be23b;}

    .track{
      position:absolute;
      left:8px;
      right:8px;
      bottom:8px;
      height:10px;
      background:#222;
      border-radius:999px;
      z-index:2;
    }

    .indicator{
      position:absolute;
      top:50%;
      transform:translate(-50%, -50%);
      font-size:20px;
      transition:0.3s ease;
    }
    </style>

    <script>
    function updateAll() {
      document.querySelectorAll('.battery-wrapper').forEach(wrapper => {
        const level = parseInt(wrapper.dataset.level) || 1;

        const indicator = wrapper.querySelector('.indicator');
        const segments = wrapper.querySelectorAll('.seg');
        const count = segments.length;

        // центр сегмента + маленький сдвиг вправо
        const offsetPercent = 2; // смещение вправо в процентах
        const percent = ((level - 0.5) / count * 100) + offsetPercent;

        indicator.style.left = percent + '%';
      });
    }

    window.onload = updateAll;
    window.onresize = updateAll;
    </script>[/html]

    0

    632

    • Автор: Phillip Morgan
    • выебоны 24/7
    • Phillip Morgan
    • Лип, 25
      владелец автомастерской
      Мы ничего не приносим в этот мир и ничего не можем из него унести
    • Сообщений: 1082
    • Уважение: +255
    • валюты: 200$
    • постов: 1
    • КАРАТЕЛЬНЫЙ ОРГАН
      не половой

    https://upforme.ru/uploads/001c/8a/d2/5/152293.png

    Подпись автора

    [html]<div class="battery-wrapper" data-level="6">
      <div class="battery">
        <div class="title">MY SOCIAL BATTERY</div>

        <div class="segments">
          <div class="seg">😢</div>
          <div class="seg">🙁</div>
          <div class="seg">😕</div>
          <div class="seg">😐</div>
          <div class="seg">🙂</div>
          <div class="seg">😊</div>
          <div class="seg">😄</div>

          <div class="track">
            <div class="indicator">⚡</div>
          </div>
        </div>
      </div>

      <div class="side"></div>
    </div>

    <style>
    @font-face {  font-family: 'Cinzel';  src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
    }
    .battery-wrapper{
      position: relative;
      width: 300px;
      transform: scale(0.7);
      transform-origin: top left;
      margin: 0 auto;
    }

    .battery{
      background:#000;
      border-radius:16px;
      padding:12px;
      color:#fff;
      font-family:sans-serif;
    }

    .side{
      position:absolute;
      right:-14px;
      top:50%;
      transform:translateY(-50%);
      width:14px;
      height:50%;
      background:#000;
      border-radius:0 8px 8px 0;
    }

    .title{
      text-align:center;
      margin-bottom:10px;
      font-size:20px;
      font-family: 'Cinzel';
    }

    .segments{
      display:flex;
      overflow:hidden;
      border-radius:10px;
      margin-bottom:8px;
      position:relative;
    }

    .seg{
      flex:1;
      text-align:center;
      padding:8px 0 40px;
      font-size:14px;
    }

    .seg:nth-child(1){background:#ff3b3b;}
    .seg:nth-child(2){background:#ff6b3b;}
    .seg:nth-child(3){background:#ff9b3b;}
    .seg:nth-child(4){background:#ffd93b;}
    .seg:nth-child(5){background:#b7e23b;}
    .seg:nth-child(6){background:#6be23b;}
    .seg:nth-child(7){background:#2be23b;}

    .track{
      position:absolute;
      left:8px;
      right:8px;
      bottom:8px;
      height:10px;
      background:#222;
      border-radius:999px;
      z-index:2;
    }

    .indicator{
      position:absolute;
      top:50%;
      transform:translate(-50%, -50%);
      font-size:20px;
      transition:0.3s ease;
    }
    </style>

    <script>
    function updateAll() {
      document.querySelectorAll('.battery-wrapper').forEach(wrapper => {
        const level = parseInt(wrapper.dataset.level) || 1;

        const indicator = wrapper.querySelector('.indicator');
        const segments = wrapper.querySelectorAll('.seg');
        const count = segments.length;

        // центр сегмента + маленький сдвиг вправо
        const offsetPercent = 2; // смещение вправо в процентах
        const percent = ((level - 0.5) / count * 100) + offsetPercent;

        indicator.style.left = percent + '%';
      });
    }

    window.onload = updateAll;
    window.onresize = updateAll;
    </script>[/html]

    0

    633

    • Автор: Phillip Morgan
    • выебоны 24/7
    • Phillip Morgan
    • Лип, 25
      владелец автомастерской
      Мы ничего не приносим в этот мир и ничего не можем из него унести
    • Сообщений: 1082
    • Уважение: +255
    • валюты: 200$
    • постов: 1
    • КАРАТЕЛЬНЫЙ ОРГАН
      не половой

    https://i.postimg.cc/HktsqmDS/8-4.gif

    • 1980 год, Первая Магическая Война • 18+ • эпизоды

    ● НУЖНЫ В СЮЖЕТ              ● НУЖНЫ ИГРОКАМ

    Подпись автора

    [html]<div class="battery-wrapper" data-level="6">
      <div class="battery">
        <div class="title">MY SOCIAL BATTERY</div>

        <div class="segments">
          <div class="seg">😢</div>
          <div class="seg">🙁</div>
          <div class="seg">😕</div>
          <div class="seg">😐</div>
          <div class="seg">🙂</div>
          <div class="seg">😊</div>
          <div class="seg">😄</div>

          <div class="track">
            <div class="indicator">⚡</div>
          </div>
        </div>
      </div>

      <div class="side"></div>
    </div>

    <style>
    @font-face {  font-family: 'Cinzel';  src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
    }
    .battery-wrapper{
      position: relative;
      width: 300px;
      transform: scale(0.7);
      transform-origin: top left;
      margin: 0 auto;
    }

    .battery{
      background:#000;
      border-radius:16px;
      padding:12px;
      color:#fff;
      font-family:sans-serif;
    }

    .side{
      position:absolute;
      right:-14px;
      top:50%;
      transform:translateY(-50%);
      width:14px;
      height:50%;
      background:#000;
      border-radius:0 8px 8px 0;
    }

    .title{
      text-align:center;
      margin-bottom:10px;
      font-size:20px;
      font-family: 'Cinzel';
    }

    .segments{
      display:flex;
      overflow:hidden;
      border-radius:10px;
      margin-bottom:8px;
      position:relative;
    }

    .seg{
      flex:1;
      text-align:center;
      padding:8px 0 40px;
      font-size:14px;
    }

    .seg:nth-child(1){background:#ff3b3b;}
    .seg:nth-child(2){background:#ff6b3b;}
    .seg:nth-child(3){background:#ff9b3b;}
    .seg:nth-child(4){background:#ffd93b;}
    .seg:nth-child(5){background:#b7e23b;}
    .seg:nth-child(6){background:#6be23b;}
    .seg:nth-child(7){background:#2be23b;}

    .track{
      position:absolute;
      left:8px;
      right:8px;
      bottom:8px;
      height:10px;
      background:#222;
      border-radius:999px;
      z-index:2;
    }

    .indicator{
      position:absolute;
      top:50%;
      transform:translate(-50%, -50%);
      font-size:20px;
      transition:0.3s ease;
    }
    </style>

    <script>
    function updateAll() {
      document.querySelectorAll('.battery-wrapper').forEach(wrapper => {
        const level = parseInt(wrapper.dataset.level) || 1;

        const indicator = wrapper.querySelector('.indicator');
        const segments = wrapper.querySelectorAll('.seg');
        const count = segments.length;

        // центр сегмента + маленький сдвиг вправо
        const offsetPercent = 2; // смещение вправо в процентах
        const percent = ((level - 0.5) / count * 100) + offsetPercent;

        indicator.style.left = percent + '%';
      });
    }

    window.onload = updateAll;
    window.onresize = updateAll;
    </script>[/html]

    0

    634

    • Автор: Phillip Morgan
    • выебоны 24/7
    • Phillip Morgan
    • Лип, 25
      владелец автомастерской
      Мы ничего не приносим в этот мир и ничего не можем из него унести
    • Сообщений: 1082
    • Уважение: +255
    • валюты: 200$
    • постов: 1
    • КАРАТЕЛЬНЫЙ ОРГАН
      не половой

    https://i.imgur.com/SKuJ65b.jpg]
    *картинка кликабельна*

    [Квесты][Список персонажей][#1. General cases]
    [#2. I need you]
    [#3. I need a Miracle]

    Подпись автора

    [html]<div class="battery-wrapper" data-level="6">
      <div class="battery">
        <div class="title">MY SOCIAL BATTERY</div>

        <div class="segments">
          <div class="seg">😢</div>
          <div class="seg">🙁</div>
          <div class="seg">😕</div>
          <div class="seg">😐</div>
          <div class="seg">🙂</div>
          <div class="seg">😊</div>
          <div class="seg">😄</div>

          <div class="track">
            <div class="indicator">⚡</div>
          </div>
        </div>
      </div>

      <div class="side"></div>
    </div>

    <style>
    @font-face {  font-family: 'Cinzel';  src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
    }
    .battery-wrapper{
      position: relative;
      width: 300px;
      transform: scale(0.7);
      transform-origin: top left;
      margin: 0 auto;
    }

    .battery{
      background:#000;
      border-radius:16px;
      padding:12px;
      color:#fff;
      font-family:sans-serif;
    }

    .side{
      position:absolute;
      right:-14px;
      top:50%;
      transform:translateY(-50%);
      width:14px;
      height:50%;
      background:#000;
      border-radius:0 8px 8px 0;
    }

    .title{
      text-align:center;
      margin-bottom:10px;
      font-size:20px;
      font-family: 'Cinzel';
    }

    .segments{
      display:flex;
      overflow:hidden;
      border-radius:10px;
      margin-bottom:8px;
      position:relative;
    }

    .seg{
      flex:1;
      text-align:center;
      padding:8px 0 40px;
      font-size:14px;
    }

    .seg:nth-child(1){background:#ff3b3b;}
    .seg:nth-child(2){background:#ff6b3b;}
    .seg:nth-child(3){background:#ff9b3b;}
    .seg:nth-child(4){background:#ffd93b;}
    .seg:nth-child(5){background:#b7e23b;}
    .seg:nth-child(6){background:#6be23b;}
    .seg:nth-child(7){background:#2be23b;}

    .track{
      position:absolute;
      left:8px;
      right:8px;
      bottom:8px;
      height:10px;
      background:#222;
      border-radius:999px;
      z-index:2;
    }

    .indicator{
      position:absolute;
      top:50%;
      transform:translate(-50%, -50%);
      font-size:20px;
      transition:0.3s ease;
    }
    </style>

    <script>
    function updateAll() {
      document.querySelectorAll('.battery-wrapper').forEach(wrapper => {
        const level = parseInt(wrapper.dataset.level) || 1;

        const indicator = wrapper.querySelector('.indicator');
        const segments = wrapper.querySelectorAll('.seg');
        const count = segments.length;

        // центр сегмента + маленький сдвиг вправо
        const offsetPercent = 2; // смещение вправо в процентах
        const percent = ((level - 0.5) / count * 100) + offsetPercent;

        indicator.style.left = percent + '%';
      });
    }

    window.onload = updateAll;
    window.onresize = updateAll;
    </script>[/html]

    0

    635

    • Автор: Phillip Morgan
    • выебоны 24/7
    • Phillip Morgan
    • Лип, 25
      владелец автомастерской
      Мы ничего не приносим в этот мир и ничего не можем из него унести
    • Сообщений: 1082
    • Уважение: +255
    • валюты: 200$
    • постов: 1
    • КАРАТЕЛЬНЫЙ ОРГАН
      не половой

    МАГИЯ. НЕ ТОЛЬКО АКАДЕМИЯ.
    ПУТЕШЕСТВИЯ ПО МИРАМ. 18+
    https://upforme.ru/uploads/001a/fa/19/174/210951.png
    ЖДЁМ ТЕХ, КТО ДОПУТЕШЕСТВОВАЛСЯ:
    https://upforme.ru/uploads/001a/fa/19/2/856940.png https://upforme.ru/uploads/001a/fa/19/2/274319.png https://upforme.ru/uploads/001a/fa/19/2/60693.png

    https://upforme.ru/uploads/001a/fa/19/2/188513.png https://upforme.ru/uploads/001a/fa/19/2/926333.png https://upforme.ru/uploads/001a/fa/19/2/791946.png

    https://upforme.ru/uploads/001a/fa/19/2/670740.png https://upforme.ru/uploads/001a/fa/19/2/79392.png https://upforme.ru/uploads/001a/fa/19/2/905274.png https://upforme.ru/uploads/001a/fa/19/2/410819.png

    Подпись автора

    [html]<div class="battery-wrapper" data-level="6">
      <div class="battery">
        <div class="title">MY SOCIAL BATTERY</div>

        <div class="segments">
          <div class="seg">😢</div>
          <div class="seg">🙁</div>
          <div class="seg">😕</div>
          <div class="seg">😐</div>
          <div class="seg">🙂</div>
          <div class="seg">😊</div>
          <div class="seg">😄</div>

          <div class="track">
            <div class="indicator">⚡</div>
          </div>
        </div>
      </div>

      <div class="side"></div>
    </div>

    <style>
    @font-face {  font-family: 'Cinzel';  src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
    }
    .battery-wrapper{
      position: relative;
      width: 300px;
      transform: scale(0.7);
      transform-origin: top left;
      margin: 0 auto;
    }

    .battery{
      background:#000;
      border-radius:16px;
      padding:12px;
      color:#fff;
      font-family:sans-serif;
    }

    .side{
      position:absolute;
      right:-14px;
      top:50%;
      transform:translateY(-50%);
      width:14px;
      height:50%;
      background:#000;
      border-radius:0 8px 8px 0;
    }

    .title{
      text-align:center;
      margin-bottom:10px;
      font-size:20px;
      font-family: 'Cinzel';
    }

    .segments{
      display:flex;
      overflow:hidden;
      border-radius:10px;
      margin-bottom:8px;
      position:relative;
    }

    .seg{
      flex:1;
      text-align:center;
      padding:8px 0 40px;
      font-size:14px;
    }

    .seg:nth-child(1){background:#ff3b3b;}
    .seg:nth-child(2){background:#ff6b3b;}
    .seg:nth-child(3){background:#ff9b3b;}
    .seg:nth-child(4){background:#ffd93b;}
    .seg:nth-child(5){background:#b7e23b;}
    .seg:nth-child(6){background:#6be23b;}
    .seg:nth-child(7){background:#2be23b;}

    .track{
      position:absolute;
      left:8px;
      right:8px;
      bottom:8px;
      height:10px;
      background:#222;
      border-radius:999px;
      z-index:2;
    }

    .indicator{
      position:absolute;
      top:50%;
      transform:translate(-50%, -50%);
      font-size:20px;
      transition:0.3s ease;
    }
    </style>

    <script>
    function updateAll() {
      document.querySelectorAll('.battery-wrapper').forEach(wrapper => {
        const level = parseInt(wrapper.dataset.level) || 1;

        const indicator = wrapper.querySelector('.indicator');
        const segments = wrapper.querySelectorAll('.seg');
        const count = segments.length;

        // центр сегмента + маленький сдвиг вправо
        const offsetPercent = 2; // смещение вправо в процентах
        const percent = ((level - 0.5) / count * 100) + offsetPercent;

        indicator.style.left = percent + '%';
      });
    }

    window.onload = updateAll;
    window.onresize = updateAll;
    </script>[/html]

    0

    636

    • Автор: Phillip Morgan
    • выебоны 24/7
    • Phillip Morgan
    • Лип, 25
      владелец автомастерской
      Мы ничего не приносим в этот мир и ничего не можем из него унести
    • Сообщений: 1082
    • Уважение: +255
    • валюты: 200$
    • постов: 1
    • КАРАТЕЛЬНЫЙ ОРГАН
      не половой

    https://upforme.ru/uploads/0019/9e/ef/4237/611297.png

    Подпись автора

    [html]<div class="battery-wrapper" data-level="6">
      <div class="battery">
        <div class="title">MY SOCIAL BATTERY</div>

        <div class="segments">
          <div class="seg">😢</div>
          <div class="seg">🙁</div>
          <div class="seg">😕</div>
          <div class="seg">😐</div>
          <div class="seg">🙂</div>
          <div class="seg">😊</div>
          <div class="seg">😄</div>

          <div class="track">
            <div class="indicator">⚡</div>
          </div>
        </div>
      </div>

      <div class="side"></div>
    </div>

    <style>
    @font-face {  font-family: 'Cinzel';  src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
    }
    .battery-wrapper{
      position: relative;
      width: 300px;
      transform: scale(0.7);
      transform-origin: top left;
      margin: 0 auto;
    }

    .battery{
      background:#000;
      border-radius:16px;
      padding:12px;
      color:#fff;
      font-family:sans-serif;
    }

    .side{
      position:absolute;
      right:-14px;
      top:50%;
      transform:translateY(-50%);
      width:14px;
      height:50%;
      background:#000;
      border-radius:0 8px 8px 0;
    }

    .title{
      text-align:center;
      margin-bottom:10px;
      font-size:20px;
      font-family: 'Cinzel';
    }

    .segments{
      display:flex;
      overflow:hidden;
      border-radius:10px;
      margin-bottom:8px;
      position:relative;
    }

    .seg{
      flex:1;
      text-align:center;
      padding:8px 0 40px;
      font-size:14px;
    }

    .seg:nth-child(1){background:#ff3b3b;}
    .seg:nth-child(2){background:#ff6b3b;}
    .seg:nth-child(3){background:#ff9b3b;}
    .seg:nth-child(4){background:#ffd93b;}
    .seg:nth-child(5){background:#b7e23b;}
    .seg:nth-child(6){background:#6be23b;}
    .seg:nth-child(7){background:#2be23b;}

    .track{
      position:absolute;
      left:8px;
      right:8px;
      bottom:8px;
      height:10px;
      background:#222;
      border-radius:999px;
      z-index:2;
    }

    .indicator{
      position:absolute;
      top:50%;
      transform:translate(-50%, -50%);
      font-size:20px;
      transition:0.3s ease;
    }
    </style>

    <script>
    function updateAll() {
      document.querySelectorAll('.battery-wrapper').forEach(wrapper => {
        const level = parseInt(wrapper.dataset.level) || 1;

        const indicator = wrapper.querySelector('.indicator');
        const segments = wrapper.querySelectorAll('.seg');
        const count = segments.length;

        // центр сегмента + маленький сдвиг вправо
        const offsetPercent = 2; // смещение вправо в процентах
        const percent = ((level - 0.5) / count * 100) + offsetPercent;

        indicator.style.left = percent + '%';
      });
    }

    window.onload = updateAll;
    window.onresize = updateAll;
    </script>[/html]

    0

    637

    • Автор: Phillip Morgan
    • выебоны 24/7
    • Phillip Morgan
    • Лип, 25
      владелец автомастерской
      Мы ничего не приносим в этот мир и ничего не можем из него унести
    • Сообщений: 1082
    • Уважение: +255
    • валюты: 200$
    • постов: 1
    • КАРАТЕЛЬНЫЙ ОРГАН
      не половой

    https://forumstatic.ru/files/001c/3b/ab/30465.png

    Подпись автора

    [html]<div class="battery-wrapper" data-level="6">
      <div class="battery">
        <div class="title">MY SOCIAL BATTERY</div>

        <div class="segments">
          <div class="seg">😢</div>
          <div class="seg">🙁</div>
          <div class="seg">😕</div>
          <div class="seg">😐</div>
          <div class="seg">🙂</div>
          <div class="seg">😊</div>
          <div class="seg">😄</div>

          <div class="track">
            <div class="indicator">⚡</div>
          </div>
        </div>
      </div>

      <div class="side"></div>
    </div>

    <style>
    @font-face {  font-family: 'Cinzel';  src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
    }
    .battery-wrapper{
      position: relative;
      width: 300px;
      transform: scale(0.7);
      transform-origin: top left;
      margin: 0 auto;
    }

    .battery{
      background:#000;
      border-radius:16px;
      padding:12px;
      color:#fff;
      font-family:sans-serif;
    }

    .side{
      position:absolute;
      right:-14px;
      top:50%;
      transform:translateY(-50%);
      width:14px;
      height:50%;
      background:#000;
      border-radius:0 8px 8px 0;
    }

    .title{
      text-align:center;
      margin-bottom:10px;
      font-size:20px;
      font-family: 'Cinzel';
    }

    .segments{
      display:flex;
      overflow:hidden;
      border-radius:10px;
      margin-bottom:8px;
      position:relative;
    }

    .seg{
      flex:1;
      text-align:center;
      padding:8px 0 40px;
      font-size:14px;
    }

    .seg:nth-child(1){background:#ff3b3b;}
    .seg:nth-child(2){background:#ff6b3b;}
    .seg:nth-child(3){background:#ff9b3b;}
    .seg:nth-child(4){background:#ffd93b;}
    .seg:nth-child(5){background:#b7e23b;}
    .seg:nth-child(6){background:#6be23b;}
    .seg:nth-child(7){background:#2be23b;}

    .track{
      position:absolute;
      left:8px;
      right:8px;
      bottom:8px;
      height:10px;
      background:#222;
      border-radius:999px;
      z-index:2;
    }

    .indicator{
      position:absolute;
      top:50%;
      transform:translate(-50%, -50%);
      font-size:20px;
      transition:0.3s ease;
    }
    </style>

    <script>
    function updateAll() {
      document.querySelectorAll('.battery-wrapper').forEach(wrapper => {
        const level = parseInt(wrapper.dataset.level) || 1;

        const indicator = wrapper.querySelector('.indicator');
        const segments = wrapper.querySelectorAll('.seg');
        const count = segments.length;

        // центр сегмента + маленький сдвиг вправо
        const offsetPercent = 2; // смещение вправо в процентах
        const percent = ((level - 0.5) / count * 100) + offsetPercent;

        indicator.style.left = percent + '%';
      });
    }

    window.onload = updateAll;
    window.onresize = updateAll;
    </script>[/html]

    0

    638

    • Автор: Phillip Morgan
    • выебоны 24/7
    • Phillip Morgan
    • Лип, 25
      владелец автомастерской
      Мы ничего не приносим в этот мир и ничего не можем из него унести
    • Сообщений: 1082
    • Уважение: +255
    • валюты: 200$
    • постов: 1
    • КАРАТЕЛЬНЫЙ ОРГАН
      не половой

    https://upforme.ru/uploads/001c/6b/2b/5/871654.png

    Подпись автора

    [html]<div class="battery-wrapper" data-level="6">
      <div class="battery">
        <div class="title">MY SOCIAL BATTERY</div>

        <div class="segments">
          <div class="seg">😢</div>
          <div class="seg">🙁</div>
          <div class="seg">😕</div>
          <div class="seg">😐</div>
          <div class="seg">🙂</div>
          <div class="seg">😊</div>
          <div class="seg">😄</div>

          <div class="track">
            <div class="indicator">⚡</div>
          </div>
        </div>
      </div>

      <div class="side"></div>
    </div>

    <style>
    @font-face {  font-family: 'Cinzel';  src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
    }
    .battery-wrapper{
      position: relative;
      width: 300px;
      transform: scale(0.7);
      transform-origin: top left;
      margin: 0 auto;
    }

    .battery{
      background:#000;
      border-radius:16px;
      padding:12px;
      color:#fff;
      font-family:sans-serif;
    }

    .side{
      position:absolute;
      right:-14px;
      top:50%;
      transform:translateY(-50%);
      width:14px;
      height:50%;
      background:#000;
      border-radius:0 8px 8px 0;
    }

    .title{
      text-align:center;
      margin-bottom:10px;
      font-size:20px;
      font-family: 'Cinzel';
    }

    .segments{
      display:flex;
      overflow:hidden;
      border-radius:10px;
      margin-bottom:8px;
      position:relative;
    }

    .seg{
      flex:1;
      text-align:center;
      padding:8px 0 40px;
      font-size:14px;
    }

    .seg:nth-child(1){background:#ff3b3b;}
    .seg:nth-child(2){background:#ff6b3b;}
    .seg:nth-child(3){background:#ff9b3b;}
    .seg:nth-child(4){background:#ffd93b;}
    .seg:nth-child(5){background:#b7e23b;}
    .seg:nth-child(6){background:#6be23b;}
    .seg:nth-child(7){background:#2be23b;}

    .track{
      position:absolute;
      left:8px;
      right:8px;
      bottom:8px;
      height:10px;
      background:#222;
      border-radius:999px;
      z-index:2;
    }

    .indicator{
      position:absolute;
      top:50%;
      transform:translate(-50%, -50%);
      font-size:20px;
      transition:0.3s ease;
    }
    </style>

    <script>
    function updateAll() {
      document.querySelectorAll('.battery-wrapper').forEach(wrapper => {
        const level = parseInt(wrapper.dataset.level) || 1;

        const indicator = wrapper.querySelector('.indicator');
        const segments = wrapper.querySelectorAll('.seg');
        const count = segments.length;

        // центр сегмента + маленький сдвиг вправо
        const offsetPercent = 2; // смещение вправо в процентах
        const percent = ((level - 0.5) / count * 100) + offsetPercent;

        indicator.style.left = percent + '%';
      });
    }

    window.onload = updateAll;
    window.onresize = updateAll;
    </script>[/html]

    0

    639

    • Автор: Phillip Morgan
    • выебоны 24/7
    • Phillip Morgan
    • Лип, 25
      владелец автомастерской
      Мы ничего не приносим в этот мир и ничего не можем из него унести
    • Сообщений: 1082
    • Уважение: +255
    • валюты: 200$
    • постов: 1
    • КАРАТЕЛЬНЫЙ ОРГАН
      не половой

    https://upforme.ru/uploads/001b/5c/a8/2/305142.jpg

    Подпись автора

    [html]<div class="battery-wrapper" data-level="6">
      <div class="battery">
        <div class="title">MY SOCIAL BATTERY</div>

        <div class="segments">
          <div class="seg">😢</div>
          <div class="seg">🙁</div>
          <div class="seg">😕</div>
          <div class="seg">😐</div>
          <div class="seg">🙂</div>
          <div class="seg">😊</div>
          <div class="seg">😄</div>

          <div class="track">
            <div class="indicator">⚡</div>
          </div>
        </div>
      </div>

      <div class="side"></div>
    </div>

    <style>
    @font-face {  font-family: 'Cinzel';  src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
    }
    .battery-wrapper{
      position: relative;
      width: 300px;
      transform: scale(0.7);
      transform-origin: top left;
      margin: 0 auto;
    }

    .battery{
      background:#000;
      border-radius:16px;
      padding:12px;
      color:#fff;
      font-family:sans-serif;
    }

    .side{
      position:absolute;
      right:-14px;
      top:50%;
      transform:translateY(-50%);
      width:14px;
      height:50%;
      background:#000;
      border-radius:0 8px 8px 0;
    }

    .title{
      text-align:center;
      margin-bottom:10px;
      font-size:20px;
      font-family: 'Cinzel';
    }

    .segments{
      display:flex;
      overflow:hidden;
      border-radius:10px;
      margin-bottom:8px;
      position:relative;
    }

    .seg{
      flex:1;
      text-align:center;
      padding:8px 0 40px;
      font-size:14px;
    }

    .seg:nth-child(1){background:#ff3b3b;}
    .seg:nth-child(2){background:#ff6b3b;}
    .seg:nth-child(3){background:#ff9b3b;}
    .seg:nth-child(4){background:#ffd93b;}
    .seg:nth-child(5){background:#b7e23b;}
    .seg:nth-child(6){background:#6be23b;}
    .seg:nth-child(7){background:#2be23b;}

    .track{
      position:absolute;
      left:8px;
      right:8px;
      bottom:8px;
      height:10px;
      background:#222;
      border-radius:999px;
      z-index:2;
    }

    .indicator{
      position:absolute;
      top:50%;
      transform:translate(-50%, -50%);
      font-size:20px;
      transition:0.3s ease;
    }
    </style>

    <script>
    function updateAll() {
      document.querySelectorAll('.battery-wrapper').forEach(wrapper => {
        const level = parseInt(wrapper.dataset.level) || 1;

        const indicator = wrapper.querySelector('.indicator');
        const segments = wrapper.querySelectorAll('.seg');
        const count = segments.length;

        // центр сегмента + маленький сдвиг вправо
        const offsetPercent = 2; // смещение вправо в процентах
        const percent = ((level - 0.5) / count * 100) + offsetPercent;

        indicator.style.left = percent + '%';
      });
    }

    window.onload = updateAll;
    window.onresize = updateAll;
    </script>[/html]

    0

    640

    • Автор: Phillip Morgan
    • выебоны 24/7
    • Phillip Morgan
    • Лип, 25
      владелец автомастерской
      Мы ничего не приносим в этот мир и ничего не можем из него унести
    • Сообщений: 1082
    • Уважение: +255
    • валюты: 200$
    • постов: 1
    • КАРАТЕЛЬНЫЙ ОРГАН
      не половой

    https://upforme.ru/uploads/001c/8d/01/6/256089.jpg

    Подпись автора

    [html]<div class="battery-wrapper" data-level="6">
      <div class="battery">
        <div class="title">MY SOCIAL BATTERY</div>

        <div class="segments">
          <div class="seg">😢</div>
          <div class="seg">🙁</div>
          <div class="seg">😕</div>
          <div class="seg">😐</div>
          <div class="seg">🙂</div>
          <div class="seg">😊</div>
          <div class="seg">😄</div>

          <div class="track">
            <div class="indicator">⚡</div>
          </div>
        </div>
      </div>

      <div class="side"></div>
    </div>

    <style>
    @font-face {  font-family: 'Cinzel';  src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
    }
    .battery-wrapper{
      position: relative;
      width: 300px;
      transform: scale(0.7);
      transform-origin: top left;
      margin: 0 auto;
    }

    .battery{
      background:#000;
      border-radius:16px;
      padding:12px;
      color:#fff;
      font-family:sans-serif;
    }

    .side{
      position:absolute;
      right:-14px;
      top:50%;
      transform:translateY(-50%);
      width:14px;
      height:50%;
      background:#000;
      border-radius:0 8px 8px 0;
    }

    .title{
      text-align:center;
      margin-bottom:10px;
      font-size:20px;
      font-family: 'Cinzel';
    }

    .segments{
      display:flex;
      overflow:hidden;
      border-radius:10px;
      margin-bottom:8px;
      position:relative;
    }

    .seg{
      flex:1;
      text-align:center;
      padding:8px 0 40px;
      font-size:14px;
    }

    .seg:nth-child(1){background:#ff3b3b;}
    .seg:nth-child(2){background:#ff6b3b;}
    .seg:nth-child(3){background:#ff9b3b;}
    .seg:nth-child(4){background:#ffd93b;}
    .seg:nth-child(5){background:#b7e23b;}
    .seg:nth-child(6){background:#6be23b;}
    .seg:nth-child(7){background:#2be23b;}

    .track{
      position:absolute;
      left:8px;
      right:8px;
      bottom:8px;
      height:10px;
      background:#222;
      border-radius:999px;
      z-index:2;
    }

    .indicator{
      position:absolute;
      top:50%;
      transform:translate(-50%, -50%);
      font-size:20px;
      transition:0.3s ease;
    }
    </style>

    <script>
    function updateAll() {
      document.querySelectorAll('.battery-wrapper').forEach(wrapper => {
        const level = parseInt(wrapper.dataset.level) || 1;

        const indicator = wrapper.querySelector('.indicator');
        const segments = wrapper.querySelectorAll('.seg');
        const count = segments.length;

        // центр сегмента + маленький сдвиг вправо
        const offsetPercent = 2; // смещение вправо в процентах
        const percent = ((level - 0.5) / count * 100) + offsetPercent;

        indicator.style.left = percent + '%';
      });
    }

    window.onload = updateAll;
    window.onresize = updateAll;
    </script>[/html]

    0

    641

    • Автор: Phillip Morgan
    • выебоны 24/7
    • Phillip Morgan
    • Лип, 25
      владелец автомастерской
      Мы ничего не приносим в этот мир и ничего не можем из него унести
    • Сообщений: 1082
    • Уважение: +255
    • валюты: 200$
    • постов: 1
    • КАРАТЕЛЬНЫЙ ОРГАН
      не половой

    https://upforme.ru/uploads/001c/1d/cd/3/314763.png
    Здесь нет ограничений на временные рамки основной игры, на канонных или неканонных персонажей.
    Все — лишь ваша фантазия и немного придумок авторского сюжета.

    ГОСТЕВАЯ ● F.A.Q ● ПРАВИЛА ● ХОЧУ К ВАМ ● ЗАНЯТЫЕ ВНЕШНОСТИ ● ЗАНЯТЫЕ РОЛИ

    Подпись автора

    [html]<div class="battery-wrapper" data-level="6">
      <div class="battery">
        <div class="title">MY SOCIAL BATTERY</div>

        <div class="segments">
          <div class="seg">😢</div>
          <div class="seg">🙁</div>
          <div class="seg">😕</div>
          <div class="seg">😐</div>
          <div class="seg">🙂</div>
          <div class="seg">😊</div>
          <div class="seg">😄</div>

          <div class="track">
            <div class="indicator">⚡</div>
          </div>
        </div>
      </div>

      <div class="side"></div>
    </div>

    <style>
    @font-face {  font-family: 'Cinzel';  src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
    }
    .battery-wrapper{
      position: relative;
      width: 300px;
      transform: scale(0.7);
      transform-origin: top left;
      margin: 0 auto;
    }

    .battery{
      background:#000;
      border-radius:16px;
      padding:12px;
      color:#fff;
      font-family:sans-serif;
    }

    .side{
      position:absolute;
      right:-14px;
      top:50%;
      transform:translateY(-50%);
      width:14px;
      height:50%;
      background:#000;
      border-radius:0 8px 8px 0;
    }

    .title{
      text-align:center;
      margin-bottom:10px;
      font-size:20px;
      font-family: 'Cinzel';
    }

    .segments{
      display:flex;
      overflow:hidden;
      border-radius:10px;
      margin-bottom:8px;
      position:relative;
    }

    .seg{
      flex:1;
      text-align:center;
      padding:8px 0 40px;
      font-size:14px;
    }

    .seg:nth-child(1){background:#ff3b3b;}
    .seg:nth-child(2){background:#ff6b3b;}
    .seg:nth-child(3){background:#ff9b3b;}
    .seg:nth-child(4){background:#ffd93b;}
    .seg:nth-child(5){background:#b7e23b;}
    .seg:nth-child(6){background:#6be23b;}
    .seg:nth-child(7){background:#2be23b;}

    .track{
      position:absolute;
      left:8px;
      right:8px;
      bottom:8px;
      height:10px;
      background:#222;
      border-radius:999px;
      z-index:2;
    }

    .indicator{
      position:absolute;
      top:50%;
      transform:translate(-50%, -50%);
      font-size:20px;
      transition:0.3s ease;
    }
    </style>

    <script>
    function updateAll() {
      document.querySelectorAll('.battery-wrapper').forEach(wrapper => {
        const level = parseInt(wrapper.dataset.level) || 1;

        const indicator = wrapper.querySelector('.indicator');
        const segments = wrapper.querySelectorAll('.seg');
        const count = segments.length;

        // центр сегмента + маленький сдвиг вправо
        const offsetPercent = 2; // смещение вправо в процентах
        const percent = ((level - 0.5) / count * 100) + offsetPercent;

        indicator.style.left = percent + '%';
      });
    }

    window.onload = updateAll;
    window.onresize = updateAll;
    </script>[/html]

    0

    642

    • Автор: Phillip Morgan
    • выебоны 24/7
    • Phillip Morgan
    • Лип, 25
      владелец автомастерской
      Мы ничего не приносим в этот мир и ничего не можем из него унести
    • Сообщений: 1082
    • Уважение: +255
    • валюты: 200$
    • постов: 1
    • КАРАТЕЛЬНЫЙ ОРГАН
      не половой

    https://upforme.ru/uploads/001c/60/8c/3/580983.png

    ОТПРАВИТЬСЯ В ЗВЁЗДНОЕ ПУТЕШЕСТВИЕ ПРЯМО СЕЙЧАС

    Подпись автора

    [html]<div class="battery-wrapper" data-level="6">
      <div class="battery">
        <div class="title">MY SOCIAL BATTERY</div>

        <div class="segments">
          <div class="seg">😢</div>
          <div class="seg">🙁</div>
          <div class="seg">😕</div>
          <div class="seg">😐</div>
          <div class="seg">🙂</div>
          <div class="seg">😊</div>
          <div class="seg">😄</div>

          <div class="track">
            <div class="indicator">⚡</div>
          </div>
        </div>
      </div>

      <div class="side"></div>
    </div>

    <style>
    @font-face {  font-family: 'Cinzel';  src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
    }
    .battery-wrapper{
      position: relative;
      width: 300px;
      transform: scale(0.7);
      transform-origin: top left;
      margin: 0 auto;
    }

    .battery{
      background:#000;
      border-radius:16px;
      padding:12px;
      color:#fff;
      font-family:sans-serif;
    }

    .side{
      position:absolute;
      right:-14px;
      top:50%;
      transform:translateY(-50%);
      width:14px;
      height:50%;
      background:#000;
      border-radius:0 8px 8px 0;
    }

    .title{
      text-align:center;
      margin-bottom:10px;
      font-size:20px;
      font-family: 'Cinzel';
    }

    .segments{
      display:flex;
      overflow:hidden;
      border-radius:10px;
      margin-bottom:8px;
      position:relative;
    }

    .seg{
      flex:1;
      text-align:center;
      padding:8px 0 40px;
      font-size:14px;
    }

    .seg:nth-child(1){background:#ff3b3b;}
    .seg:nth-child(2){background:#ff6b3b;}
    .seg:nth-child(3){background:#ff9b3b;}
    .seg:nth-child(4){background:#ffd93b;}
    .seg:nth-child(5){background:#b7e23b;}
    .seg:nth-child(6){background:#6be23b;}
    .seg:nth-child(7){background:#2be23b;}

    .track{
      position:absolute;
      left:8px;
      right:8px;
      bottom:8px;
      height:10px;
      background:#222;
      border-radius:999px;
      z-index:2;
    }

    .indicator{
      position:absolute;
      top:50%;
      transform:translate(-50%, -50%);
      font-size:20px;
      transition:0.3s ease;
    }
    </style>

    <script>
    function updateAll() {
      document.querySelectorAll('.battery-wrapper').forEach(wrapper => {
        const level = parseInt(wrapper.dataset.level) || 1;

        const indicator = wrapper.querySelector('.indicator');
        const segments = wrapper.querySelectorAll('.seg');
        const count = segments.length;

        // центр сегмента + маленький сдвиг вправо
        const offsetPercent = 2; // смещение вправо в процентах
        const percent = ((level - 0.5) / count * 100) + offsetPercent;

        indicator.style.left = percent + '%';
      });
    }

    window.onload = updateAll;
    window.onresize = updateAll;
    </script>[/html]

    0

    643

    • Автор: Phillip Morgan
    • выебоны 24/7
    • Phillip Morgan
    • Лип, 25
      владелец автомастерской
      Мы ничего не приносим в этот мир и ничего не можем из него унести
    • Сообщений: 1082
    • Уважение: +255
    • валюты: 200$
    • постов: 1
    • КАРАТЕЛЬНЫЙ ОРГАН
      не половой

    https://upforme.ru/uploads/001c/5b/2f/2/558794.png

    Подпись автора

    [html]<div class="battery-wrapper" data-level="6">
      <div class="battery">
        <div class="title">MY SOCIAL BATTERY</div>

        <div class="segments">
          <div class="seg">😢</div>
          <div class="seg">🙁</div>
          <div class="seg">😕</div>
          <div class="seg">😐</div>
          <div class="seg">🙂</div>
          <div class="seg">😊</div>
          <div class="seg">😄</div>

          <div class="track">
            <div class="indicator">⚡</div>
          </div>
        </div>
      </div>

      <div class="side"></div>
    </div>

    <style>
    @font-face {  font-family: 'Cinzel';  src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
    }
    .battery-wrapper{
      position: relative;
      width: 300px;
      transform: scale(0.7);
      transform-origin: top left;
      margin: 0 auto;
    }

    .battery{
      background:#000;
      border-radius:16px;
      padding:12px;
      color:#fff;
      font-family:sans-serif;
    }

    .side{
      position:absolute;
      right:-14px;
      top:50%;
      transform:translateY(-50%);
      width:14px;
      height:50%;
      background:#000;
      border-radius:0 8px 8px 0;
    }

    .title{
      text-align:center;
      margin-bottom:10px;
      font-size:20px;
      font-family: 'Cinzel';
    }

    .segments{
      display:flex;
      overflow:hidden;
      border-radius:10px;
      margin-bottom:8px;
      position:relative;
    }

    .seg{
      flex:1;
      text-align:center;
      padding:8px 0 40px;
      font-size:14px;
    }

    .seg:nth-child(1){background:#ff3b3b;}
    .seg:nth-child(2){background:#ff6b3b;}
    .seg:nth-child(3){background:#ff9b3b;}
    .seg:nth-child(4){background:#ffd93b;}
    .seg:nth-child(5){background:#b7e23b;}
    .seg:nth-child(6){background:#6be23b;}
    .seg:nth-child(7){background:#2be23b;}

    .track{
      position:absolute;
      left:8px;
      right:8px;
      bottom:8px;
      height:10px;
      background:#222;
      border-radius:999px;
      z-index:2;
    }

    .indicator{
      position:absolute;
      top:50%;
      transform:translate(-50%, -50%);
      font-size:20px;
      transition:0.3s ease;
    }
    </style>

    <script>
    function updateAll() {
      document.querySelectorAll('.battery-wrapper').forEach(wrapper => {
        const level = parseInt(wrapper.dataset.level) || 1;

        const indicator = wrapper.querySelector('.indicator');
        const segments = wrapper.querySelectorAll('.seg');
        const count = segments.length;

        // центр сегмента + маленький сдвиг вправо
        const offsetPercent = 2; // смещение вправо в процентах
        const percent = ((level - 0.5) / count * 100) + offsetPercent;

        indicator.style.left = percent + '%';
      });
    }

    window.onload = updateAll;
    window.onresize = updateAll;
    </script>[/html]

    0

    644

    • Автор: Phillip Morgan
    • выебоны 24/7
    • Phillip Morgan
    • Лип, 25
      владелец автомастерской
      Мы ничего не приносим в этот мир и ничего не можем из него унести
    • Сообщений: 1082
    • Уважение: +255
    • валюты: 200$
    • постов: 1
    • КАРАТЕЛЬНЫЙ ОРГАН
      не половой

    https://upforme.ru/uploads/001c/97/e4/2/901781.png

    Подпись автора

    [html]<div class="battery-wrapper" data-level="6">
      <div class="battery">
        <div class="title">MY SOCIAL BATTERY</div>

        <div class="segments">
          <div class="seg">😢</div>
          <div class="seg">🙁</div>
          <div class="seg">😕</div>
          <div class="seg">😐</div>
          <div class="seg">🙂</div>
          <div class="seg">😊</div>
          <div class="seg">😄</div>

          <div class="track">
            <div class="indicator">⚡</div>
          </div>
        </div>
      </div>

      <div class="side"></div>
    </div>

    <style>
    @font-face {  font-family: 'Cinzel';  src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
    }
    .battery-wrapper{
      position: relative;
      width: 300px;
      transform: scale(0.7);
      transform-origin: top left;
      margin: 0 auto;
    }

    .battery{
      background:#000;
      border-radius:16px;
      padding:12px;
      color:#fff;
      font-family:sans-serif;
    }

    .side{
      position:absolute;
      right:-14px;
      top:50%;
      transform:translateY(-50%);
      width:14px;
      height:50%;
      background:#000;
      border-radius:0 8px 8px 0;
    }

    .title{
      text-align:center;
      margin-bottom:10px;
      font-size:20px;
      font-family: 'Cinzel';
    }

    .segments{
      display:flex;
      overflow:hidden;
      border-radius:10px;
      margin-bottom:8px;
      position:relative;
    }

    .seg{
      flex:1;
      text-align:center;
      padding:8px 0 40px;
      font-size:14px;
    }

    .seg:nth-child(1){background:#ff3b3b;}
    .seg:nth-child(2){background:#ff6b3b;}
    .seg:nth-child(3){background:#ff9b3b;}
    .seg:nth-child(4){background:#ffd93b;}
    .seg:nth-child(5){background:#b7e23b;}
    .seg:nth-child(6){background:#6be23b;}
    .seg:nth-child(7){background:#2be23b;}

    .track{
      position:absolute;
      left:8px;
      right:8px;
      bottom:8px;
      height:10px;
      background:#222;
      border-radius:999px;
      z-index:2;
    }

    .indicator{
      position:absolute;
      top:50%;
      transform:translate(-50%, -50%);
      font-size:20px;
      transition:0.3s ease;
    }
    </style>

    <script>
    function updateAll() {
      document.querySelectorAll('.battery-wrapper').forEach(wrapper => {
        const level = parseInt(wrapper.dataset.level) || 1;

        const indicator = wrapper.querySelector('.indicator');
        const segments = wrapper.querySelectorAll('.seg');
        const count = segments.length;

        // центр сегмента + маленький сдвиг вправо
        const offsetPercent = 2; // смещение вправо в процентах
        const percent = ((level - 0.5) / count * 100) + offsetPercent;

        indicator.style.left = percent + '%';
      });
    }

    window.onload = updateAll;
    window.onresize = updateAll;
    </script>[/html]

    0

    645

    • Автор: Phillip Morgan
    • выебоны 24/7
    • Phillip Morgan
    • Лип, 25
      владелец автомастерской
      Мы ничего не приносим в этот мир и ничего не можем из него унести
    • Сообщений: 1082
    • Уважение: +255
    • валюты: 200$
    • постов: 1
    • КАРАТЕЛЬНЫЙ ОРГАН
      не половой

    https://upforme.ru/uploads/001a/12/f3/2/699857.webp

    сюжет | ищем | роли

    Подпись автора

    [html]<div class="battery-wrapper" data-level="6">
      <div class="battery">
        <div class="title">MY SOCIAL BATTERY</div>

        <div class="segments">
          <div class="seg">😢</div>
          <div class="seg">🙁</div>
          <div class="seg">😕</div>
          <div class="seg">😐</div>
          <div class="seg">🙂</div>
          <div class="seg">😊</div>
          <div class="seg">😄</div>

          <div class="track">
            <div class="indicator">⚡</div>
          </div>
        </div>
      </div>

      <div class="side"></div>
    </div>

    <style>
    @font-face {  font-family: 'Cinzel';  src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
    }
    .battery-wrapper{
      position: relative;
      width: 300px;
      transform: scale(0.7);
      transform-origin: top left;
      margin: 0 auto;
    }

    .battery{
      background:#000;
      border-radius:16px;
      padding:12px;
      color:#fff;
      font-family:sans-serif;
    }

    .side{
      position:absolute;
      right:-14px;
      top:50%;
      transform:translateY(-50%);
      width:14px;
      height:50%;
      background:#000;
      border-radius:0 8px 8px 0;
    }

    .title{
      text-align:center;
      margin-bottom:10px;
      font-size:20px;
      font-family: 'Cinzel';
    }

    .segments{
      display:flex;
      overflow:hidden;
      border-radius:10px;
      margin-bottom:8px;
      position:relative;
    }

    .seg{
      flex:1;
      text-align:center;
      padding:8px 0 40px;
      font-size:14px;
    }

    .seg:nth-child(1){background:#ff3b3b;}
    .seg:nth-child(2){background:#ff6b3b;}
    .seg:nth-child(3){background:#ff9b3b;}
    .seg:nth-child(4){background:#ffd93b;}
    .seg:nth-child(5){background:#b7e23b;}
    .seg:nth-child(6){background:#6be23b;}
    .seg:nth-child(7){background:#2be23b;}

    .track{
      position:absolute;
      left:8px;
      right:8px;
      bottom:8px;
      height:10px;
      background:#222;
      border-radius:999px;
      z-index:2;
    }

    .indicator{
      position:absolute;
      top:50%;
      transform:translate(-50%, -50%);
      font-size:20px;
      transition:0.3s ease;
    }
    </style>

    <script>
    function updateAll() {
      document.querySelectorAll('.battery-wrapper').forEach(wrapper => {
        const level = parseInt(wrapper.dataset.level) || 1;

        const indicator = wrapper.querySelector('.indicator');
        const segments = wrapper.querySelectorAll('.seg');
        const count = segments.length;

        // центр сегмента + маленький сдвиг вправо
        const offsetPercent = 2; // смещение вправо в процентах
        const percent = ((level - 0.5) / count * 100) + offsetPercent;

        indicator.style.left = percent + '%';
      });
    }

    window.onload = updateAll;
    window.onresize = updateAll;
    </script>[/html]

    0

    646

    • Автор: PR
    • Участник
    • PR
    • Сообщений: 802
    • Уважение: +1

    https://upforme.ru/uploads/001c/93/12/10/634805.png

    Взаимная реклама

    0

    647

    • Автор: PR
    • Участник
    • PR
    • Сообщений: 802
    • Уважение: +1

    https://upforme.ru/uploads/001c/0a/be/74/151449.png

    https://hpexile.rusff.me/viewtopic.php? … 60#p150961

    0

    648

    • Автор: PR
    • Участник
    • PR
    • Сообщений: 802
    • Уважение: +1

    https://upforme.ru/uploads/0019/41/ed/4/395795.png
    Ваша реклама

    0

    649

    • Автор: PR
    • Участник
    • PR
    • Сообщений: 802
    • Уважение: +1

    https://imgfy.ru/ib/zkeoEYP8A9WuI59_1771660416.png
    https://alaskahorror.rusff.me/viewtopic … 10#p389837

    0

    650

    • Автор: PR
    • Участник
    • PR
    • Сообщений: 802
    • Уважение: +1

    https://i.imgur.com/trX7O9v.jpeg

    Взаимная реклама

    0

    651

    • Автор: PR
    • Участник
    • PR
    • Сообщений: 802
    • Уважение: +1

    https://upforme.ru/uploads/001c/a6/68/40/581422.png
    призраки ● медиумы ● культы ● стражи
    https://phantomdance.rusff.me/viewtopic … =26#p14046

    0

    652

    • Автор: PR
    • Участник
    • PR
    • Сообщений: 802
    • Уважение: +1

    https://upforme.ru/uploads/001c/a6/68/40/581422.png
    призраки ● медиумы ● культы ● стражи
    https://phantomdance.rusff.me/viewtopic … =28#p14141

    0

    653

    • Автор: Allen Riley
    • Участник
    • Allen Riley
    • Аллен, 19
      лидер
      Мы живём, чтобы давать бой каждому новому дню.
    • Сообщений: 344
    • Уважение: +87
    • валюты: $980
    • постов: 4
    • the gang

    https://upforme.ru/uploads/001b/df/32/147/792901.gif
    Genshin Impact: Celestial Eclipse — ролевая игра по Genshin Impact. Основа сюжета: Селестия находится в глубоком сне и утрачивает контроль за небесными шипами, а также за элементами в Тейвате, что несёт за собой различные катаклизмы. Мы играем как в настоящем (включая сюжет Нод-Края), так и в прошлом флешбэками.
    Сюжет | Гостевая | Нужные | Список ролей

    0

    654

    • Автор: Allen Riley
    • Участник
    • Allen Riley
    • Аллен, 19
      лидер
      Мы живём, чтобы давать бой каждому новому дню.
    • Сообщений: 344
    • Уважение: +87
    • валюты: $980
    • постов: 4
    • the gang

    https://upforme.ru/uploads/001c/45/71/151/815040.jpg

    0

    655

    • Автор: Allen Riley
    • Участник
    • Allen Riley
    • Аллен, 19
      лидер
      Мы живём, чтобы давать бой каждому новому дню.
    • Сообщений: 344
    • Уважение: +87
    • валюты: $980
    • постов: 4
    • the gang

    https://i.imgur.com/mWvZsgr.png

    Amantes Amentes
    мистика • румыния, бухарест • расы • 18+

    0

    656

    • Автор: Allen Riley
    • Участник
    • Allen Riley
    • Аллен, 19
      лидер
      Мы живём, чтобы давать бой каждому новому дню.
    • Сообщений: 344
    • Уважение: +87
    • валюты: $980
    • постов: 4
    • the gang

    мюзиклы, 18+, эпизоды
    https://forumstatic.ru/files/001c/59/08/46530.jpg

    0

    657

    • Автор: Allen Riley
    • Участник
    • Allen Riley
    • Аллен, 19
      лидер
      Мы живём, чтобы давать бой каждому новому дню.
    • Сообщений: 344
    • Уважение: +87
    • валюты: $980
    • постов: 4
    • the gang

    https://upforme.ru/uploads/001c/1d/cd/3/314763.png
    Здесь нет ограничений на временные рамки основной игры, на канонных или неканонных персонажей.
    Все — лишь ваша фантазия и немного придумок авторского сюжета.

    ГОСТЕВАЯ ● F.A.Q ● ПРАВИЛА ● ХОЧУ К ВАМ ● ЗАНЯТЫЕ ВНЕШНОСТИ ● ЗАНЯТЫЕ РОЛИ

    0

    658

    • Автор: Allen Riley
    • Участник
    • Allen Riley
    • Аллен, 19
      лидер
      Мы живём, чтобы давать бой каждому новому дню.
    • Сообщений: 344
    • Уважение: +87
    • валюты: $980
    • постов: 4
    • the gang

    FAQ ◆ РАСЫ и МАГИЯ ◆ НУЖНЫЕ ПЕРСОНАЖИ
    https://forumstatic.ru/files/001c/5e/af/77049.gif
    НЕКРОМАНТЫ и их АРМИИ ◆ ДРАКОНЫ и их НАЕЗДНИКИ ◆ ЭЛЬФИЙСКИЕ ДВОРЫ
    и красивый антуражный мир светских интриг
    ◆внешности реальные и рисованные◆

    0

    659

    • Автор: Allen Riley
    • Участник
    • Allen Riley
    • Аллен, 19
      лидер
      Мы живём, чтобы давать бой каждому новому дню.
    • Сообщений: 344
    • Уважение: +87
    • валюты: $980
    • постов: 4
    • the gang

    https://upforme.ru/uploads/001b/ee/96/4/615654.png
    фэнтези | авторский мир | эпизоды
    Сюжет | Гостевая | Акции

    0

    660

    • Автор: Allen Riley
    • Участник
    • Allen Riley
    • Аллен, 19
      лидер
      Мы живём, чтобы давать бой каждому новому дню.
    • Сообщений: 344
    • Уважение: +87
    • валюты: $980
    • постов: 4
    • the gang

    Сделай свой выбор на ролевой
    «Marauders: Your Choice»
    https://upforme.ru/uploads/001c/8d/f9/6/419364.png
    Сюжет • Роли и внешности • Нужные

    0

    Тема закрыта
    Страница:   1 … 20 21 22 23 24 … 34  

    Вы здесь » Вектор Пламени » Реклама » Взаимная #1

    Рейтинг форумов | Создать форум бесплатно