Код:
<!--HTML--> <script>
$( document ).ready(function() {
user_login = window.UserLogin;
$("#store_unique_login").val(user_login);
$("#pun-viewtopic .post .post-content p").each(function() {
if($(this).text().indexOf('<!--post-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>');
$(this).replaceWith($('.htmldemo').text().split('<!--post-->')[1])
}});
$("#search_link_button").click(function(){
img_src = $('#search_link_input').val();
console.log(img_src);
$('#search_link').hide();
$('#search_link_button').hide();
$('#search_img_link').show();
$("#search_img_link").attr('src', img_src);
});
$(".close_helper").click(function() {
$('.theme_helper').hide();
});
//search_link_button
});
</script>
<style> .theme_helper { background-image: url(https://forumstatic.ru/files/0018/11/de/32648.png);
position: absolute;
/* left: 773px; */
/* top: 990px; */
margin: 150px 0px 0px 470px;
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>
<div class="theme_helper"><div style=" font-family: Roboto;
width: 70px;
top: 54px;
left: 32px;
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>
<center><div class="ytheme2"><div class="ythimg" style="background-image: url(https://forumstatic.ru/files/0018/11/de/75012.png);"></div>
<titl>взаимная подписка</titl>
<text style="margin: 49px 0px 0px -140px!important;">Это почти как флешмоб Николь, только круче раз в несколько. Увидел красивую девушку в очереди в Старбаксе и теперь мысли о ней не покидают тебя? Тебе приснился прекрасный принц, который, как тебе кажется, будет твоим единственным? Смело пиши заявку на поиск, зуб даю — найдем тех, кого ты ищешь.
</text>
</div></center><br><br>Код:
<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Roboto&subset=cyrillic,cyrillic-ext" rel="stylesheet">
<script>
$(document).ready(function() {
user_login = window.UserLogin;
$("#store_unique_login").val(user_login);
$("#pun-viewtopic .post .post-content p").each(function() {
if($(this).text().indexOf('<!--post-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>');
$(this).replaceWith($('.htmldemo').text().split('<!--post-->')[1])
}});
$("#search_link_button").click(function(){
img_src = $('#search_link_input').val();
console.log(img_src);
$('#search_link').hide();
$('#search_link_button').hide();
$('#psearch_img_wrap').show();
$("#search_img_link").attr('src', img_src);
});
$("#search_copyhtml").click(function(){
element = $('.tema_peepsearch').clone();
element .find('*').attr('contenteditable','false');
element = element.html();
$('.search_copyhtml_content').val('<!--post--> <center> <div class="tema_peepsearch">' + element + '</div></center> ');
});
});
</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;
}
#psearch_img_wrap {
position: absolute;
top:36px;
left:32px;
display:none;
}
#psearch_img_wrap 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:80px;
font-size:9px;
font-family: Roboto;
opacity: 0.4;
overflow: hidden;
}
.tema_peepsearch {
background-image:url('https://forumstatic.ru/files/0018/26/71/63674.png');
position:relative;
text-align: center;
width:507px;
height:508px;
}
#search_link_button{
background:#e4baba;
position: absolute;
width:120px; padding-bottom: 1px;
font-weight: 900;
max-height:30px;
left:190px;
top:120px;
font-size:14px;
color:white;
text-transform: uppercase;
font-family:'Akrobat';
cursor: pointer;
}
#search_link_input {
font-size: 12px;
width:300px;
cursor:auto;
}
#psearch_name {
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;
}
#psearch_name2 {
position: absolute;
width:380px;
height:18px;
overflow: hidden;
left:60px;
top:380px;
font-size:12px;
color:white;
font-family: 'Roboto Bold';
cursor: pointer;
text-align:left;
z-index: 1000;
text-transform: uppercase;
cursor:auto;
}
#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;
}
#psearch_texttext {
position: absolute;
width:420px;
height:85px;
overflow: auto;
padding:2px;
left:42px;
top:379px;
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>
<center>
<div class="tema_peepsearch">
<div id="psearch_tinder"></div>
<div id="psearch_img_wrap"><img src="" id="search_img_link"></div>
<div id="search_link"><input type="text" id="search_link_input" name="name" placeholder="введите ссылку на картинку и нажмите загрузить"></div>
<div id="search_link_button">загрузить картинку</div>
<div id="psearch_name" contentEditable="plaintext-only">внешность</div>
<div id="psearch_texttext" contentEditable="plaintext-only">Дополнительный текст</div>
<div id="psearch_icon3"></div>
<div id="psearch_content"></div>
</div> </center>
<div id="post-form" class="formal" style="visibility:visible">
<form id="post" class="container" style="background:transparent; border:0px;" method="post" action="/post.php?tid=7" onsubmit="return RusffCore.TopicPostHandler(this)">
<fieldset>
<div class="fs-box hashelp">
<div id="formkey"></div>
<div id="formetc" style="display:none"></div>
<input type="hidden" name="form_sent" value="1">
<input type="hidden" name="form_user" id="store_unique_login" value="">
<p class="areafield required">
<span class="input"><textarea class="search_copyhtml_content" id="main-reply" style="display:none;" name="req_message" rows="13">s</textarea></span></p><p class="formsubmit"><input type="submit" id="search_copyhtml" class="button" name="submit" value="Отправить заявку" accesskey="s" title="Отправить" style="margin-left: 245px;
margin-top: 10px;"></p>
</div>
</fieldset>
</form>
</div>
