<!--HTML--> <style> .theme_helper { background-image: url(https://forumstatic.ru/files/0018/11/de/73264.png); position: absolute; /* left: 373px; */ margin: 0px 0px 0px 360px; width: 200px; height: 200px; z-index: 10; } .close_helper { position:absolute; width:20px; height:20px; left:175px; top:8px; cursor:pointer; z-index:12; } </style> <center><div class="ytheme3"><div class="ythimg" style="background-image: url(https://forumstatic.ru/files/0018/11/de/70514.png);"></div> <titl>запрос на коллаборацию</titl> <text style="margin: 42px 0px 0px -140px!important;">Надоело возлагать свою судьбу на волю гороскопа? Не умеешь или не хочешь бросаться в омут с головой со словами «и так сойдет!» или «сделаю, а потом посмотрю, что будет»? Что ж, не беда, заходи и расслабляйся — заполняй шаблон и ожидай судьбы, которая, надеемся, преподнесет подарок в виде классных сюжетов, веселых людей да и прочих ништяков. </text> </div></center><br><br>
<!--HTML--> <script> $(document).ready(function() { obj = $("#pun-viewtopic .post .post-content:not(:first)"); obj.each(function() { if($(this).text().indexOf('<!--anketa-->')===7){ $(this).wrap('<div class="htmldemo"></div>'); $(this).replaceWith($('.htmldemo').text().split('<!--anketa-->')[1]) }}); append_html = '<div id="psearch_icon3"></div><div id="psearch_content"></div><div id="psearch_tinder"></div>'; $('fill-form').append(append_html); }); </script> <style> #psearch_tinder { background-image:url('https://forumstatic.ru/files/0018/26/71/56110.png'); position: absolute; width:126px; height:51px; z-index:2000; left:190px; top:2px; } your-image { position: absolute; top:36px; left:32px; } your-image img { width:442px; height:443px; object-fit: cover; filter: grayscale(0.85); border-radius: 10px; } #search_link { background:white; position: absolute; width:310px; max-height:30px; left:95px; top:90px; font-size:9px; font-family: roboto; opacity: 0.4; overflow: hidden; } fill-form { background-image:url('https://forumstatic.ru/files/0018/26/71/74765.png'); position:relative; text-align: center; width:507px; height:508px; display:block; margin: auto !important; } face-claim { position: absolute; width: 380px; max-height: 30px; height: 28px; overflow: hidden; left: 42px; top: 352px; font-size: 22px; color: white; font-family: Roboto Bold; text-transform: uppercase; cursor: pointer; text-align: left; z-index: 1000; cursor: auto; display: block; } #psearch_content { background:black; position: absolute; width:442px; height:130px; top:350px; left:32px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; opacity: 0.6; filter: grayscale(1.0); cursor:auto; } your-content { position: absolute; width: 420px; height: 72px; overflow: auto; padding: 2px; left: 42px; top: 380px; font-size: 11px; color: white; font-family: 'Roboto'; text-transform: lowercase; cursor: pointer; text-align: left; z-index: 1000; text-align: justify; cursor: auto; } #psearch_icon2 { background-image: url('https://forumstatic.ru/files/0018/26/71/84990.png'); position:absolute; top:378px; left:42px; width:15px; height:19px; z-index:2000; } #psearch_icon3 { background-image: url('https://forumstatic.ru/files/0018/26/71/15937.png'); position:absolute; top:340px; left:430px; width:32px; height:34px; z-index:2000; } #psearch_texttext::-webkit-scrollbar { width: 3px; } /* Track */ #psearch_texttext::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ #psearch_texttext::-webkit-scrollbar-thumb { background: #000; } /* Handle on hover */ #psearch_texttext::-webkit-scrollbar-thumb:hover { background: #555; } </style> <fill-form><div class="theme_helper"><div style=" font-family: Roboto; width: 90px; top: 63px; left: 32px; line-height: 13px; height: 151px; position: absolute; text-align: center; font-size: 11px; color: #989898; text-shadow: 0 1px 0 #ffffff94;">Чтобы оставить заявку для поиска истории, скопируйте код в спойлере и заполните его </div><div class="close_helper" title="закрыть подсказку"></div></div> <your-image></your-image> <face-claim>Внешность</face-claim> <your-content>Дополнительный текст</your-content> </fill-form>
Код:<!--anketa--><fill-form> <your-image><img src="ссылка на изображение"></your-image> <face-claim>Внешность</face-claim> <your-content>Дополнительный текст</your-content> </fill-form>