[html]<fittingroom>

<!------- описание сверху ------------------------>
<div class='fit-header'> <span> магазин </span> <div>чтобы примерить элемент оформления, необходимо кликнуть по нему. можно редактировать и оформлять личное звание - кликните на него. примеряйте градиенты, цвета и картинки  плашке - и измените цвет, если он не подходит!
<br> обновления наполнения магазина будет происходить один раз в месяц </div> </div>

<fitprofile>

<div class="fitting-room" style='display: block!important'>
    <div class='fitting-block-prof'>
        <ul>
            <li class="pa-fld1 fitting-bg">
                <img src='https://forumstatic.ru/files/001c/85/6d/39868.png' />
            </li>

            <li class="pa-author fitting-author"><a href='#'>username</a></li>
            <li class="pa-title">тестовый статус</li>

            <li class="pa-avatar fitting-avatar">
                <img src='https://forumstatic.ru/files/001c/85/6d/39868.png' />
            </li>

            <li class="pa-fld2 fitting-lz" style='margin-bottom: 10px;'>
                <lz> <a href="#" style="cursor: var(--cursor-pointer);"> Имя Фамилия </a> <span> краткое описание </span> Где-то глубоко внутри киберпространства, среди бесконечных световых границ, он чувствовал себя живым. </lz>
            </li>

            <div style='display: flex;justify-content: center;'>
                <li class="pa-posts"><span class="fld-name">Сообщений:</span> 000</li>
                <li class="pa-respect"><span class="fld-name"><a href="/respect.php?id=1312" rel="nofollow">Репутация</a>:</span> <span>+000</span></li>
                <li class="pa-fld4"><span class="fld-name"></span> 123</li>
            </div>

            <li class="pa-fld5 fitting-plaque">
                <div class="plaque" style="background: linear-gradient(45deg, black, #788b7b, #0d6c5b);">
                    <p>первая строка текста</p>
                    <p>вторая строка текста</p>
                </div>
                <proficon><img src="https://forumstatic.ru/files/001c/17/76/35191.png"></proficon>
            </li>
        </ul>
    </div>

    <div class="plaque-controls" style="margin-top: 20px; padding: 10px;">
        <div style="font-weight:bold; margin-bottom:10px;">Настройки плашки</div>
           
        <input type="text" id="ctrl-text1" class="plaque-input" placeholder="Строка 1" maxlength="30" style="width:100%; margin-bottom:5px; box-sizing:border-box;">
        <input type="text" id="ctrl-text2" class="plaque-input" placeholder="Строка 2" maxlength="40" style="width:100%; margin-bottom:10px; box-sizing:border-box;">
           
        <div style="display:flex; flex-direction:column; gap:8px;">
            <input type="checkbox" id="ctrl-gradient-check" style="display:none;">
            <label for="ctrl-gradient-check" class="gradient-btn-style">Использовать градиент</label>
               
            <div style="display:flex; gap:10px; align-items:center;">
                <label style="font-size:11px;">Цвет 1: <input type="color" id="ctrl-color1" value="#0d6c5b"></label>
                <label id="wrap-color2" style="font-size:11px; display:none; align-items: center;">
                    Цвет 2: <input type="color" id="ctrl-color2" value="#000000">
                </label>
            </div>
               
            <label style="font-size:11px;">Цвет текста: <input type="color" id="ctrl-text-color" value="#ffffff"></label>
            <input type="hidden" id="ctrl-bg-url" value="">
        </div>
    </div>
   
    <button type="button" class="fit-copy">копировать оформление</button>
    <button type="button" class="fit-cleardata">очистить</button>
</div>

<style>
.fit-notification {
    position: fixed; bottom: 20px; right: 20px;
    background: #333; color: #fff; padding: 10px 20px;
    border-radius: 5px; z-index: 10000; display: none;
    font-family: sans-serif; font-size: 13px;
}
</style>

