[html]<fittingroom id='fitroom'>
<!------- описание сверху ------------------------>
<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>
</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>
<div class="des-flags">
<span class="flags-title" style='width: 100%; text-align: center'>куда добавлять?</span>
<label class="flag-btn">
<input type="checkbox" class="plaque-flag" value="для личной страницы">
<span>в лс</span>
</label>
<label class="flag-btn">
<input type="checkbox" class="plaque-flag" value="для профиля">
<span>в профиль</span>
</label>
</div>
<button type="button" class="fit-copy">копировать оформление</button>
<button type="button" class="fit-cleardata">очистить</button>
</ul>
</div></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/iu8hH0u.gif' /></div>
<div><img src='https://i.imgur.com/aDLCBsi.gif' /></div>
<div><img src='https://i.imgur.com/CwJEuvu.gif' /></div>
<div><img src='https://i.imgur.com/pYc3WDi.gif' /></div>
<div><img src='https://i.imgur.com/iW5JHPN.gif' /></div>
<div><img src='https://i.imgur.com/U38PZWE.gif' /></div>
<div><img src='https://i.imgur.com/zjUpQgP.gif' /></div>
<div><img src='https://i.imgur.com/SSAVOVP.gif' /></div>
<div><img src='https://i.imgur.com/blOzll6.gif' /></div>
<div><img src='https://i.imgur.com/pmAbpsA.gif' /></div>
<div><img src='https://i.imgur.com/TRaPfGu.gif' /></div>
<div><img src='https://i.imgur.com/mOgLwld.gif' /></div>
<div><img src='https://i.imgur.com/UOFUb0S.gif' /></div>
<div><img src='https://i.imgur.com/HTza9wb.gif' /></div>
<div><img src='https://i.imgur.com/hylpcHy.gif' /></div>
<div><img src='https://i.imgur.com/wZt59hq.gif' /></div>
<div><img src='https://i.imgur.com/4kaCGL2.gif' /></div>
<div><img src='https://i.imgur.com/cP6Vpu7.gif' /></div>
<div><img src='https://i.imgur.com/ZYq7u7S.gif' /></div>
<div><img src='https://i.imgur.com/AtUX1Or.gif' /></div>
<div><img src='https://i.imgur.com/fiaiiSj.gif' /></div>
<div><img src='https://i.imgur.com/7Hg2ceM.gif' /></div>
<div><img src='https://i.imgur.com/z05Sy5i.gif' /></div>
<div><img src='https://i.imgur.com/mgI8JS2.gif' /></div>
<div><img src='https://i.imgur.com/0Nzfwep.gif' /></div>
<div><img src='https://i.imgur.com/4Ik33AX.gif' /></div>
<div><img src='https://i.imgur.com/St1bISZ.gif' /></div>
<div><img src='https://i.imgur.com/VFLcE7f.gif' /></div>
<div><img src='https://i.imgur.com/wj6G6j0.gif' /></div>
<div><img src='https://i.imgur.com/QFgRuYB.png' /></div>
<div><img src='https://i.imgur.com/NRZsJGF.png' /></div>
<div><img src='https://i.imgur.com/QRcUqKG.png' /></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/TxcRbna.jpeg' /></div>
<div><img src='https://i.imgur.com/HF1PIhV.jpeg' /></div>
<div><img src='https://i.imgur.com/Ey1AjwY.jpeg' /></div>
<div><img src='https://i.imgur.com/kZUCVdF.jpeg' /></div>
<div><img src='https://i.imgur.com/HxXiv6b.jpeg' /></div>
<div><img src='https://i.imgur.com/5fUdQsV.jpeg' /></div>
<div><img src='https://i.imgur.com/7KJvi17.jpeg' /></div>
<div><img src='https://i.imgur.com/KlG4FFd.jpeg' /></div>
<div><img src='https://i.imgur.com/3SAomPY.jpeg' /></div>
<div><img src='https://i.imgur.com/5d6X0AW.jpeg' /></div>
<div><img src='https://i.imgur.com/H7Y1wCI.jpeg' /></div>
<div><img src='https://i.imgur.com/4bQwap5.jpeg' /></div>
<div><img src='https://i.imgur.com/1deurQt.jpeg' /></div>
<div><img src='https://i.imgur.com/eBXxA51.jpeg' /></div>
<div><img src='https://i.imgur.com/nl6iewp.jpeg' /></div>
<div><img src='https://i.imgur.com/w5eCMr5.jpeg' /></div>
<div><img src='https://i.imgur.com/xK8H420.jpeg' /></div>
<div><img src='https://i.imgur.com/JCY2Zij.jpeg' /></div>
<div><img src='https://i.imgur.com/EilfoBD.jpeg' /></div>
<div><img src='https://i.imgur.com/ApO0QUo.jpeg' /></div>
<div><img src='https://i.imgur.com/Up0e4IS.jpeg' /></div>
<div><img src='https://i.imgur.com/mW0pfWd.jpeg' /></div>
<div><img src='https://i.imgur.com/R1k8rOI.png' /></div>
<div><img src='https://i.imgur.com/LFnkQJ9.jpeg' /></div>
<div><img src='https://i.imgur.com/EVwdnxZ.jpeg' /></div>
<div><img src='https://i.imgur.com/AKsWWDQ.jpeg' /></div>
<div><img src='https://i.imgur.com/9dyFCd7.jpeg' /></div>
<div><img src='https://i.imgur.com/FlsWSsL.jpeg' /></div>
<div><img src='https://i.imgur.com/bLwsKyp.jpeg' /></div>
<div><img src='https://i.imgur.com/CcETyDY.jpeg' /></div>
<div><img src='https://i.imgur.com/QQIDDbc.jpeg' /></div>
<div><img src='https://i.imgur.com/W8ZpMue.jpeg' /></div>
<div><img src='https://i.imgur.com/u4ruf6P.jpeg' /></div>
<div><img src='https://i.imgur.com/aBCkkdM.jpeg' /></div>
<div><img src='https://i.imgur.com/dAOIuoL.jpeg' /></div>
<div><img src='https://i.imgur.com/djUYMnU.jpeg' /></div>
<div><img src='https://i.imgur.com/lIzTgsK.jpeg' /></div>
<div><img src='https://i.imgur.com/S1q0570.jpeg' /></div>
<div><img src='https://i.imgur.com/oqYJsKc.jpeg' /></div>
<div><img src='https://i.imgur.com/2AODJNL.jpeg' /></div>
<div><img src='https://i.imgur.com/IrsUki9.jpeg' /></div>
<div><img src='https://i.imgur.com/51mcZhX.jpeg' /></div>
<div><img src='https://i.imgur.com/IaMZvsj.jpeg' /></div>
</div>
</fittingbg>
<!-------------- ФОНЫ ДЛЯ ЛИЧНОЙ СТРАНИЦЫ --------------------------------------------------------------------------->
<div class='fit-ppbgs' data-title='фоны лс: 500 фунтов'><div>
<div><img src="https://i.imgur.com/r0sDH19.png"></div>
<div><img src="https://i.imgur.com/5qvaXGb.png"></div>
<div><img src="https://i.imgur.com/Je2lZs5.png"></div>
<div><img src="https://i.imgur.com/p3eNdTK.png"></div>
<div><img src="https://i.imgur.com/mZrO3J2.png"></div>
<div><img src="https://i.imgur.com/r8SVuqj.png"></div>
<div><img src="https://i.imgur.com/xSNXHHC.png"></div>
<div><img src="https://i.imgur.com/0rQ0ew4.png"></div>
<div><img src="https://i.imgur.com/5hirTpx.png"></div>
<div><img src="https://i.imgur.com/qn2yJv1.png"></div>
<div><img src="https://i.imgur.com/eBT13lW.png"></div>
<div><img src="https://i.imgur.com/MDJJ9Cd.png"></div>
<div><img src="https://i.imgur.com/SGAh4bN.png"></div>
<div><img src="https://i.imgur.com/ose4Cve.png"></div>
<div><img src='https://i.imgur.com/2r680w0.png' /></div>
<div><img src='https://i.imgur.com/fF0Z0Km.png' /></div>
</div></div>
<!-------------- ПЛАШКИ --------------------------------------------------------------------------------->
<fittingplaque data-title='плашки: 600 фунтов'>
<input type="text" class="plaq-input" placeholder="вставьте ссылку на изображение" >
<button type="button" class="fit-plaq">применить</button>
<div>
<div> <img src='https://i.imgur.com/uv2190g.gif'></div>
<div class="gradient" style="background: url('https://i.imgur.com/uv2190g.gif') center center / cover no-repeat;"></div>
<div class="gradient" style="background: url('https://i.imgur.com/80QIqiZ.gif') center center / cover no-repeat;"></div>
<div class="gradient" style="background: url('https://i.imgur.com/oKfEpqS.gif') center center / cover no-repeat;"></div>
<div class="gradient" style="background: url('https://i.imgur.com/xy1RmHl.gif') center center / cover no-repeat;"></div>
<div class="gradient" style="background: url('https://i.imgur.com/SygIChA.gif') center center / cover no-repeat;"></div>
<div class="gradient" style="background: url('https://i.imgur.com/xsDbKfy.gif') center center / cover no-repeat;"></div>
<div class="gradient" style="background: url('https://i.imgur.com/pdrnNck.gif') center center / cover no-repeat;"></div>
<div class="gradient" style="background: url('https://i.imgur.com/LCY4rRd.gif') center center / cover no-repeat;"></div>
<div class="gradient" style="background: url('https://i.imgur.com/ayRIPA7.gif') center center / cover no-repeat;"></div>
<div class="gradient" style="background: url('https://i.imgur.com/bcrnLpM.gif') center center / cover no-repeat;"></div>
<div class="gradient" style="background: url('https://i.imgur.com/wkhv34z.gif') center center / cover no-repeat;"></div>
<div class="gradient" style="background: url('https://i.imgur.com/Bt8foUw.gif') center center / cover no-repeat;"></div>
<div class="gradient" data-colors="#d94b20,#4a6368" data-angle="45deg" style='background: linear-gradient(45deg, #d94b20,#4a6368)'></div>
<div class="color" data-color="#496047" style=' background: #496047'></div>
<div class="color" data-color="#a6d3d0" style=' background: #a6d3d0'></div>
<div class="gradient" data-colors="#21548c,#000211" data-angle="45deg" style='background: linear-gradient(45deg, #21548c,#000211)'></div>
<div class="gradient" data-colors="#113251,#911820" data-angle="45deg" style='background: linear-gradient(45deg, #113251,#911820)'></div>
<div class="gradient" data-colors="#af7270,#533018" data-angle="45deg" style='background: linear-gradient(45deg, #af7270,#533018)'></div>
<div class="color" data-color="#833434" style=' background: #833434'></div>
<div class="color" data-color="#374568" style=' background: #374568'></div>
<div class="gradient" data-colors="#a08d9a,#4d5177" data-angle="45deg" style='background: linear-gradient(45deg, #a08d9a,#4d5177)'></div>
<div class="color" data-color="#a84404" style=' background: #a84404'></div>
<div class="color" data-color="#022d35" style=' background: #022d35'></div>
<div class="gradient" data-colors="#9cbadd,#556f8b" data-angle="45deg" style='background: linear-gradient(45deg, #9cbadd,#556f8b)'></div>
<div class="gradient" data-colors="#7f9394,#ba9897" data-angle="45deg" style='background: linear-gradient(45deg, #7f9394,#ba9897)'></div>
<div class="gradient" data-colors="#bcc1e1,#57509b" data-angle="45deg" style='background: linear-gradient(45deg, #bcc1e1,#57509b)'></div>
</div></fittingplaque>
<!-------------- ПОДАРКИ --------------------------------------------------------------------------------->
<div class='fit-tokens' data-title='подарки: 300 фунтов'><div>
<div><img src="https://i.imgur.com/obcBwZT.gif"></div>
<div><img src="https://i.imgur.com/22Q9vDq.png"></div>
<div><img src="https://i.imgur.com/GBWMJxJ.png"></div>
<div><img src="https://i.imgur.com/0oscZtx.gif"></div>
<div><img src="https://i.imgur.com/jTZ7vCy.gif"></div>
<div><img src="https://forumstatic.ru/files/001c/92/a0/24334.png"></div>
<div><img src="https://forumstatic.ru/files/001c/92/a0/90625.png"></div>
<div><img src="https://forumstatic.ru/files/001c/92/a0/48339.png"></div>
<div><img src="https://forumstatic.ru/files/001c/92/a0/91791.png"></div>
<div><img src="https://forumstatic.ru/files/001c/92/a0/10339.png"></div>
<div><img src="https://forumstatic.ru/files/001c/92/a0/65085.png"></div>
<div><img src="https://forumstatic.ru/files/001c/92/a0/81078.png"></div>
<div><img src="https://forumstatic.ru/files/001c/92/a0/28356.png"></div>
<div><img src="https://forumstatic.ru/files/001c/92/a0/45419.png"></div>
<div><img src="https://forumstatic.ru/files/001c/92/a0/78195.png"></div>
<div><img src="https://forumstatic.ru/files/001c/92/a0/84442.png"></div>
<div><img src="https://forumstatic.ru/files/001c/92/a0/30861.png"></div>
<div><img src="https://forumstatic.ru/files/001c/92/a0/34647.png"></div>
<div><img src="https://forumstatic.ru/files/001c/92/a0/42084.png"></div>
<div><img src="https://forumstatic.ru/files/001c/92/a0/44613.png"></div>
</div></div>
</fitcont>
</fittingroom>
[/html][hideprofile]
