RUSFF Gremlin's test

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

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

Вы здесь » RUSFF Gremlin's test » Тестовый форум » Мусор

Мусор

Страница: 1

Сообщений 1 страница 5 из 5

1

  • Автор: Gremlin
  • Администратор
  • Gremlin
  • Сообщений: 146
  • 13355
  • test: 123 йцукен qwerty
  • Чашек кофе: 54.8
  • https://gremlinquisitor.rusff.me/viewtopic.php?id=12#p122

Бла-бла-бла

0

2

  • Автор: Gremlin
  • Администратор
  • Gremlin
  • Сообщений: 146
  • 13355
  • test: 123 йцукен qwerty
  • Чашек кофе: 54.8
  • https://gremlinquisitor.rusff.me/viewtopic.php?id=12#p122

Gremlin

https://upforme.ru/uploads/001c/02/df/2/350924.jpg
https://upforme.ru/uploads/001c/02/df/2/759863.png

Текст

0

3

  • Автор: Gremlin
  • Администратор
  • Gremlin
  • Сообщений: 146
  • 13355
  • test: 123 йцукен qwerty
  • Чашек кофе: 54.8
  • https://gremlinquisitor.rusff.me/viewtopic.php?id=12#p122

[html]<iframe src="https://forumstatic.ru/files/001c/02/df/32114.html?v=180" width="800" frameborder="0" align="center" height="800px;"></iframe>[/html]

0

4

  • Автор: Gremlin
  • Администратор
  • Gremlin
  • Сообщений: 146
  • 13355
  • test: 123 йцукен qwerty
  • Чашек кофе: 54.8
  • https://gremlinquisitor.rusff.me/viewtopic.php?id=12#p122

ИМЯ ПЕРСОНАЖА