</fitprofile>
<!-------------- ИКОНКИ --------------------------------------------------------------------------------->
<fitcont><fittingicons data-title='иконки: 700 фунтов'>
    <input type="text" class="icon-input" placeholder="вставьте ссылку на изображение" >
<button type="button" class="fit-icon">применить</button>

<div>

<div><img src='https://i.imgur.com/hHVCqyz.png' /></div>
<div><img src='https://i.imgur.com/3pbkk45.gif' /></div>
<div><img src='https://i.imgur.com/lUDUvn9.gif' /></div>
<div><img src='https://i.imgur.com/yqPmt4d.png' /></div>
<div><img src='https://i.imgur.com/lqtAj4E.png' /></div>
<div><img src='https://i.imgur.com/sjLMfhi.png' /></div>
<div><img src='https://i.imgur.com/tAQbTvd.png' /></div>
<div><img src='https://i.imgur.com/LVzM3TK.png' /></div>
<div><img src='https://i.imgur.com/GxtoXeQ.gif' /></div>
<div><img src='https://i.imgur.com/9k3eG6p.gif' /></div>
<div><img src='https://i.imgur.com/W92ydyN.gif' /></div>
<div><img src='https://i.imgur.com/EWAeK3d.gif' /></div>
<div><img src='https://i.imgur.com/ED1Kvn6.png' /></div>
<div><img src='https://i.imgur.com/ksuT1oe.gif' /></div>
<div><img src='https://i.imgur.com/5Hyfuo9.gif' /></div>
<div><img src='https://i.imgur.com/lvTu72q.png' /></div>
<div><img src='https://i.imgur.com/WtjoFZ2.png' /></div>
<div><img src='https://i.imgur.com/MeyXo91.gif' /></div>
<div><img src='https://i.imgur.com/OsWQKYU.gif' /></div>
<div><img src='https://i.imgur.com/xZMN45x.gif' /></div>
<div><img src='https://i.imgur.com/xVatnWt.gif' /></div>
<div><img src='https://i.imgur.com/L4Mn9p2.gif' /></div>
<div><img src='https://i.imgur.com/ZKymWQb.gif' /></div>
<div><img src='https://i.imgur.com/utzSsGn.gif' /></div>
<div><img src='https://i.imgur.com/hpijdHM.gif' /></div>
<div><img src='https://i.imgur.com/vC5Tm7z.gif' /></div>
<div><img src='https://i.imgur.com/IeuyyvI.gif' /></div>
<div><img src='https://i.imgur.com/lmCcmtS.gif' /></div>
<div><img src='https://i.imgur.com/kqVqRCi.gif' /></div>
<div><img src='https://i.imgur.com/u7w7plp.gif' /></div>
<div><img src='https://i.imgur.com/ran2haH.gif' /></div>
<div><img src='https://i.imgur.com/XCcvxpZ.gif' /></div>

</div>

</fittingicons>

<!-------------- ФОНЫ --------------------------------------------------------------------------------->
<fittingbg data-title='фоны: 1500 фунтов'>
    <input type="text" class="bg-input" placeholder="вставьте ссылку на изображение" >
<button type="button" class="fit-bg">применить</button>

<div>

