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

цитата дня:

Всё идёт по плану,
но это не тот план

Странная штука — это вообще то, что я сижу здесь, разговариваю с совершенно незнакомым человеком и, кажется, даже пытаюсь помочь девушке, которую вижу впервые в жизни. Никогда бы не подумал, что однажды окажусь в подобной ситуации. До чего всё-таки доводит отвратительный сезон. Хотя нет… не только сезон. Скорее обстоятельства, которые, будто сговорившись, медленно загнали меня именно сюда — в кресло самолёта, рядом с человеком, которому, кажется, сейчас страшнее, чем мне самому. Жизнь вообще любит подбрасывать такие повороты, над которыми остаётся только криво усмехнуться. Ещё вчера ты несёшься по стартовой прямой под рёв трибун, а сегодня сидишь на высоте десяти тысяч метров и убеждаешь кого-то, что всё обязательно будет хорошо... читать дальше

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

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

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


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


Взаимная #1

Сообщений 841 страница 870 из 1001

1

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

841

https://upforme.ru/uploads/001c/75/3f/234/524618.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

842

https://imgfy.ru/ib/zkeoEYP8A9WuI59_1771660416.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

843

https://upforme.ru/uploads/001c/9c/5d/2/85497.jpg
1998 год, dark au ✦ 18+ ✦ эпизоды
СЮЖЕТFAQГОСТЕВАЯ

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

[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

844

https://upforme.ru/uploads/001b/2e/b0/4/163840.gif

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

[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

845

https://upforme.ru/uploads/001c/8b/a8/346/505124.png

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

0

846

https://upforme.ru/uploads/001c/87/49/2/22222.jpg
NO TIME FOR DRAGON
антуражка, средневековая мистика

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

0

847

https://upforme.ru/uploads/001c/8b/a8/346/505124.png

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

0

848

https://upforme.ru/uploads/001c/87/49/2/14248.jpg
NO TIME FOR DRAGON
антуражка, средневековая мистика

https://dragonfall.ru/viewtopic.php?id=639#p156726

0

849

https://forumstatic.ru/files/001c/23/e3/25873.png
https://nxvrlnd.ru/viewtopic.php?id=306 … =4#p559206

0

850

https://upforme.ru/uploads/001c/a1/8d/26/470831.png
Ваша реклама

0

851

https://upforme.ru/uploads/001b/e6/2d/2/262780.png

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

0

852

https://upforme.ru/uploads/001c/23/e3/363/359098.png
https://nxvrlnd.ru/viewtopic.php?id=306 … =9#p559568

0

853

https://upforme.ru/uploads/001c/8b/a8/346/94639.png

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

0

854

https://upforme.ru/uploads/001c/87/49/3/508858.gif
NO TIME FOR DRAGON
антуражка, средневековая мистика

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

0

855

https://imgfy.ru/ib/zkeoEYP8A9WuI59_1771660416.png
Ваша реклама

0

856

https://upforme.ru/uploads/001b/86/cf/2/701048.gif

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

0

857

https://forumstatic.ru/files/001c/23/e3/25873.png
https://nxvrlnd.ru/viewtopic.php?id=306 … 13#p559752

0

858

https://upforme.ru/uploads/001a/f6/b2/2/687896.png
Ваша реклама

0

859

https://upforme.ru/uploads/001c/35/8d/12/t335270.png

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

0

860

https://upforme.ru/uploads/001b/7f/e5/2/424710.png
фэнтези | nc-21 | рисованные внешности

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

0

861

https://upforme.ru/uploads/001c/92/86/5/753914.png

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

0

862

https://upforme.ru/uploads/001c/38/af/6/786848.jpg

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

0

863

https://forumstatic.ru/files/001c/7b/be/71831.png

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

0

864

https://upforme.ru/uploads/001c/87/49/2/14248.jpg
NO TIME FOR DRAGON
антуражка, средневековая мистика

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

0

865

https://breakout.rusff.me/viewtopic.php … 42#p295412

https://upforme.ru/uploads/001c/9d/17/2/798324.png

0

866

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

https://prosecco.rusff.me/viewtopic.php … p=4#p50944

0

867

https://imgfy.ru/ib/zkeoEYP8A9WuI59_1771660416.png
Ваша реклама

0

868

https://upforme.ru/uploads/001c/9f/9b/7/43690.png

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

0

869

https://imgfy.ru/ib/zkeoEYP8A9WuI59_1771660416.png
Ваша реклама

0

870

https://upforme.ru/uploads/001c/35/8d/12/t736599.jpg

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

0


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


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