[indent]
[html]<style>
.item-container { display: flex; align-items: center; margin-bottom: 15px; }
.item-label { width: 200px; font-family: "Code Pro"; font-size: 14px; margin-right: 20px; }
.progress-wrapper { position: relative; flex: 1; height: 30px; display: flex; align-items: center; }
progress { width: 100%; height: 20px; appearance: none; border-radius: 10px; border: 3px solid #c8c8c8; background-color: #d1d1d1; box-shadow: inset 0 0 5px rgba(0,0,0,0.2); overflow: hidden; }
progress::-webkit-progress-bar { background-color: transparent; border-radius: 10px; border: none; }
progress::-webkit-progress-value { background: #5d76cb; border-radius: 10px 0 0 10px; }
progress::-moz-progress-bar { background: #5d76cb; border-radius: 10px; }
</style>
<div class="item-container">
  <div class="item-label">РАДОСТЬ</div>
  <div class="progress-wrapper">
    <progress id="user1" max="100" value="75"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ВОСТОРГ</div>
  <div class="progress-wrapper">
    <progress id="user2" max="100" value="22"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">СПОКОЙСТВИЕ</div>
  <div class="progress-wrapper">
    <progress id="user3" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ГРУСТЬ</div>
  <div class="progress-wrapper">
    <progress id="user4" max="100" value="75"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">СКУКА</div>
  <div class="progress-wrapper">
    <progress id="user5" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">РАЗДРАЖЕНИЕ</div>
  <div class="progress-wrapper">
    <progress id="user6" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ЗЛОСТЬ</div>
  <div class="progress-wrapper">
    <progress id="user7" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ТРЕВОЖНОСТЬ</div>
  <div class="progress-wrapper">
    <progress id="user8" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">СТРАХ</div>
  <div class="progress-wrapper">
    <progress id="user9" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ПАНИКА</div>
  <div class="progress-wrapper">
    <progress id="user10" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ЛЮБОПЫТСТВО</div>
  <div class="progress-wrapper">
    <progress id="user11" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">СТРАСТЬ/ВОЗБУЖДЕНИЕ</div>
  <div class="progress-wrapper">
    <progress id="user12" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">СМУЩЕНИЕ</div>
  <div class="progress-wrapper">
    <progress id="user13" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ЗАСТЕНЧИВОСТЬ</div>
  <div class="progress-wrapper">
    <progress id="user14" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">РЕВНОСТЬ</div>
  <div class="progress-wrapper">
    <progress id="user15" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ЧУВСТВО ВИНЫ</div>
  <div class="progress-wrapper">
    <progress id="user16" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ОТВРАЩЕНИЕ</div>
  <div class="progress-wrapper">
    <progress id="user17" max="100" value="29"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">РАВНОДУШИЕ</div>
  <div class="progress-wrapper">
    <progress id="user18" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ЗАМКНУТОСТЬ</div>
  <div class="progress-wrapper">
    <progress id="user19" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ЦИНИЗМ</div>
  <div class="progress-wrapper">
    <progress id="user20" max="100" value="83"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ЛЮБВЕОБИЛИЕ</div>
  <div class="progress-wrapper">
    <progress id="user21" max="100" value="50"></progress>
  </div>
</div>
[/html]

0

5

  • Автор: Gremlin
  • Администратор
  • Gremlin
  • Сообщений: 146
  • 13355
  • test: 123 йцукен qwerty
  • Чашек кофе: 54.8
  • https://gremlinquisitor.rusff.me/viewtopic.php?id=12#p122

ИМЯ ПЕРСОНАЖА

[indent]
[html]<style>
.item-container { display: flex; align-items: center; margin-bottom: 15px; }
.item-label { width: 200px; font-family: "Code Pro"; font-size: 14px; margin-right: 20px; }
.progress-wrapper { position: relative; flex: 1; height: 30px; display: flex; align-items: center; }
progress { width: 100%; height: 20px; appearance: none; border-radius: 10px; border: 3px solid #c8c8c8; background-color: #d1d1d1; box-shadow: inset 0 0 5px rgba(0,0,0,0.2); overflow: hidden; }
progress::-webkit-progress-bar { background-color: transparent; border-radius: 10px; border: none; }
progress::-webkit-progress-value { background: #78AB60; border-radius: 10px 0 0 10px; }
progress::-moz-progress-bar { background: #78AB60; border-radius: 10px; }
</style>
<div class="item-container">
  <div class="item-label">МЕДИЦИНА</div>
  <div class="progress-wrapper">
    <progress id="user1" max="100" value="23"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ВЕТЕРИНАРИЯ</div>
  <div class="progress-wrapper">
    <progress id="user2" max="100" value="69"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ДРЕССИРОВКА ЖИВОТНЫХ</div>
  <div class="progress-wrapper">
    <progress id="user3" max="100" value="88"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ВОЕННОЕ ДЕЛО</div>
  <div class="progress-wrapper">
    <progress id="user4" max="100" value="26"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">МОРСКОЕ ДЕЛО</div>
  <div class="progress-wrapper">
    <progress id="user5" max="100" value="83"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">СТРОИТЕЛЬСТВО</div>
  <div class="progress-wrapper">
    <progress id="user6" max="100" value="71"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ЭЛЕКТРИКА</div>
  <div class="progress-wrapper">
    <progress id="user7" max="100" value="23"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">КУЛИНАРИЯ</div>
  <div class="progress-wrapper">
    <progress id="user8" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">САДОВОДСТВО</div>
  <div class="progress-wrapper">
    <progress id="user9" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ФЕРМЕРСТВО</div>
  <div class="progress-wrapper">
    <progress id="user10" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ПСИХОТЕРАПИЯ</div>
  <div class="progress-wrapper">
    <progress id="user11" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">РУКОДЕЛИЕ</div>
  <div class="progress-wrapper">
    <progress id="user12" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">РИСОВАНИЕ</div>
  <div class="progress-wrapper">
    <progress id="user13" max="100" value="69"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ПРОГРАММИРОВАНИЕ</div>
  <div class="progress-wrapper">
    <progress id="user14" max="100" value="41"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">МЕХАНИКА</div>
  <div class="progress-wrapper">
    <progress id="user15" max="100" value="59"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">НАУКА</div>
  <div class="progress-wrapper">
    <progress id="user16" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ПРЕПОДАВАНИЕ</div>
  <div class="progress-wrapper">
    <progress id="user17" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ТОРГОВЛЯ</div>
  <div class="progress-wrapper">
    <progress id="user18" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">РЫБАЛКА</div>
  <div class="progress-wrapper">
    <progress id="user19" max="100" value="50"></progress>
  </div>
</div>
<div class="item-container">
  <div class="item-label">ОХОТА
</div>
  <div class="progress-wrapper">
    <progress id="user20" max="100" value="50"></progress>
  </div>
</div>
[/html]

0

Страница: 1

Вы здесь » RUSFF Gremlin's test » Тестовый форум » Мусор

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