[html]
<section class='pls-bank'>
<div class='pls-bank-title'>все предметы в магазине лимитированные. обновление происходит раз в месяц</div>
<!------------- картинка, иконки и стикеры ------------->
<div class='pls-bank-header'>
<div class='pls-bank-img'>
<p id='pls-store'>STORE</p>
<p id='pls-plaque-price'>плашка — $600</p>
</div>
<!------------- иконки ------------->
<div class='pls-bank-icons'>
<p>иконки — $500</p>
<p>индивидуальная — $800 (+200 за обрезку)</p>
<div>
<img src='https://i.imgur.com/fFJTrJu.gif' />
<img src='https://i.imgur.com/WBSE5lK.gif' />
<img src='https://i.imgur.com/MOKqg2c.gif' />
<img src='https://i.imgur.com/Ruggf6V.gif' />
<img src='https://i.imgur.com/FKNtjZj.gif' />
<img src='https://i.imgur.com/CZjYjKM.gif' />
<img src='https://i.imgur.com/5EjMLTb.gif' />
<img src='https://i.imgur.com/wNdrVw4.gif' />
<img src='https://i.imgur.com/kZBuC8C.gif' />
<img src='https://i.imgur.com/6ANrx8B.gif' />
<img src='https://i.imgur.com/IIojzZl.gif' />
<img src='https://i.imgur.com/83YJ1V7.gif' />
<img src='https://i.imgur.com/bVCoBZl.gif' />
<img src='https://i.imgur.com/lds8Xwa.gif' />
<img src='https://i.imgur.com/lDYVjpv.gif' />
<img src='https://i.imgur.com/Ateznt3.gif' />
<img src='https://i.imgur.com/uQjWD5G.gif' />
<img src='https://i.imgur.com/LLepIvg.gif' />
<img src='https://i.imgur.com/kVo5K1r.gif' />
<img src='https://i.imgur.com/rRwanIS.gif' />
<img src='https://i.imgur.com/Np3ecF7.gif' />
<img src='https://i.imgur.com/KvQBm7U.gif' />
<img src='https://i.imgur.com/tT0gUJs.gif' />
<img src='https://i.imgur.com/IOiAzwi.gif' />
<img src='https://i.imgur.com/UBZqeAn.gif' />
<img src='https://i.imgur.com/3yz8Cem.gif' />
<img src='https://i.imgur.com/jGuoyHb.gif' />
<img src='https://i.imgur.com/zS1km92.gif' />
<img src='https://i.imgur.com/fhE5l0b.gif' />
<img src='https://i.imgur.com/SBUxuM8.gif' />
<img src='https://i.imgur.com/fcI8NF6.gif' />
<img src='https://i.imgur.com/XjvHZbr.gif' />
</div></div>
<!------------- стикеры ------------->
<div class='pls-bank-stickers'>
<p>стикеры — $800</p>
<p>только из ассортимента</p>
<div>
<img src='https://forumstatic.ru/files/0018/1c/bd/71655.svg' />
<img src='https://forumstatic.ru/files/0018/1c/bd/28170.svg' />
<img src='https://forumstatic.ru/files/0018/1c/bd/33449.svg' />
<img src='https://forumstatic.ru/files/0018/1c/bd/25624.svg' />
<img src='https://forumstatic.ru/files/0018/1c/bd/12881.svg' />
<img src='https://forumstatic.ru/files/0018/1c/bd/29799.svg' />
<img src='https://forumstatic.ru/files/0018/1c/bd/26757.svg' />
<img src='https://forumstatic.ru/files/0018/1c/bd/28194.svg' />
<img src='https://forumstatic.ru/files/0018/1c/bd/66564.svg' />
<img src='https://forumstatic.ru/files/0018/1c/bd/56185.svg' />
<img src='https://forumstatic.ru/files/0018/1c/bd/27865.svg' />
<img src='https://forumstatic.ru/files/0018/1c/bd/58005.svg' />
<img src='https://forumstatic.ru/files/0018/1c/bd/90601.svg' />
<img src='https://forumstatic.ru/files/0018/1c/bd/38745.svg' />
<img src='https://forumstatic.ru/files/0018/1c/bd/92233.svg' />
<img src='https://forumstatic.ru/files/0018/1c/bd/25752.svg' />
<img src='https://forumstatic.ru/files/0018/1c/bd/52240.svg' />
<img src='https://forumstatic.ru/files/0018/1c/bd/30875.svg' />
</div></div></div>
<!------------- хэдеры и футеры ------------->
<div class='pls-bank-headers-footers'>
<p>хэдеры и футеры — $1000</p>
<p>можно ставить комплектом, можно только верх или низ</p>
<div>
<div><img src='https://i.imgur.com/M1lDPY9.png' /></div>
<div><img src='https://i.imgur.com/AxQpOAH.png' /></div>
<div><img src='https://i.imgur.com/7OPfzUb.png' /></div>
<div><img src='https://i.imgur.com/P6DEmwx.png' /></div>
<div><img src='https://i.imgur.com/Q6zj8fV.png' /></div>
<div><img src='https://i.imgur.com/ZA1Wgfj.png' /></div>
<div><img src='https://i.imgur.com/VDTmn12.png' /></div>
<div><img src='https://i.imgur.com/COGgFh5.png' /></div>
<div><img src='https://i.imgur.com/JYhdCcl.png' /></div>
<div><img src='https://i.imgur.com/QezHFZp.png' /></div>
<div><img src='https://i.imgur.com/ZxRB3D9.png' /></div>
<div><img src='https://i.imgur.com/qcgaWKU.png' /></div>
<div><img src='https://i.imgur.com/yEb5vcY.png' /></div>
<div><img src='https://i.imgur.com/KGMkzow.png' /></div>
<div><img src='https://i.imgur.com/Yfxz6H2.png' /></div>
<div><img src='https://i.imgur.com/DQPRLCN.png' /></div>
<div><img src='https://i.imgur.com/iKVkfsy.png' /></div>
<div><img src='https://i.imgur.com/sYB41ln.png' /></div>
<div><img src='https://i.imgur.com/5X7NHLF.png' /></div>
<div><img src='https://i.imgur.com/fTjNhxk.png' /></div>
<div><img src='https://i.imgur.com/cZH4cgc.png' /></div>
<div><img src='https://i.imgur.com/w7HKSrI.png' /></div>
<div><img src='https://i.imgur.com/QY7y2Pw.png' /></div>
<div><img src='https://i.imgur.com/lZZGhki.png' /></div>
<div><img src='https://i.imgur.com/fY6bWF5.png' /></div>
<div><img src='https://i.imgur.com/Gqs1V0v.png' /></div>
<div><img src='https://i.imgur.com/4lRjuS2.png' /></div>
<div><img src='https://i.imgur.com/24Rq7g5.png' /></div>
<div><img src='https://i.imgur.com/bF2ROUK.png' /></div>
<div><img src='https://i.imgur.com/8ZA6UcU.png' /></div>
</div></div>
<!------------- фоны для личной страницы ------------->
<div class='pls-bank-ppbgs'>
<div><p>фоны для личной страницы — $1500</p>
<p> только из ассортимента, устанавливаются на личную страницу, не в профиль </p></div>
<div class='pls-bank-scroll'>
<img src='https://i.imgur.com/GTxdGvt.png' />
<img src='https://i.imgur.com/AzISNHP.png' />
<img src='https://i.imgur.com/chcQDu2.png' />
<img src='https://i.imgur.com/QV3WCaX.png' />
<img src='https://i.imgur.com/MzLtB1q.png' />
<img src='https://i.imgur.com/HZ5tROh.png' />
<img src='https://i.imgur.com/5sjfqDV.png' />
<img src='https://i.imgur.com/O6qJnw6.png' />
<img src='https://i.imgur.com/STRoGHT.png' />
<img src='https://i.imgur.com/Ws6lJpV.png' />
<img src='https://i.imgur.com/x9QkDUN.png' />
<img src='https://i.imgur.com/9BqJUHm.png' />
<img src='https://i.imgur.com/fBfTzZR.png' />
<img src='https://i.imgur.com/ufwJO1j.png' />
<img src='https://i.imgur.com/Sr9Enl3.png' />
<img src='https://i.imgur.com/2iuY5IA.png' />
<img src='https://i.imgur.com/yMiYiE4.png' />
<img src='https://i.imgur.com/vMUkN6J.png' />
<img src='https://i.imgur.com/rOGHE71.png' />
<img src='https://i.imgur.com/i8wYoIg.png' />
<img src='https://i.imgur.com/lByttNY.png' />
<img src='https://i.imgur.com/K0fYef0.png' />
<img src='https://i.imgur.com/UcVKKm4.png' />
<img src='https://i.imgur.com/wbYPC0q.png' />
</div></div>
</section>
[/html]
— подобрать цвет плашки —
|
[html]<script>
document.addEventListener("DOMContentLoaded", function () {
let fullAvatarURL = "";
if (FilesURL) {
if (UserAvatar) {
fullAvatarURL = FilesURL + UserAvatar;
}
}
const displayBox = document.getElementById("displayBox");
const textInputt = document.getElementById("textInputt");
const bgColorPickerr = document.getElementById("bgColorPickerr");
const textColorPickerr = document.getElementById("textColorPickerr");
const bgHex = document.getElementById("bgHex");
const textHex = document.getElementById("textHex");
console.log('displayBox', displayBox)
document.getElementById("avatarImage").src = fullAvatarURL;
document.getElementById("avatarUrlInput").value = fullAvatarURL;
textInputt.addEventListener("input", function () {
console.log("textInputt", textInputt.value);
const boxParagraph = displayBox.querySelector("p");
boxParagraph.innerHTML = textInputt.value.replace(/\n/g, "<br>");
});
bgColorPickerr.addEventListener("input", function () {
console.log("bgColorPickerr", bgColorPickerr.value);
displayBox.style.backgroundColor = bgColorPickerr.value;
bgHex.value = bgColorPickerr.value;
});
bgHex.addEventListener("input", function () {
console.log("bgHex", bgHex.value);
const val = bgHex.value;
if (/^#[0-9A-Fa-f]{6}$/.test(val)) {
bgColorPickerr.value = val;
displayBox.style.backgroundColor = val;
}
});
const copyButtons = document.querySelectorAll(".copy-btn");
copyButtons.forEach(function (btn) {
btn.addEventListener("click", function () {
const targetId = btn.getAttribute("data-target");
if (targetId) {
const input = document.getElementById(targetId);
input.select();
document.execCommand("copy");
btn.innerHTML = "✔";
setTimeout(function () {
btn.innerHTML = "⧉";
}, 1000);
}
});
});
const avatarModal = document.getElementById("avatarModal");
const avatarOverlay = document.getElementById("avatarOverlay");
const avatarImg = document.getElementById("avatarImage");
const avatarInput = document.getElementById("avatarUrlInput");
document.getElementById("avatarContainer").addEventListener("click", function () {
avatarModal.style.display = "flex";
avatarInput.value = avatarImg.src;
});
document.getElementById("closeModal").addEventListener("click", function () {
avatarModal.style.display = "none";
});
document.getElementById("applyAvatar").addEventListener("click", function () {
avatarImg.src = avatarInput.value;
avatarModal.style.display = "none";
});
document.getElementById("resetAvatar").addEventListener("click", function () {
document.getElementById("avatarImage").src = fullAvatarURL;
document.getElementById("avatarUrlInput").value = fullAvatarURL;
});
document.querySelectorAll(".eyedropper-btn").forEach(function (btn) {
btn.addEventListener("click", function () {
if (!window.EyeDropper) {
alert(
"Ваш браузер не поддерживает встроенную пипетку :с\nПопробуйте Google Chrome или Edge с компьютера."
);
return;
}
const eyeDropper = new EyeDropper();
eyeDropper.open().then(function (result) {
const hex = result.sRGBHex;
const target = btn.getAttribute("data-target");
if (target === "bg") {
bgColorPickerr.value = hex;
bgHex.value = hex;
displayBox.style.backgroundColor = hex;
} else if (target === "text") {
textColorPickerr.value = hex;
textHex.value = hex;
displayBox.querySelector("p").style.color = hex;
}
btn.innerHTML = "✅";
setTimeout(function () {
btn.innerHTML = "🎯";
}, 1000);
});
});
});
function decodeHtmlEntities(encodedStr) {
const textarea = document.createElement("textarea");
textarea.innerHTML = encodedStr;
return textarea.value;
}
const lzPreviewBox = document.getElementById("lz-preview");
if (lzPreviewBox) {
const lzData = UserFld2 || "";
const decodedLzData = decodeHtmlEntities(lzData);
lzPreviewBox.innerHTML = decodedLzData;
}
const fontSizeInput = document.getElementById("fontSizeInput");
if (fontSizeInput) {
fontSizeInput.addEventListener("input", function () {
const size = fontSizeInput.value;
displayBox.querySelector("p").style.fontSize = size + "px";
});
}
});
</script>[/html]
[html]
<button class="copy-to-reply-toform">
купить плашку
<div class="hidden-copy-code" style="display: none;">
плашка
1) какой цвет:
Все стираем пишем только цвет: https://colorscheme.ru/html-colors.html - можно воспользоваться для выбора, без кода установлена не будет.
2) текст плашки (цензура есть, но min):
верх: 40 симв
низ: 40 симв
3) сразу установить или на лс:
на лс или сразу в профиль
4) ссылка на профиль:
ссылка на профиль кому устанавливаем
5) сколько списываем:
итог в профиле не считаем, пишем только цену покупки
</div></button >
<button class="copy-to-reply-toform">
поменять цвет плашки
<div class="hidden-copy-code" style="display: none;">
поменять цвет в плашке
1) какой цвет:
Все стираем пишем только цвет: https://colorscheme.ru/html-colors.html - можно воспользоваться для выбора, без кода установлена не будет.
2) количество и цена: (этот пункт меняем, только если от 2 и более меняем)
$200 - 1 шт
3) ссылка на профиль:
ссылка на профиль кому меняем
4) какая именно плашка:
текст плашки, которой нужно поменять цвет
</div></button >
<button class="copy-to-reply-toform">
купить иконку
<div class="hidden-copy-code" style="display: none;">
иконка
1) какую берем:
индивидуальная (если да, надо ли обрезать?) или магазинная:
2) ссылка на иконку
ссылка
3) ссылка на профиль:
ссылка на профиль кому устанавливаем
4) куда ставим:
на лс или сразу в профиль
5) сколько списываем:
итог в профиле не считаем, пишем только цену покупки
</div></button >
<button class="copy-to-reply-toform">
купить стикер
<div class="hidden-copy-code" style="display: none;">
стикер
1) какой берем:
ссылка на стикер
2) ссылка на профиль:
ссылка на профиль кому устанавливаем
3) куда ставим:
на лс или сразу в профиль
4) сколько списываем:
итог в профиле не считаем, пишем только цену покупки
</div></button >
<button class="copy-to-reply-toform">
купить хэдер/футер
<div class="hidden-copy-code" style="display: none;">
хэдер, футер
1) ссылка на картинку:
ссылка
2) ссылка на профиль:
ссылка на профиль кому устанавливаем
3) сразу установить или на лс:
на лс или сразу в профиль
4) верх, низ или верх+низ:
ответ
5) сколько списываем:
итог в профиле не считаем, пишем только цену покупки
</div></button >
<button class="copy-to-reply-toform">
купить фон на лс
<div class="hidden-copy-code" style="display: none;">
фон на лс
1) ссылка на картинку:
ссылка
2) ссылка на профиль:
ссылка на профиль кому устанавливаем
3) сразу установить или на лс:
на лс или сразу в профиль
4) сколько списываем:
итог в профиле не считаем, пишем только цену покупки
</div></button >
администрация оставляет за собой право изменять, корректировать и удалять пункты написанные выше.[/html]
[hideprofile]
