возможно линеечки

[html]<div class="gemini_topic">
<div class="gemini_topic_title">
<div class="gemini_topic_humanized">Конструктор линеечек</div>
<div class="gemini_topic_directive">G:\TICKERS</div>
</div>

<div class="gemini_topic_minititle">заполни форму ниже, нажми кнопку сгенерировать код и получи линеечку себе в подпись</div>
<div class="gemini_topic_block2"><p class="point">это абсолютно бесплатно</p>
<p class="point">ты можешь менять линеечки столько раз, сколько твоей душе угодно</p>
<p class="point">можно поставить сразу несколько, но избегай нагромождения в подписи, чтобы всем было удобно</p>
<p class="point">если ты решил что то поменять, после того, как уже нажал сгенерировать код, нажми кнопку еще раз, чтобы изменения вступили в силу</p>
<p class="point">полученный код необходимо вставить в подпись в том виде, в котором выдал генератор</p>
<p class="point">в процентных линеечках ты можешь менять проценты уже у себя в подписи, без необходимости переосбирать код. просто найди соответствующую строку (это строка кода с названием твоей линеечки) и поменяй цифры в конце</p>
<p class="point">в линеечках с датами, расчет дат меняется автоматически каждый день</p></div> <br>

<div class="tg-grid">

<div class="tg-col">
<label class="tg-lbl">тип шкалы</label>
<select id="gt_type" class="tg-sel">
<option value="slider">ползунок</option>
<option value="date">счетчик времени</option>
</select>
</div>

<div class="tg-col">
<label class="tg-lbl">ширина линеечки</label>
<select id="gt_size" class="tg-sel">
<option value="480px">стандартная (480px)</option>
<option value="320px">компактная (320px)</option>
<option value="100%">на всю ширину (100%)</option>
</select>
</div>

<div id="gt_box_date_row" class="tg-full" style="display: none; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px;">
<div class="tg-col">
<label class="tg-lbl">Тип отсчета времени</label>
<select id="gt_date_dir" class="tg-sel">
<option value="since">сколько прошло ( ролевой стаж / вместе с кем - то)</option>
<option value="until">сколько осталось (дедлайн / ожидание)</option>
</select>
</div>
<div class="tg-col">
<label class="tg-lbl">дата события</label>
<input type="date" id="gt_date" class="tg-inp">
</div>
</div>

<div class="tg-col">
<label class="tg-lbl">выравнивание шкалы</label>
<select id="gt_align" class="tg-sel">
<option value="center">по центру</option>
<option value="left">по левому краю</option>
<option value="right">по правому краю</option>
</select>
</div>

<div class="tg-col">
<label class="tg-lbl">формат статуса снизу</label>
<select id="gt_status_mode" class="tg-sel">
<option value="dual">две границы по бокам</option>
<option value="single">один статус по центру</option>
<option value="none">без статуса</option>
</select>
</div>

<div class="tg-full">
<label class="tg-lbl">заголовок шкалы и цвет названия</label>
<div class="tg-color-row-inline">
<input type="text" id="gt_title" class="tg-inp" placeholder="введите текст...">
<div class="tg-color-btn-wrap">
<input type="color" id="gt_title_color" class="tg-color-btn" value="#ffffff" title="выбрать цвет названия">
</div>
</div>
</div>

<div id="gt_bounds_wrap" class="tg-full tg-grid" style="grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px;">
<div class="tg-col">
<label class="tg-lbl">левая граница</label>
<input type="text" id="gt_left" class="tg-inp" placeholder="введите текст...">
</div>
<div class="tg-col">
<label class="tg-lbl">правая граница</label>
<input type="text" id="gt_right" class="tg-inp" placeholder="введите текст...">
</div>
</div>

<div id="gt_single_wrap" class="tg-full">
<label class="tg-lbl">статус / подпись по центру</label>
<input type="text" id="gt_single" class="tg-inp" placeholder="например: на просторах ролевой...">
</div>

