[hideprofile]
[html]<div class="fb-guest">
<g2><div class="rules-text">внешности за гостями держатся <strong>сутки</strong>, за зарегистрированными пользователями - <strong>трое суток</strong> с возможностью продлить бронь <strong>дважды</strong> на трое суток. все придерживания <strong> обнуляются в 00:00</strong> по мск. </div></g2>
<g3> <div class="faces">
<div class="titles">выкупленные</div>
<div class="titles1">придержанные</div>
</div>
<div class="faces">
<div class="vikup">
<!--выкуплено за пользователями -->
<gscroll>
<b>actor</b> :: <a href="https://billboard.rusff.me/profile.php?id=4">lee chaemin</a><br>
<b>actress</b> :: <a href="https://billboard.rusff.me/profile.php?id=24">han sohee</a><br>
<b>actress</b> :: <a href="https://billboard.rusff.me/profile.php?id=663">jung soojung</a> (06.10)<br>
<b>billlie</b> :: <a href="https://billboard.rusff.me/profile.php?id=7">fukutomi tsuki</a><br>
<b>riize</b> :: <a href="https://billboard.rusff.me/profile.php?id=67">song eunseok</a> (14.10)<br>
<b>seventeen</b> :: <a href="https://billboard.rusff.me/profile.php?id=38">xu minghao</a> (13.10)<br>
<b>stray kids</b> :: <a href="https://billboard.rusff.me/viewtopic.php?id=3#p1143307">kim seungmin</a>(08.10)<br>
<b>&team</b> :: <a href="https://billboard.rusff.me/viewtopic.php?id=3#p1137188">koga yudai</a> (13.10)<br>
<b>&team</b> :: <a href="https://billboard.rusff.me/viewtopic.php?id=3#p1020165">shigeta harua</a> (06.10)<br>
</gscroll>
</div>
<div class="prid">
<!--придержано за пользователями -->
<mscroll>
<div class="x-data">08.10</div>
<b>actress</b> :: <a href="https://billboard.rusff.me/profile.php?id=937">im jinah</a><br>
<b>STAYC</b> :: <a href="https://billboard.rusff.me/profile.php?id=936">shim jayoon</a><br>
</mscroll>
</div>
</div></g3>
<div class="ssilks"><a href="https://billboard.rusff.me/viewtopic.php?id=6" target="_blank">правила</a> <a href="https://billboard.rusff.me/viewtopic.php?id=8" target="_blank">внешности</a> <a href="https://billboard.rusff.me/viewtopic.php?id=3" target="_blank">нужные</a> <a href="https://billboard.rusff.me/viewtopic.php?id=5" target="_blank">хочу видеть</a></div>
<style>
.fb-guest{
position:relative;
}
.fb-guest .ssilks{
position:relative;
top:-35px;
}
.fb-guest g3 .faces{
position:relative;
left:35px;
}
.guest-generator{
position:absolute;
left:13px;
bottom:10px;
width:198px;
height:95px;
box-sizing:border-box;
padding:8px 9px;
border:1px solid var(--bordercolornah);
border-radius:15px;
background:var(--podnah);
display:flex;
flex-direction:column;
justify-content:center;
overflow:hidden;
}
.guest-generator-fields{
display:flex;
gap:5px;
margin-bottom:5px;
}
.guest-generator input{
height:21px;
min-width:0;
box-sizing:border-box;
padding:0 6px;
border:1px solid var(--bordercolornah);
border-radius:5px;
background:var(--wordcolor3);
color:var(--textcolornah);
font:9px var(--font-base);
outline:none;
transition:border-color .2s ease;
}
.guest-generator input:focus{
border-color:var(--accentcolor1idinah);
}
.guest-generator input::placeholder{
color:var(--greynah);
opacity:1;
}
.guest-generator input::-webkit-input-placeholder{
color:var(--greynah);
opacity:1;
}
.guest-generator input::-moz-placeholder{
color:var(--greynah);
opacity:1;
}
#guestType{
width:65px;
}
#guestName{
flex:1;
}
#guestLink{
width:100%;
margin-bottom:5px;
}
.guest-generator-buttons{
display:flex;
justify-content:center;
gap:5px;
}
.guest-generator button{
height:20px;
box-sizing:border-box;
padding:0 8px;
border:1px solid var(--buttoncolornah);
border-radius:5px;
background:var(--buttoncolornah);
color:var(--buttontextcolornah);
font:8px var(--font-base);
cursor:pointer;
transition:
background .2s ease,
border-color .2s ease;
}
.guest-generator button:hover{
background:var(--accentcolor2idinah);
border-color:var(--accentcolor2idinah);
}
.guest-generator button.guest-nolink{
background:var(--accentcolor3idinah);
border-color:var(--accentcolor3idinah);
}
.guest-generator button.guest-nolink:hover{
background:var(--linkhoveridinah);
border-color:var(--linkhoveridinah);
}
#guestResult{
position:absolute;
inset:0;
z-index:5;
display:none;
align-items:center;
justify-content:center;
box-sizing:border-box;
padding:10px;
border-radius:15px;
background:var(--podnah);
color:var(--textcolornah);
font:10px var(--font-base);
text-align:center;
}
#guestHidden{
position:absolute;
left:0;
bottom:0;
width:1px;
height:1px;
padding:0;
margin:0;
border:0;
opacity:0;
pointer-events:none;
resize:none;
}
</style>
<div class="guest-generator">
<div id="guestResult"></div>
<div class="guest-generator-fields">
<input type="text" id="guestType" placeholder="группа">
<input type="text" id="guestName" placeholder="имя внешности">
</div>
<input type="text" id="guestLink" placeholder="ссылка на профиль">
<div class="guest-generator-buttons">
<button type="button" id="guestCopy">со ссылкой</button>
<button type="button" id="guestCopyNoLink" class="guest-nolink">без ссылки</button>
</div>
<textarea id="guestHidden" tabindex="-1" aria-hidden="true"></textarea>
</div>
<script>
(function(){
var typeInput =
document.getElementById('guestType');
var nameInput =
document.getElementById('guestName');
var linkInput =
document.getElementById('guestLink');
var copyButton =
document.getElementById('guestCopy');
var copyNoLinkButton =
document.getElementById('guestCopyNoLink');
var result =
document.getElementById('guestResult');
var hidden =
document.getElementById('guestHidden');
if(
!typeInput ||
!nameInput ||
!linkInput ||
!copyButton ||
!copyNoLinkButton ||
!result ||
!hidden
){
return;
}
function trimValue(value){
return String(value || '')
.replace(/^\s+|\s+$/g,'');
}
function escapeHtml(value){
return String(value || '')
.replace(/&/g,'&')
.replace(/</g,'<')
.replace(/>/g,'>')
.replace(/"/g,'"');
}
var resultTimer = null;
function showResult(text){
if(resultTimer){
clearTimeout(resultTimer);
}
result.textContent = text;
result.style.display = 'flex';
resultTimer = setTimeout(function(){
result.style.display = 'none';
},1400);
}
function fallbackCopy(code){
var scrollX =
window.pageXOffset ||
document.documentElement.scrollLeft ||
document.body.scrollLeft ||
0;
var scrollY =
window.pageYOffset ||
document.documentElement.scrollTop ||
document.body.scrollTop ||
0;
hidden.value = code;
try{
hidden.focus({
preventScroll:true
});
}catch(error){
hidden.focus();
}
hidden.select();
var copied = false;
try{
copied =
document.execCommand('copy');
}catch(error){
copied = false;
}
window.scrollTo(
scrollX,
scrollY
);
if(copied){
showResult(
'удачненько скопировано'
);
}else{
showResult(
'не удалось скопировать'
);
}
}
function copyText(code){
if(
navigator.clipboard &&
navigator.clipboard.writeText
){
navigator.clipboard
.writeText(code)
.then(function(){
showResult(
'удачненько скопировано'
);
})
.catch(function(){
fallbackCopy(code);
});
}else{
fallbackCopy(code);
}
}
copyButton.onclick = function(event){
if(event && event.preventDefault){
event.preventDefault();
}
var type =
trimValue(typeInput.value);
var name =
trimValue(nameInput.value);
var link =
trimValue(linkInput.value);
if(
type === '' ||
name === '' ||
link === ''
){
showResult(
'заполни все три поля'
);
return false;
}
var code =
'<b>' +
escapeHtml(type) +
'</b> :: <a href="' +
escapeHtml(link) +
'">' +
escapeHtml(name) +
'</a><br>';
copyText(code);
return false;
};
copyNoLinkButton.onclick = function(event){
if(event && event.preventDefault){
event.preventDefault();
}
var type =
trimValue(typeInput.value);
var name =
trimValue(nameInput.value);
if(
type === '' ||
name === ''
){
showResult(
'заполни группу и имя'
);
return false;
}
var code =
'<b>' +
escapeHtml(type) +
'</b> :: ' +
escapeHtml(name) +
'<br>';
copyText(code);
return false;
};
function enterCopy(event){
event =
event ||
window.event;
if(event.keyCode === 13){
if(event.preventDefault){
event.preventDefault();
}
if(trimValue(linkInput.value) !== ''){
copyButton.click();
}else{
copyNoLinkButton.click();
}
return false;
}
}
typeInput.onkeydown =
enterCopy;
nameInput.onkeydown =
enterCopy;
linkInput.onkeydown =
enterCopy;
})();
</script>
</div>
[/html]
<b>группа</b> :: <a href="ссылка на профиль">имя внешности</a><br>