<div><img src='https://i.imgur.com/tO8zOuI.jpeg' /></div>
<div><img src='https://i.imgur.com/NHZAt15.jpeg' /></div>
<div><img src='https://i.imgur.com/8ZfcNDV.jpeg' /></div>
<div><img src='https://i.imgur.com/iOy5Ety.jpeg' /></div>
<div><img src='https://i.imgur.com/UkCQTs8.jpeg' /></div>
<div><img src='https://i.imgur.com/ej5rjSS.jpeg' /></div>
<div><img src='https://i.imgur.com/2tMq3U4.jpeg' /></div>
<div><img src='https://i.imgur.com/gF90XDG.jpeg' /></div>
<div><img src='https://i.imgur.com/ws4cxlV.jpeg' /></div>
<div><img src='https://i.imgur.com/OP9Y6hU.jpeg' /></div>
<div><img src='https://i.imgur.com/CFSX8U5.jpeg' /></div>
<div><img src='https://i.imgur.com/V7PRzIG.png' /></div>
<div><img src='https://i.imgur.com/ADJPsOo.jpeg' /></div>
<div><img src='https://i.imgur.com/VHoKOfT.jpeg' /></div>
<div><img src='https://i.imgur.com/WbES9Hk.jpeg' /></div>
<div><img src='https://i.imgur.com/49gkxaA.jpeg' /></div>
<div><img src='https://i.imgur.com/ZmYMP2o.jpeg' /></div>
<div><img src='https://i.imgur.com/QFNx22r.jpeg' /></div>
<div><img src='https://i.imgur.com/cnwSA1V.jpeg' /></div>
<div><img src='https://i.imgur.com/Ts5nfYG.jpeg' /></div>
<div><img src='https://i.imgur.com/t2doVcm.jpeg' /></div>
<div><img src='https://i.imgur.com/EUNn7ov.jpeg' /></div>
<div><img src='https://i.imgur.com/ZPChQp2.jpeg' /></div>
<div><img src='https://i.imgur.com/vsukS1b.jpeg' /></div>

</div>

</fittingbg>

<!-------------- ФОНЫ ДЛЯ ЛИЧНОЙ СТРАНИЦЫ --------------------------------------------------------------------------->
<div class='fit-ppbgs' data-title='фоны лс: 1500 фунтов'><div>

<div><img src="https://i.imgur.com/uCCpL43.png"></div>
<div><img src="https://i.imgur.com/uGjaFsJ.png"></div>
<div><img src="https://i.imgur.com/WiYMTYg.png"></div>
<div><img src="https://i.imgur.com/PZbaYc4.jpeg"></div>
<div><img src="https://i.imgur.com/K1PqBp9.png"></div>
<div><img src="https://i.imgur.com/rnAv83L.png"></div>
<div><img src="https://i.imgur.com/IGMWejV.png"></div>
<div><img src="https://i.imgur.com/IQTyRh6.jpeg"></div>

</div></div>

<!-------------- ПЛАШКИ --------------------------------------------------------------------------------->
<fittingplaque data-title='плашки: 600 фунтов'>
    <input type="text" class="plaq-input" placeholder="вставьте ссылку на изображение" >
<button type="button" class="fit-plaq">применить</button>
<div>