<div id="gt_box_range" class="tg-full">
<div style="display: flex; justify-content: space-between; align-items: center;">
<label class="tg-lbl" style="margin-bottom: 0;">Положение бегунка</label>
<span id="gt_range_val" style="font-size: 11px; font-weight: bold;">20%</span>
</div>
<input type="range" id="gt_range" class="tg-range" min="0" max="100" value="20">
</div>

<div class="tg-col">
<label class="tg-lbl">иконка бегунка и её цвет</label>
<div class="tg-color-row-inline">
<select id="gt_icon" class="tg-sel">
<option value="none" selected>[Без бегунка]</option>
<option value="custom">★ [Своя картинка...]</option>
<option value="✦">✦ Сияние</option>
<option value="✧">✧ Звезда</option>
<option value="●">● Точка</option>
<option value="☾">☾ Луна</option>
<option value="♡">♡ Контур сердца</option>
<option value="❦">❦ Цветочное сердце</option>
<option value="♠">♠ Пики</option>
<option value="♥">♥ Червы</option>
<option value="🖤">🖤 Черное сердце</option>
<option value="🤍">🤍 Белое сердце</option>
<option value="💔">💔 Разбитое сердце</option>
<option value="🥀">🥀 Роза</option>
<option value="🦋">🦋 Бабочка</option>
<option value="👑">👑 Корона</option>
<option value="🪐">🪐 Планета</option>
<option value="🩸">🩸 Кровь</option>
<option value="🗡️">🗡️ Клинок</option>
<option value="🔥">🔥 Пламя</option>
<option value="💀">💀 Череп</option>
<option value="☕">☕ Кофе</option>
<option value="⏳">⏳ Часы</option>
<option value="📖">📖 Книга</option>
<option value="🐈">🐈 Кот</option>
<option value="🍀">🍀 Клевер</option>
</select>
<div class="tg-color-btn-wrap">
<input type="color" id="gt_icon_color" class="tg-color-btn" value="#000080" title="выбрать цвет бегунка">
</div>
</div>
</div>

<div class="tg-col">
<label class="tg-lbl">скругление краев и цвет текста</label>
<div class="tg-color-row-inline">
<select id="gt_radius" class="tg-sel">
<option value="default">по умолчанию темы</option>
<option value="0px">прямоугольные</option>
<option value="6px">скругленные</option>
<option value="12px">мягкие </option>
<option value="20px">овальные </option>
</select>
<div class="tg-color-btn-wrap">
<input type="color" id="gt_text_color" class="tg-color-btn" value="#000000" title="выбрать цвет текста">
</div>
</div>
</div>

<div id="gt_custom_icon_wrap" class="tg-full" style="display: none;">
<label class="tg-lbl">картинка бегунка</label>
<div style="display: flex; gap: 6px;">
<div class="tg-input-clear-wrap">
<input type="text" id="gt_icon_custom" class="tg-inp" placeholder="ссылка на картинку...">
<span class="tg-clear-btn" data-target="gt_icon_custom" title="очистить поле">×</span>
</div>
<button type="button" class="tg-file-btn" id="gt_icon_file_btn">Обзор...</button>
</div>
</div>

<div class="tg-col">
<label class="tg-lbl">цвет шкалы</label>
<div class="tg-color-row" id="gt_bar_row">
<span id="gt_bar_def_label" class="tg-color-status-text">по умолчанию</span>
<div id="gt_bar_pick_wrap" class="tg-color-controls">
<div class="tg-color-pick-item">
<input type="color" id="gt_bar_c1" class="tg-color-btn" value="#000080" title="цвет 1">
</div>
<div class="tg-color-pick-item" id="gt_bar_c2_wrap" style="display: none;">
<input type="color" id="gt_bar_c2" class="tg-color-btn" value="#1084d0" title="цвет 2">
</div>
<label class="tg-grad-toggle">
<input type="checkbox" id="gt_bar_grad">
<span>градиент</span>
</label>
</div>
<button type="button" class="tg-opt-btn" id="gt_toggle_bar_btn">изменить</button>
</div>
</div>

<div class="tg-col">
<label class="tg-lbl">Фон карточки</label>
<div class="tg-color-row" id="gt_bg_row">
<span id="gt_bg_def_label" class="tg-color-status-text">по умолчанию</span>
<div id="gt_bg_pick_wrap" class="tg-color-controls">
<div class="tg-color-pick-item">
<input type="color" id="gt_bg_c1" class="tg-color-btn" value="#c0c0c0" title="Фон 1">
</div>
<div class="tg-color-pick-item" id="gt_bg_c2_wrap" style="display: none;">
<input type="color" id="gt_bg_c2" class="tg-color-btn" value="#dfdfdf" title="Фон 2">
</div>
<label class="tg-grad-toggle">
<input type="checkbox" id="gt_bg_grad">
<span>градиент</span>
</label>
</div>
<button type="button" class="tg-opt-btn" id="gt_toggle_bg_btn">изменить</button>
</div>
</div>

<div class="tg-full">
<label class="tg-lbl">фон карточки картинкой</label>
<div style="display: flex; gap: 6px;">
<div class="tg-input-clear-wrap">
<input type="text" id="gt_bg_img" class="tg-inp" placeholder="ссылка на картинку...">
<span class="tg-clear-btn" data-target="gt_bg_img" title="очистить поле">×</span>
</div>
<button type="button" class="tg-file-btn" id="gt_bg_file_btn">обзор...</button>
</div>
</div>

<div class="tg-full">
<label class="tg-lbl">Тема шкалы</label>
<div class="tg-styles">
<div class="tg-s-btn active" data-style="win98">Win 98 Setup</div>
<div class="tg-s-btn" data-style="wmp">WMP 11 Player</div>
<div class="tg-s-btn" data-style="userbar">2007 Userbar</div>
<div class="tg-s-btn" data-style="beon">BeOn Diary</div>
<div class="tg-s-btn" data-style="thermo">Термометр</div>
<div class="tg-s-btn" data-style="scroll">Свиток Судьбы</div>
<div class="tg-s-btn" data-style="chibi">Pixel Chibi</div>
<div class="tg-s-btn" data-style="y2k">Windows XP</div>
<div class="tg-s-btn" data-style="winamp">Winamp 2007</div>
<div class="tg-s-btn" data-style="icq">ICQ 2007</div>
<div class="tg-s-btn" data-style="emo">Эмо 2007</div>
<div class="tg-s-btn" data-style="vk">VK 2007</div>
<div class="tg-s-btn" data-style="nokia">Nokia 3310</div>
<div class="tg-s-btn" data-style="tama">Tamagotchi</div>
<div class="tg-s-btn" data-style="gemini">Gemini Neon</div>
<div class="tg-s-btn" data-style="noir">Dark Noir</div>
<div class="tg-s-btn" data-style="cyber">Cyber Cyan</div>
<div class="tg-s-btn" data-style="crimson">Crimson Noir</div>
<div class="tg-s-btn" data-style="pill">Capsule Pill</div>
<div class="tg-s-btn" data-style="gothic">Gothic Book</div>
</div>
</div>

</div>

<button type="button" class="tg-submit tg-btn-generate" id="gt_generate_btn">сгенерировать код</button>

<div style="margin-top: 15px;">
<div class="tg-lbl">предпросмотр линеечки</div>
<div class="tg-prev-box">
<div id="gt_preview" style="width: 100%;"></div>
</div>
</div>

<div id="gt_result_box" style="display: none; margin-top: 15px;">
<div class="tg-lbl">Код для вставки в профиль (профиль → подпись)</div>
<textarea id="gt_output" class="tg-code-box" readonly></textarea>
<button type="button" class="tg-submit tg-btn-copy" id="gt_copy_btn">скопировать код в подпись</button>
</div>

</div>

</div>
</div>

function startApp() {
if (window.initTickerApp) window.initTickerApp();
if (window.runRusffTickers) window.runRusffTickers();
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', startApp);
} else {
startApp();
}
})();
</script>[/html]

[hideprofile]

[html]<style>
#post-form:not(.gid1 #post-form):not(.gid2 #post-form) {
display: none !important;
}

.pl-edit:not(.gid1 .pl-edit):not(.gid2 .pl-edit) {
display: none !important;
}

.pl-delete:not(.gid1 .pl-delete):not(.gid2 .pl-delete) {
display: none !important;}
</style>[/html]