<div class="gradient" data-colors="#000,#615142,#CBD5D3" data-angle="45deg" style='background: linear-gradient(45deg, #615142,#CBD5D3)'></div>
<div class="gradient" data-colors="#000,#79583e,#3a2a2b" data-angle="45deg" style='background: linear-gradient(45deg, #79583e,#3a2a2b)'></div>
<div class="gradient" data-colors="#000,#5b6759,#8b805a" data-angle="45deg" style='background: linear-gradient(45deg, #5b6759,#8b805a)'></div>
<div class="gradient" data-colors="#000,#b3b7ad,#351b00" data-angle="45deg" style='background: linear-gradient(45deg, #b3b7ad,#351b00)'></div>
<div class="gradient" data-colors="#000,#c9beb4,#d8d1ca" data-angle="45deg" style='background: linear-gradient(45deg, #c9beb4,#d8d1ca)'></div>
<div class="gradient" data-colors="#000,#82623d,#e5cba0" data-angle="45deg" style='background: linear-gradient(45deg, #82623d,#e5cba0)'></div>
<div class="gradient" data-colors="#000,#3f3f3f,#c2c2c2" data-angle="45deg" style='background: linear-gradient(45deg, #3f3f3f,#c2c2c2)'></div>
<div class="gradient" data-colors="#000,#5e0e1f,#3a0710" data-angle="45deg" style='background: linear-gradient(45deg, #5e0e1f,#3a0710)'></div>
<div class="gradient" data-colors="#000,#295135,#b18943" data-angle="45deg" style='background: linear-gradient(45deg, #295135,#b18943)'></div>
<div class="color" data-color="#312d2c" style=' background: #312d2c'></div>
<div class="color" data-color="#676451" style=' background: #676451'></div>
<div class="color" data-color="#a98466" style=' background: #a98466'></div>
<div class="gradient" data-colors="#000,#22354e,#0a0f19" data-angle="45deg" style='background: linear-gradient(45deg, #22354e,#0a0f19)'></div>
<div class="gradient" data-colors="#000,#1f473f,#0a0f19" data-angle="45deg" style='background: linear-gradient(45deg, #1f473f,#0a0f19)'></div>
<div class="color" data-color="#684a30" style=' background: #684a30'></div>
<div class="gradient" data-colors="#000,#8b7452,#f5e9cf" data-angle="45deg" style='background: linear-gradient(45deg, #8b7452,#f5e9cf)'></div>
<div class="color" data-color="#27262b" style=' background: #27262b'></div>
<div class="gradient" data-colors="#000,#4e4155,#4d5d5d" data-angle="45deg" style='background: linear-gradient(45deg, #4e4155,#4d5d5d)'></div>
<div class="gradient" data-colors="#000,#c45344,#41272e" data-angle="45deg" style='background: linear-gradient(45deg, #c45344,#41272e)'></div>
<div class="gradient" data-colors="#000,#3b6088,#92332f" data-angle="45deg" style='background: linear-gradient(45deg, #3b6088,#92332f)'></div>
<div class="color" data-color="#688885" style=' background: #688885'></div>
<div class="color" data-color="#4d4550" style=' background: #4d4550'></div>

</div></fittingplaque>

<!-------------- ПОДАРКИ --------------------------------------------------------------------------------->
<div class='fit-tokens' data-title='подарки: 300 фунтов'><div>

<div><img src="https://i.imgur.com/djddfGj.png"></div>
<div><img src="https://i.imgur.com/wBb63FB.png"></div>
<div><img src="https://i.imgur.com/4ybzg0Y.png"></div>
<div><img src="https://i.imgur.com/GcDBEJy.png"></div>
<div><img src="https://i.imgur.com/hJvXEFP.png"></div>
<div><img src="https://i.imgur.com/lPfBZ5W.png"></div>
<div><img src="https://i.imgur.com/83oPbVs.png"></div>
<div><img src="https://i.imgur.com/YHatfu1.png"></div>
<div><img src="https://i.imgur.com/Q8oJcFy.png"></div>
<div><img src="https://i.imgur.com/E8almZQ.png"></div>
<div><img src="https://i.imgur.com/MoCo6Xn.png"></div>
<div><img src="https://i.imgur.com/Upm0kQU.png"></div>
<div><img src="https://i.imgur.com/igLTVs4.png"></div>
<div><img src="https://i.imgur.com/vmFS1dZ.png"></div>
<div><img src="https://i.imgur.com/RjoX0Xi.png"></div>
<div><img src="https://i.imgur.com/eSdjEPD.png"></div>
<div><img src="https://i.imgur.com/ouoQZjK.png"></div>
<div><img src="https://i.imgur.com/n3C5Eoh.png"></div>
<div><img src="https://i.imgur.com/w8mMDsq.png"></div>
<div><img src="https://i.imgur.com/7aunXnc.png"></div>
<div><img src="https://i.imgur.com/B2UPs6k.png"></div>
<div><img src="https://i.imgur.com/NnsaZyI.png"></div>
<div><img src="https://i.imgur.com/6QKN1UR.png"></div>
<div><img src="https://i.imgur.com/00y9R6M.png"></div>
<div><img src="https://i.imgur.com/J8t62DA.png"></div>

</div></div>

</fitcont>

</fittingroom>

[/html][hideprofile]